随笔分类 -  CSS

Web前端优化最佳实践及工具集锦
摘要：摘要：前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了，其实还会有很多可以提升的地方。本文将介绍Google和雅虎关于前端优化的最佳实践以及工具，你可以逐一检验你的Web应用。 前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常... 阅读全文
posted @ 2013-09-27 15:38 shuaixf 阅读(243) 评论(0) 推荐(0)
WEB前端开发规范文档
摘要：规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优... 阅读全文
posted @ 2012-09-18 23:31 shuaixf 阅读(153) 评论(0) 推荐(0)
50 个 Web 开发者文档和手册
摘要：后端手册 PHP Documentation – http://www.php.net/manual/en/ Python Documentation – http://www.python.org/doc/ Ruby Language Documentation – http://www.r... 阅读全文
posted @ 2012-06-25 13:15 shuaixf 阅读(280) 评论(0) 推荐(0)
在线生成 CSS3 的工具
摘要：1) CSS Creator – Layout Design 2) CSS Menu Maker 3) CSS3 Please 4) CSS3 Generator 5) CSS Border Radius 6) CSS3 Gradient Generator 7) CSS3 Button Generator 8 ) Mike Plate’s CSS3 Pl... 阅读全文
posted @ 2012-06-13 01:08 shuaixf 阅读(211) 评论(0) 推荐(0)
Pure CSS Buttons – Good Button Style and No Images
摘要：Pure CSS buttons that actually look good – is it a myth? These days, I don’t believe they are. Sometimes I’m too lazy to get onto photoshop and play a... 阅读全文
posted @ 2012-05-22 20:24 shuaixf 阅读(487) 评论(0) 推荐(0)
10 个基于CSS3/jQuery的加载动画设计方案
摘要：过去，由于加载图片的格式限制（只能使用GIF格式），设计加载动画不是那么容易。随着技术和浏览器的发展，用 CSS3 和 jQuery 就可以方便地设计加载动画，这种方式的高度可定制化以及服务器的进步使得开发者的各种要求得到满足。下面介绍10个实用的方案。 1. Sonic——循环的加载动画 Soni... 阅读全文
posted @ 2012-03-05 19:20 shuaixf 阅读(231) 评论(0) 推荐(0)
10 款CSS/HTML在线表单生成器
摘要：在这篇文章中，我们将介绍10款超棒的在线表单生成器，帮助你在你的网站中整合Web表单，希望大家喜欢！ 1. Form Assembly 这是个Web表单的CSS样式集合。 2. JotForm 这是第一款基于Web、所见即所得的表单生成器。使用你的浏览器来创建和发布Web表单。拖拽操作使得表单... 阅读全文
posted @ 2011-12-28 21:59 shuaixf 阅读(3033) 评论(0) 推荐(0)
120个非常优秀的CSS水平导航菜单
摘要：导航是一个网站的路标，优秀的导航是网站设计成功地第一步。导航必须是用户友好的，而且要与网站设计风格保持一致，这样才能为用户提供简便的导航。 ... 阅读全文
posted @ 2011-11-28 20:38 shuaixf 阅读(287) 评论(0) 推荐(0)
22个实用的HTML5 CSS3表单开发教程
摘要：使用HTML5和CSS3技术，你可以开发出强大的表单。下面为大家介绍22个实用的HTML5 CSS3表单开发教程指南。1.登录表单 2.HTML5 & CSS3联系表单 3.构建一个简单的联系表单 4.样式漂亮的联系表单 5.用户注册表单 6.评论/联系表单 ... 阅读全文
posted @ 2011-11-26 18:00 shuaixf 阅读(423) 评论(0) 推荐(0)
24个为Web开发人员准备的CSS3实用教程
摘要：本文搜集了一些关于CSS3的最新教程。你可以根据这些教程或技术来实现网页设计，包括：文字阴影、圆角框、盒模型尺寸计算（box sizing）、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的CSS3教程，提供了许多优秀的技术。1.Super Awesome Buttons with CSS... 阅读全文
posted @ 2011-11-26 17:26 shuaixf 阅读(314) 评论(0) 推荐(0)
2011年最热门的50个CSS3教程
摘要：本文收集了2011年最热门的50个CSS3教程，读者可根据这些教程轻松实现网页的设计。1.Original Hover Effects with CSS3本教程讲述应用CSS3实现风格迥异的鼠标悬停效果。 2.CSS3 Transitions Without Using :hover本教程讲述... 阅读全文
posted @ 2011-11-26 17:15 shuaixf 阅读(216) 评论(0) 推荐(0)
BEST TECHNIQUE TO STYLE A FLEXIBLE WEB BUTTON
摘要：There are many ways to style a web button, for myself, I always use the same method. Today, we are going to demonstrate how to style a button from scr... 阅读全文
posted @ 2011-11-23 19:10 shuaixf 阅读(397) 评论(0) 推荐(0)
15 个最新的 CSS3 教程
摘要：1.创建一个漂亮的图标 这个教程将教你如何用纯CSS3创建一个图中的图标2.CSS3 图片样式 这个教程将教你如何使用 box-shadow, border-radius和transition。3.CSS3 Transition 的模糊效果4.实用的CSS3圆角表格5.创建纯CSS3的票式标签6.... 阅读全文
posted @ 2011-11-16 23:25 shuaixf 阅读(269) 评论(0) 推荐(0)
All The Cheat Sheets That A Web Developer Needs
摘要：No matter how good programmer you are, you can`t memorize everything. It often happens to spend more time searching for a particular library, tag or d... 阅读全文
posted @ 2011-10-27 20:55 shuaixf 阅读(255) 评论(0) 推荐(0)
27款经典的CSS框架
摘要：利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。 1.960gs 960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，... 阅读全文
posted @ 2011-10-27 09:41 shuaixf 阅读(249) 评论(0) 推荐(0)
CSS3圆角详解
摘要：一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点： * 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTT... 阅读全文
posted @ 2011-10-07 20:14 shuaixf 阅读(237) 评论(0) 推荐(0)
CSS选择器
摘要：一、 基本选择器 选择器 含义 * 通用元素选择器，匹配任何元素 E 标签选择器，匹配所有使用E标签的元素 ... 阅读全文
posted @ 2011-10-07 20:01 shuaixf 阅读(199) 评论(0) 推荐(0)