CSS3 - 随笔分类(第12页) - 梦想天空（山边小溪）

一款响应式的（电子报）Newsletter 模板 – Antwort

摘要：随着移动互联网的蓬勃发展，响应式布局的热度正在持续上升。但是对于 Email 来说，其标准几乎从来没有改变过，通常情况下，我们还是更喜欢固定宽度的布局。 Antwort 是一个免费的 Newsletter（电子报）模板，仍然使用了表格，但提供了一个响应式的多列布局。而且，这个模板在所有主要的电子邮件客户端（包括OutLook）都能使用。阅读全文

posted @ 2013-03-31 12:48 梦想天空（山边小溪）阅读(8410) 评论(0) 推荐(0) 编辑

Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十四】

摘要：

2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注前端开发技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。阅读全文

posted @ 2013-03-25 14:45 梦想天空（山边小溪）阅读(15468) 评论(21) 推荐(62) 编辑

OverAPI.com – 史上最全的开发人员在线速查手册

摘要：不管你是多么优秀的程序员，你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候，若有现成的在线手册可参考则可以为你节省很多时间。为了方便各位朋友，我向大家推荐一个非常棒的在线手册索引网站——overapi.com，这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。阅读全文

posted @ 2013-03-21 17:01 梦想天空（山边小溪）阅读(21795) 评论(34) 推荐(11) 编辑

如何给网站瘦身？图文并茂的前端性能优化指南

摘要：提高网站的速度对网站的成功有巨大的影响，因为网站的加载速度直接影响到用户体验和搜索引擎排名。Browser Diet 是一个非常好的指南，列出了前端性能优化的各种技巧和工具。这是一个由 HTML，CSS，JS，服务器，图像和网站相关领域的众多专家组成的团队编写的，相比网络上的其它内容，这个指南图文并茂，生动有趣。此外，该指南不仅列出性能优化的步骤，同时还详细的介绍了如何实现阅读全文

posted @ 2013-03-15 10:55 梦想天空（山边小溪）阅读(4519) 评论(2) 推荐(2) 编辑

【必备】史上最全的浏览器 CSS & JS Hack 手册

摘要：浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack，记得推荐和分享啊！阅读全文

posted @ 2013-03-11 09:58 梦想天空（山边小溪）阅读(33563) 评论(64) 推荐(156) 编辑

CSS3 经典教程系列：CSS3 盒阴影（box-shadow）详解

摘要：《CSS3 经典教程系列》的前一篇文章向大家详细介绍了线性渐变（linear-gradient）的用法，今天这篇文章介绍的盒阴影（box-shadow）也是目前用得最多的 CSS3 特性之一。在以前，盒阴影效果和圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。阅读全文

posted @ 2013-03-08 14:37 梦想天空（山边小溪）阅读(57128) 评论(7) 推荐(8) 编辑

Conditioniz – 探测浏览器并条件加载 JavaScript 和 CSS

摘要：Conditioniz 是一个快速、轻量级（3KB）的 JavaScript 工具，用于浏览器和分辨率，并根据条件加载 JavaScript 和 CSS 文件。浏览器嗅探通常被认为是不可靠的，Conditionizr 的建立就是为了克服这个问题。Conditionizr 的核心功能是检测和实现IE浏览器条件加载脚本和样式。考虑到这一点，使用类似 Google Analytics 检测浏览器的方法。阅读全文

posted @ 2013-03-06 15:27 梦想天空（山边小溪）阅读(2573) 评论(0) 推荐(0) 编辑

《实用技巧》——让你的网站变成响应式的3个简单步骤

摘要：如今，一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。阅读全文

posted @ 2013-03-06 09:32 梦想天空（山边小溪）阅读(59297) 评论(27) 推荐(47) 编辑

Respond.js – 让不懂爱的 IE6-8 支持 CSS3 Media Query

摘要：Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供多媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。阅读全文

posted @ 2013-03-04 15:25 梦想天空（山边小溪）阅读(45917) 评论(10) 推荐(2) 编辑

