`
huibin
  • 浏览: 755086 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

WEB前端工具

阅读更多

用户界面

易用性检查

整理和优化

字体

表单

布局

酷站

帮助向导 / Hacks / 学习资源

  • SelectOracle
    Explainsthe structure of CSS- and HTML-documents. Enter semi-colon separatedselectors or just paste in your existing rulesets into the “DirectInput area, or provide the URL of a stylesheet or an HTML document withan embedded stylesheet in the “URL Input area. English, Spanish, Germanand Bulgarian versions are available.
  • Tom Lee has a tutorial on Max-width in IE Using a CSS Expression . Word of caution: I hear using this method can be rather hairy, in some cases crashing the browser.
  • Future-proof your CSS with Conditional Comments from Bruce Lawson is a great comprehensive collection of CSS’s that,when combined, addresses most of CSS issues with different browsers.
  • IE Word Wrap Doppelganger Bug
    这 个站点展示了标题(heading)元素在IE6中换行时会留个小尾巴的bug。
  • Images, Tables, and Mysterious Gaps seems like something I should’ve known already about the behavior ofinline elements in strict mode. But of course it took me an hour ofagony before finally realizing the ultimate truth: I’m not that smart.
  • Easy CSS hacks for IE7 IE7 下 可以用的CSS Hacks。
  • 针对IE7 , Firefox 1.5和Opera 8.5的Web浏览器CSS支持 一览表。
  • snook.ca on the “+ CSS hack which you can use to target IE6 and IE7 only.
  • On having layout
    提供了很多信息 围绕IE其特有的“渲染概念:hasLayout — one of the major causes for headachewhen it comes to how IE decides to pain the boundaries of certain HTMLelements: 

     

    • “Internet Explorer中有很多奇怪的渲染问题可以通过赋予其“layout得到解决。John Gallant 和 Holly Bergevin把这些问题归类为“尺寸bug(dimensional bugs),意思是这些 bug可以通过赋予相应元素某个宽度或高度解决。这便引出关于“layout的一个问题:为什么它会改变元素的渲染特性,为什么它会影响到元素之间的关 系?这个问题问得很好,但却很难回答。在这篇文章中,我们专注于这个复杂问题会有那些方面的表现,某一方面的具体讨论和范例请参考文中给出的相关链接。

    这篇文章的中文翻译参见承志的SharkUI:On having layout

  • Negative text-indent and underline — No matter how far on the left the real text is, the underline will bestretched all the way to the right in some PC browsers, namely theFirefox.
  • IE6 Multi Class Bug — Again, something that could’ve brought to my attention last week!
    • …InternetExplorer fails to render backgrounds for elements that have both an IDand a class defined. For instance, #photos.background1 will display thecorresponding background in IE6 for Windows, but once that has been defined, #photos.background2, #photos.background3, etc. will not be displayed.
  • Ten more CSS tricks you may not know
    包 括少量的IE bug修复手段
  • The “Holly Hack — 著名的taming IE/Win CSS display bug by assigning a dimensional value such as height:1%;
  • CSS tests
    很不错的一系列CSS测试页面
  • max-width in IE
    用IE的 expression来模拟max-width
  • http://imfo.ru/csstest/css_hacks/import.php
    用 @import来针对不同的浏览器隐藏CSS的一系列方法。
  • Essentials of CSS Hacking For Internet Explorer
    助你对付IE的一系列建议。
  • Web 浏览器标准支持
    用图表来比较IE 6, Firefox 1.0, 和Opera 8.
  • The perils of using XHTML properly
    正 确使用XML申明和MIME类型。
  • IE Double Float Margin Bug .

小贴士

分享到:
评论

相关推荐

    web前端工具包

    【web前端工具包】是一个集合了多种Web前端开发与数据库管理工具的综合资源包,旨在提升开发者的工作效率和协作能力。这个工具包的核心组件包括Sublime Text编辑器、Postman测试工具以及数据库可视化工具,这些工具...

    web前端工具HBuilder X

    web前端工具HBuilder X

    PHP实例开发源码-LogAnalyzer Web前端工具.zip

    PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip

    web前端工具 hehelper

    web前端 谷歌工具 hehelper 。

    web前端技术方案web前端技术方案

    Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则: 1. 围绕业务发展:前端技术体系的设计应紧扣业务需求,确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...

    web前端初级.pdf

    Web前端是用户与网站或APP交互的第一界面,对于用户体验至关重要。本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本...

    吸色器 web前端开发工具

    标题中的“吸色器”指的是在Web前端开发中常用的色彩选取工具,这类工具允许开发者轻松地从网页上吸取颜色,并将其应用到自己的设计或者代码中。这种工具对于UI/UX设计师和前端工程师来说非常实用,因为它们能快速...

    Colors前端取色器

    综上所述,"Colors前端取色器"作为一款WEB前端工具,是工程师们不可或缺的伙伴。它简化了色彩选取过程,提高了设计精度,同时免费且易于使用,使得开发者能更加专注于创造出色的作品,提升用户体验。在日常的网页...

    一个小而强大的Web前端工具:FastStone Capture

    FSCapture是一款抓屏工具,附带的其他两个小功能:取色器和屏幕放大镜。对抓取的图像提供缩放、旋转、减切、颜色调整等功能。只要点点鼠标就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序...

    web前端抓包工具

    在Web前端开发中,了解和使用抓包工具是至关重要的技能。这些工具允许开发者实时查看、分析和调试网络请求,从而更好地理解应用的运行机制,定位性能问题,以及确保数据安全传输。以下是对"web前端抓包工具"的详细...

    Web前端开发初级样题一理+实.zip

    【标题】"Web前端开发初级样题一理+实.zip" 涵盖了Web前端开发的初级理论和实践知识,是针对“1+x WEB前端开发初级考试”的备考资料。这个压缩包很可能是为了帮助初学者或者准备参加该级别认证考试的人员进行系统性...

    Delphi+Web前端开发教程基于TMS+WEB+Core框架.pdf

    **Delphi Web前端开发教程——基于TMS WEB Core框架** Delphi Web前端开发教程是针对想要使用TMS WEB Core框架创建Web应用程序的开发者,无论你是初学者还是高级开发者,本教程都提供了丰富的学习资源。TMS WEB ...

    基于Vue.js框架的Web前端开发工具的设计与实现

    伴随Web开发技术的不断发展,前后端分离开发逐渐成为主流的开发模式,前端开发在整个开发流程中越来越重要,前端开发工作早已不是编写几个简单的静态页面就可以完成的,前端除了需要展示美观的页面,还需要实现...

    web前端课程设计.zip

    在本课程设计中,我们将...综上所述,"web前端课程设计.zip"涵盖了Web前端开发的核心技术、工具、框架以及最佳实践,为学习者提供了一个全面的实践平台,旨在帮助他们提升技能,理解和掌握构建现代Web应用的全过程。

    web前端开发技术 在线投票网站系统设计

    1. **Web前端基础**:前端开发是构建Web应用程序的关键部分,它负责用户在浏览器中看到和交互的所有内容。这个项目涉及到HTML、CSS和JavaScript的基础知识,HTML用于创建网页结构,CSS负责样式设计,JavaScript则...

    1+X WEB前端开发初级教案.rar

    《1+X WEB前端开发初级教案》是一个针对初学者的教育资源,主要涵盖了Web前端开发的基础知识和技能。在Web前端开发领域,这是学习者踏入这个充满创新和技术挑战世界的入门教材。"1+X"通常指的是国家职业教育1+X证书...

    Web前端大作业.zip

    《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中,我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面,旨在提升我们...

    web工具箱 web工具箱

    web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱...

Global site tag (gtag.js) - Google Analytics