- 浏览: 754171 次
- 性别:
- 来自: 郑州
文章分类
- 全部博客 (396)
- JAVA (50)
- ORACLE (22)
- HIBERNATE (1)
- SPRING (26)
- STRUTS (4)
- OTHERS (0)
- MYSQL (11)
- Struts2 (16)
- JS (33)
- Tomcat (6)
- DWR (1)
- JQuery (26)
- JBoss (0)
- SQL SERVER (0)
- XML (10)
- 生活 (3)
- JSP (11)
- CSS (5)
- word (1)
- MyEclipse (7)
- JSTL (1)
- JEECMS (2)
- Freemarker (8)
- 页面特效 (1)
- EXT (2)
- Web前端 js库 (2)
- JSON http://www.json.org (3)
- 代码收集 (1)
- 电脑常识 (6)
- MD5加密 (0)
- Axis (0)
- Grails (1)
- 浏览器 (1)
- js调试工具 (1)
- WEB前端 (5)
- JDBC (2)
- PowerDesigner (1)
- OperaMasks (1)
- CMS (1)
- Java开源大全 (2)
- 分页 (28)
- Eclipse插件 (1)
- Proxool (1)
- Jad (1)
- Java反编译 (2)
- 报表 (6)
- JSON (14)
- FCKeditor (9)
- SVN (1)
- ACCESS (1)
- 正则表达式 (3)
- 数据库 (1)
- Flex (3)
- pinyin4j (2)
- IBATIS (3)
- probe (1)
- JSP & Servlet (1)
- 飞信 (0)
- AjaxSwing (0)
- AjaxSwing (0)
- Grid相关 (1)
- HTML (5)
- Guice (4)
- Warp framework (1)
- warp-persist (1)
- 服务器推送 (3)
- eclipse (1)
- JForum (5)
- 工具 (1)
- Python (1)
- Ruby (1)
- SVG (3)
- Joda-Time日期时间工具 (1)
- JDK (3)
- Pushlet (2)
- JSP & Servlet & FTP (1)
- FTP (6)
- 时间与效率 (4)
- 二维码 (1)
- 条码/二维码 (1)
最新评论
-
ctrlc:
你这是从web服务器上传到FTP服务器上的吧,能从用户电脑上上 ...
jsp 往 FTP 上传文件问题 -
annybz:
说的好抽象 为什么代码都有两遍。这个感觉没有第一篇 和第二篇 ...
Spring源代码解析(三):Spring JDBC -
annybz:
...
Spring源代码解析(一):IOC容器 -
jie_20:
你确定你有这样配置做过测试? 请不要转载一些自己没有测试的文档 ...
Spring2.0集成iReport报表技术概述 -
asd51731:
大哥,limit传-1时出错啊,怎么修改啊?
mysql limit 使用方法
用户界面
-
I Like Your Color
输入URL 然后它会抓出其中的颜色并用16进制表示。 -
CSS Multi-element Rollover Generator
使 用CSS和一个图片创建出一个翻转按钮的样式。 - CSS Rounded Box Generator
-
Ruthsarian Layouts
6个 CSS页面布局模板,包括颜色、标题等。 -
Bluerobot Layout Reservoir
2 栏和3栏的CSS布局框架 -
Glish CSS Layout techniques
2、 3、 4栏的CSS布局框架 -
The Layout-o-matic
输入页宽、 栏数和padding,它会自动生成CSS和HTML的布局框架。 -
Little Boxes
w3cn.org 上提供的那些布局模板 -
Open Source Web Design
各种免费的完整页面模板 -
Web Builders’ Toolkit
更多 的模版资源 - Iconico Online CSS Scrollbar Color Changer
-
List-u-Like
一 个CSS菜单生成器:轻松创建采用li并兼容各种浏览器的导航菜单。 - Nifty Corners: 无需图片的圆角矩形
-
Round Corner
Stone/Icon (rcsi) V1.0
增强的圆角矩形 -
Xylescope
无需下载其他站点就能轻松分析 其CSS代码。 - W3C Core Styles
- Checkliste zur Webseitengestaltung
- Testseite zur Zeilenbreite
易用性检查
- Accessibility Valet Demonstrator
- Bobby Online Service
- Cynthia Says
- OCAWA Web Accessibility Expert
-
Torquemada
使 用工具对页面进行一个完整的易用性分析方法测试,以快速辨别页面中哪些部分存在错误。 -
UI Site check
一个站点检查工具,只 需要输入你的网址,便可以列出几十个验证器和易用性工具。 -
WAVE 3.5 Accessibility Tool
可以提供你页面上的易 用性细节和错误方面的有用信息。他会用红黄绿蓝等几种图标来表示需要改进的页面部分。这些图标代表了你页面上有关结构、内容、可用性和易用性方面的问题细 节。你可以清楚地看到当前页面上哪些位置存在问题。 - Web-based Site Usability Checker
-
WebXACT Quality & Accessibility
Check
一个免费的在线服务,让你对单个页面进行质量、易用性和保密性问题的测试。 - Will the browser apply the rule(s)?
- TAW - Test accessibilidad web
整理和优化
-
CSS Formatter and Optimiser
能 让你选择你的CSS更易读还是更小。 -
CSS Compressor
使用这个工具可以压 缩你的CSS使之提高载入速度和节约带宽。 -
Online CSS Compressor
多 种途径来清理并压缩你的CSS,牺牲了可读性来获得相当程度的优化和尺寸的减少。 - CSS Compressor
- CSS Syntax Checker for BBEdit and TextWrangler
-
CSSTidy
CSSTidy 是一个开源的CSS解释器和优化工具 -
CSS Tweak ~ Web Based CSS Tweaker!
CSS Tweak 会优化你的CSS以减少文件大小和下载时间。 - Clean CSS - Optmize and Format your CSS
-
Format CSS Online
自动格式化 你的CSS使之便于阅读和编辑 -
Online CSS Optimizer
CSS Optimizer 优化并减少CSS的文件尺寸 -
Online CSS Optimiser/Optimizer
这 个工具用于优化CSS代码。 -
Tabifier
使HTML和CSS代码变漂 亮。 -
Webucator
有一个CSS参考手册,你还可 以在上面测试你的CSS代码 -
CSS Centricle
CSS hack浏览器兼容一览表 (就是w3cn.org 上的那个)
字体
-
CSS Font and Text Style Wizard
你 可以在这里测试用不同的字体和样式来生成CSS源代码。 -
Em Calculator
转换字体大小到em的 工具 -
text sizing - up the garden path
不 同浏览器下字体表现的研究,共有264个截图。
表单
-
Accessible Form Builder
轻 轻松松生成符合XHTML标准的表单。 -
CSS Form Code Maker
表单生成 器 -
JotForm
所见即所得的表单生成器 -
korhoen typeviewer
帮 你查看CSS的排版效果,帮你调整使之易读。
布局
-
CssCreator -> Page Layout
:
thisgenerator will create a CSS layout that has fixed width left and/orright columns with a dynamic width center column, all the same heightwith header and footer. -
CSS HTML PHP Website Template Maker
一 个PHP - HTML - CSS模板生成器,可以生成包括页头和页尾的两栏布局的模板。 -
Firdamatic
Firdamatic? 是一个无表格的布局生成器。 -
Free CSS Template Code Generator
生 成三栏的布局 -
Layout-o-Matic
也是一个无表格的布 局生成器。 -
QrONE CSS Designer
在线 CSS生成器 -
Scriptomizers
一个CSS样式生成器 -
The Generator Form v2.90
1-3 栏可定制的CSS页面生成器。
酷站
- CSSElite
-
openwebdesign.org
设计师和站长 在这里分享网页设计模板和资讯。 - CSS thesis
- Wow-Factor
- Web Standards Awards
- W3 Compliant Sites
- Unmatched Style
- The Weekly Standards
- CSS-Mania
- CSS Drive
- CSS Import
- CSS Zen Garden
- CSS Vault
- CSS Beauty
- Stylegala
帮助向导 / 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 .
小贴士
- CSS-Based Forms: Modern Solutions 样 式表定义的各种漂亮注册与登录表单的收集。
- Hot Dates with CSS 教你怎样使blog的日期看起来像日历页。
- A nice demo of experimenting with CSS-only solution to imagemap with popups using unordered list.
- Clagnut shows you how to have Line breaks in tooltips by using the carriage return entity . How utterly simple!
- Styling check boxes and radio buttons only with CSS uses 100% CSS solution (via attribute value selector and positionedbackground images) to serve up customized form elements. It’ssemantically correct and degrades well for browsers that doesn’tsupport this method (IE), but is it also accessible?
- Stuart Robertson’s CSS text shadow technique seems like one of the easiest-to-implement techniques I’vecome across. It uses :before pseudo element and supports both Safariand Firefox browsers.
- From “holy crap why didn’t I think of that file… Airbag has a simple but great idea of using a ruler background images in CSS to check DIV sizing during development.
- CSS Colors: Take Control Using PHP is a wonderful tutorial from Barely Fitz on how to use PHP variables torepresent colors in your CSS which you can then manipulate — quicklychanging all the colors from a single source, generating new colors viaalgorythm, etc.
- Web Graphics has a CSS3 demo on using :target pseudo class to style anchor link targets .
- Dynamic Drive, a long time favorite DHTML code snippet depot of mine, has started a new spin-off: CSS Drive .
- A More Accessible Map — a new tutorial on ALA shows how to create an accessible map with tooltips via CSS and JS.
- Styling horizontal rules with CSS — “…Don’t waste hours trying to style horizontal rules consistentlyacross different browsers. Instead wrap your HR in a DIV, set the HR todisplay none and style the surrounding DIV instead.. Now why the heckdidn’t I think of that?
- CSS image preloader technique from maratz.com — using background image CSS property on images to serve as image place holders.
- stefanhayden.com shows a neat (and easy) way to make sure the client fetches new CSS with HTML update: just add a variable at the end of the CSS with each update.
- Wrapping text around curves via CSS if you don’t mind the markup cruft.
- codylindley.com’s Pushpin Header Technique “…is a CSS solution for creating a stationary header out of the thead of a table while the table’s tbody remains scrollable
- hovebox image gallery via sonspring. It’s sort of like mini-lightbox that enlarges the thumbnails on hover. Very nice.
- Beautifully Numbered Lists looks nice except that it’s not really an ordered list. Instead it useddefinition lists inside the ordered list for presentation — which meanstrue standardistas might object.
- In what could only be catagorized under Uber-Anal department, ollicle.com how to alter CSS line-height based on paragraph width via javascript for optimal readbility .
- From “I didn’t know that file… wg tells us that using − instead of a dash character prevents some browser from wrapping the words connected by it.
- Eric Meyer, the man with CSS skillz that payz da billz, reveals something I’ve never heard of before: line-height property can use unitless values !The differences between united vs. unitless declarations are welldescribed in his article but I can’t believe that I had it all wrong.I’ve been telling everyone that “You must declare unit for ANYmeasurement values unless it’s zero.
- loudandlonely has an interesting article on how to obscure your email address via CSS by using some clever a:link:before and a:link:after pseudo-elements.
- digital-web has a good run down on things to consider when using CSS typography .
- 456bereastreet takes a first crack at explaining CSS3 selectors
- Another good footer at the bottom using only CSS demo.
- Pup’s Box Flow Hack shows you how to allow even block items to flow around floating boxes.
- Simple(r) CSS Image Switcher — Unlike the orginal CSS image switcher ,this version doesn’t use nested unordered lists. Instead, it uses justone unordered list, with the link image placed inside the anchor.
- Another very nice tutorial from 24ways. This time it’s Curly Quotes Without Images ,a technique popular in citing blockquotes with enlarged quotation marksin the beginning and at the end of the quote. But without usingbackground images.
- FACE is an interesting javascript-powered / CSS-controlled page animation technique.
- Defining CSS constants using PHP is a good article on using PHP to allow constants (’variables’) in CSS.For instance you can use this technique to define a repetitive color inCSS as a variable. That way you only need to declare it once and onlychange that one instance should you want to change that color. Veryhandy.
- 24ways has a good article on using z-index attribute .
- apples-to-oranges.com has a fantastic tutorial on how to create great looking bar graphs with CSS
- Image map for detailed information showcases use of CSS to provide an image with mouse-over-section for detailed notes.
- From the “How the heck did I miss this department: cssQuery a powerful cross-browser JavaScript function that enables querying of aDOM document using CSS selectors. All CSS1 and CSS2 selectors areallowed plus quite a few CSS3 selectors.
- Bulletproof logos via simplebits
- Css Color Chart
- Check marking visited links
- CSS Gradients Demo — creating gradient background effect in CSS using server-side constants technique developed bu Shaun Inman.
-
Creating s star rating using CSS
- CSS Star Rating Part Deux is a follow-up to the aforementioned technique that adds the starting “state.
- And here’s an external article which wraps it all up with a tutorial on how to use CSS star rating with PHP and database .
- Image Placement Technique — Yes. Not “replacement but “placement.
- FooterStick — how to force the footer of a webpage to stick to the bottom of the viewport.
- Shaun Inman’s CSS-SSV — using PHP variables in CSS.
- CSS scroll box fade using alpha-channel PNG
- Styling visited links with :after pseudo class
- Footnotes with CSS and JS
- Restaurant menu layout in CSS via web-graphics.com
- CSS scale image — using em values to scale the images in CSS. via bigbaer.com
- Slantastic — create irregular shaped boxes.
- yDSF - Robust CSS Drop Shadows
- CSS sliding photo gallery — an interesting way to present equal-sized images on mouse hover
- alsacreations.com — Nice collection of CSS tutorials that covers most of the basics.
- Using CSS selectors to apply Javascript functionality — ‘click here to delete’ demo
- Flickr-style image map with only CSS
- Web Color Schemes — via returnofdesign.com
- Making the jump to tableless design — Andy Budd’s presentation at @media 2005.
- CSS Help Pile
- Simple Clearing of Floats — various methods of clearing floats.
- Visited links styling — via webdesign.maratz.com.
- mandarindesign’s text tricks .
- Sweet collection of CSS how-tos — via maratz.com
- HoverHelp — DHTML/CSS tool tips on hover.
- How-to: Giving To Hiram? masthead — Nice masthead design in CSS. via cameronmoll.com
-
:focus and :not
9rules.com 讨论了两个很少见的CSS伪类。 - welstyled.com — CSS文章和小贴士包括min-height hack, “the underscore hack, “single line vertical centering, “photocards等等
- Couloir Slideshow Script — 错!这不是flash。这是纯javascript/CSS编写的产品。
- WASP list some international sites that are inspired by CSS Zen Garden Project
- 用CSS的border属性来创建斜边
相关推荐
【web前端工具包】是一个集合了多种Web前端开发与数据库管理工具的综合资源包,旨在提升开发者的工作效率和协作能力。这个工具包的核心组件包括Sublime Text编辑器、Postman测试工具以及数据库可视化工具,这些工具...
web前端工具HBuilder X
PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip PHP实例开发源码—LogAnalyzer Web前端工具.zip
web前端 谷歌工具 hehelper 。
Web 前端技术方案 一、前端技术体系的基本架构 前端技术体系的基本架构应遵循以下原则: 1. 围绕业务发展:前端技术体系的设计应紧扣业务需求,确保技术架构的演进是为了支撑业务的发展。 2. 结合团队规模和特点...
Web前端是用户与网站或APP交互的第一界面,对于用户体验至关重要。本次串讲教案初级内容涵盖Web前端开发的多个基础知识点,接下来将按照教案内容逐一阐述。 首先,在Web页面制作基础这一部分,首先介绍了HTML的基本...
标题中的“吸色器”指的是在Web前端开发中常用的色彩选取工具,这类工具允许开发者轻松地从网页上吸取颜色,并将其应用到自己的设计或者代码中。这种工具对于UI/UX设计师和前端工程师来说非常实用,因为它们能快速...
综上所述,"Colors前端取色器"作为一款WEB前端工具,是工程师们不可或缺的伙伴。它简化了色彩选取过程,提高了设计精度,同时免费且易于使用,使得开发者能更加专注于创造出色的作品,提升用户体验。在日常的网页...
FSCapture是一款抓屏工具,附带的其他两个小功能:取色器和屏幕放大镜。对抓取的图像提供缩放、旋转、减切、颜色调整等功能。只要点点鼠标就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序...
在Web前端开发中,了解和使用抓包工具是至关重要的技能。这些工具允许开发者实时查看、分析和调试网络请求,从而更好地理解应用的运行机制,定位性能问题,以及确保数据安全传输。以下是对"web前端抓包工具"的详细...
【标题】"Web前端开发初级样题一理+实.zip" 涵盖了Web前端开发的初级理论和实践知识,是针对“1+x WEB前端开发初级考试”的备考资料。这个压缩包很可能是为了帮助初学者或者准备参加该级别认证考试的人员进行系统性...
**Delphi Web前端开发教程——基于TMS WEB Core框架** Delphi Web前端开发教程是针对想要使用TMS WEB Core框架创建Web应用程序的开发者,无论你是初学者还是高级开发者,本教程都提供了丰富的学习资源。TMS WEB ...
伴随Web开发技术的不断发展,前后端分离开发逐渐成为主流的开发模式,前端开发在整个开发流程中越来越重要,前端开发工作早已不是编写几个简单的静态页面就可以完成的,前端除了需要展示美观的页面,还需要实现...
在本课程设计中,我们将...综上所述,"web前端课程设计.zip"涵盖了Web前端开发的核心技术、工具、框架以及最佳实践,为学习者提供了一个全面的实践平台,旨在帮助他们提升技能,理解和掌握构建现代Web应用的全过程。
1. **Web前端基础**:前端开发是构建Web应用程序的关键部分,它负责用户在浏览器中看到和交互的所有内容。这个项目涉及到HTML、CSS和JavaScript的基础知识,HTML用于创建网页结构,CSS负责样式设计,JavaScript则...
《1+X WEB前端开发初级教案》是一个针对初学者的教育资源,主要涵盖了Web前端开发的基础知识和技能。在Web前端开发领域,这是学习者踏入这个充满创新和技术挑战世界的入门教材。"1+X"通常指的是国家职业教育1+X证书...
《Web前端大作业——构建漫步时尚广场完整项目》 在本次Web前端的大作业中,我们面临的挑战是构建一个名为“漫步时尚广场”的完整项目。这个项目涵盖了网页设计、交互实现以及后端数据处理等多个方面,旨在提升我们...
web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱web工具箱...