那些帮助你成为优秀前端工程师的讲座——《性能篇》

摘要：这篇文章是前端优秀讲座和讨论列表系列连载第七篇，介绍前端性能优化技巧。前端领域发展迅速，只有时刻掌握前端发展趋势和技术动态，学习前沿的开发思想和理念才能让自己跟上时代的步伐，保持自己的技术优势。阅读全文

posted @ 2013-03-04 09:52 梦想天空（山边小溪）阅读(4861) 评论(2) 推荐(5) 编辑

Textillate.js – 实现动感的 CSS3 文本动画的简单插件

摘要：Textillate.js 是一款实现极酷 CSS3 文本动画的简单插件。它整合了两个流行的工具库（animate.css 和 lettering.js）来提供易于使用的插件，能够把 CSS3 动画应用到文本内容上。只要引入 textillate.js 和它依赖的文件就能够给你的内容加上独一无二的特效。阅读全文

posted @ 2013-03-01 10:55 梦想天空（山边小溪）阅读(9710) 评论(4) 推荐(1) 编辑

Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十三】

摘要：

2013年第一期（总第十三期）《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注前端开发技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。阅读全文

posted @ 2013-02-25 10:02 梦想天空（山边小溪）阅读(14793) 评论(33) 推荐(77) 编辑

CSS3 经典教程系列：CSS3 径向渐变（radial-gradient）

摘要：上篇文章介绍了 linear-gradient（线性渐变），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。CSS3的径向渐变和其线性渐变是很相似的。除了您已经在线性渐变中看到的起始位置，方向，和颜色，径向梯度允许你指定渐变的形状（圆形或椭圆形）和大小（最近端，最近角，最远端，最远角，包含或覆盖。阅读全文

posted @ 2013-02-24 22:33 梦想天空（山边小溪）阅读(48188) 评论(2) 推荐(7) 编辑

前端文摘：最全的 CSS2.1 和 CSS3+ 的区别一览

摘要：大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题，这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性，但是不能保证没有遗漏，欢迎大家留言。阅读全文

posted @ 2013-02-21 21:13 梦想天空（山边小溪）阅读(11099) 评论(6) 推荐(7) 编辑

Cool Kitten：新鲜出炉的视差滚动 & 响应式框架

摘要：Cool Kitten 是一个具备视差滚动特效的响应式框架，由 Jalxob 编写，是 Github 上的开源项目。实质上是一组设计师和开发人员使用的 HTML/CSS 以及 JavaScript 文件的集合。Cool Kitten 是响应式的，这使得网站能够在电脑、平板和移动设备中都能良好的呈现；同时还支持视差滚动（Parallax Scrolling）特效，给网站带来绚丽的视觉效果。阅读全文

posted @ 2013-02-21 15:51 梦想天空（山边小溪）阅读(3871) 评论(0) 推荐(0) 编辑

Groundwork：响应式 HTML5，CSS & JavaScript 工具包

摘要：Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包。使用 Groundwork，您可以快速构建 Web 应用程序，能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目。阅读全文

posted @ 2013-02-20 13:55 梦想天空（山边小溪）阅读(4695) 评论(0) 推荐(1) 编辑

前端笔记：帮助你美化网站的10+实用 CSS3 技巧

摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组新的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。阅读全文

posted @ 2013-02-19 14:35 梦想天空（山边小溪）阅读(10492) 评论(7) 推荐(14) 编辑

CSS3 实用技巧：漂亮的文本渐变效果

摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。阅读全文

posted @ 2013-02-19 12:42 梦想天空（山边小溪）阅读(3415) 评论(3) 推荐(0) 编辑

CSS3 实用技巧：漂亮的页面顶部阴影

摘要：《CSS3 实用技巧》之漂亮的页面顶部阴影。CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。阅读全文

posted @ 2013-02-19 12:34 梦想天空（山边小溪）阅读(7460) 评论(0) 推荐(0) 编辑

CSS3 实用技巧：制作三角形

摘要：CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。阅读全文