CSSDeck:CSS 技巧满天飞

标签: Tips CSS Web | 发表时间:2012-01-16 15:09 | 作者:mike
出处:http://www.osmsg.com

各位苦B的Web前端设计师们,我相信这个站会 在一定程度上拯救你,这就是 CSSDeck。CSSDeck 的前身原名是 eCSSpert。

这个站上有好多有创意的设计,而且都相当漂亮,用在你的网站上肯定会非常吸引人,比如说这个 CSS Ubuntu LogoHTML5 Logo导航栏漂亮的按钮[1] [2]………………哇哇哇,真是美不胜收,目不暇接啊!更好的是,源代码非常清晰地摆在 demo 下面,要用起来也是手到擒来,真是方便极了!这些东西不仅是开源的,更好的是——没有许可证限制(这个好像没多大必要的说)。

当然,如果你有好的 CSS 设计,也可以投递到此站上!

呃,不厚道一下,最后再说内幕,其实 CSSDeck 的真实目的是 “在线 CSS 沙盒”,也就是你在线写好代码在线看到效果,顺便可以分享一下代码,所以说,这也算副功能催生出大产业吧!(和 Flickr 一样,不知道的童鞋自己 Google 了解一下这个典故)

注:eCSSpert 这个词原来的样子是 expert,专家的意思。所以这个词意思应该是“CSS专家”。

Read More:

相关 [cssdeck css 技巧] 推荐:

10个非常不错的CSS技巧

- - CSDN博客Web前端推荐文章
在这里,巧妙的运用CSS的技巧,可以让你不用修改HTML就能得到很好的博客或者模板外观. 我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷. 设计模版和博客主题时,我经常“不断推敲和尝试CSS(Hit and Trial CSS ),我只看哪种配色方案和哪种CSS属性的结合能使页面的元素更完美.

CSS技巧荟萃:了解CSS页面布局和加载流程

- - 前端观察
如果你开发web相关应用或者网站的话,肯定知道CSS对于页面布局的重要性. 在本篇CSS技巧中我们将介绍页面加载的流程来帮助你更好的实现页面布局. 在我们开始正式的介绍页面流程前,我们需要简单了解几种不同类型的html元素,以及它们的缺省显示方式. 这里我们主要重点介绍两个类型的元素:. 如果大家关心html5的话,你应该知道在HTML5中也包含了几个新的元素,例如,section,article等等,但是仍旧遵循这里我们介绍的显示类型.

响应式设计的5个CSS实用技巧

- - Web App Trend
正如我在教程 响应式Web设计三步走当中所讲的,响应式的Web设计其实并不难,但是要让元素在布局切换时能够平滑过渡就比较考验技巧了. 现在我分享在编码时常用的五个CSS技巧并举例说明. 这些技巧都是使用简单的CSS属性,如min-width、max-width、overflow 和相对属性值,但是这些属性在响应式设计中发挥着很大的作用.

[讀書筆記] CSS 基礎技巧懶人包

- - Blog.XDite.net
前幾天 Code School 的 CSS Cross Country 課程釋出了. 這一集是我相當期待的一集,整理和澄清了非常多「非常基礎但如果觀念不好」就會搞得一塌糊塗的 CSS 知識. 看完把筆記整理在這裡,不過相較於原網站,我寫的算是非常簡陋的版本. 我相當強烈推薦大家購買回去和練習,相信會對自己的 CSS 掌握能力有高度的提升.

【转载】最新的Javascript和CSS应用技巧荟萃

- - HTML5研究小组
随着前端技术的发展, javascript和 css在网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过的特效和动画,在今天的这篇文章中,我们将介绍一组相关CSS和javascript的强大教程和插件,希望大家喜欢.

网页设计师必备的10个CSS技巧

- - 博客 - 伯乐在线
CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页. 使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情. 在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好. 当然我们不可能一下子就记住所有CSS的规则和语法,但为了以后的发展我们还是应该记住那些非常有用的CSS技巧.

打印样式CSS的技巧和要点

- - Web前端 - ITeye博客
不经过任何处理而直接打印网站上的页面会得到一个不理想的效果. 我们WEB开发人员可以简单的采用几个要点来使之达到较为合适的效果:. 使用响应式布局设置打印的效果. 打印背景图片和颜色,在合适的时候. 添加显示的网址或页面链接,以供参考. 使用css filter 提高打印的图形效果. 针对打印的样式,而不是屏幕显示样式.

前端工程師必看: 十大 CSS 技巧

- - 小惡魔 - 電腦技術 - 工作筆記 - AppleBOY
底下內容來自於原網站,在加上筆者的一些補充. 用 firebug 或 console 來除錯. 在 Firefox 還沒有推出 Developer Tools 時,大家一定是用 Firebug 來除錯,2006 年 Firebug 第一版 release 出來,讓 web 開發者可以更快速的瞭解網站除錯,也可以透過 Firebug 來瞭解網站的 performance.

你需要知道的三个CSS技巧

- - 外刊IT评论
各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网. 这意味着我们终于能够利用更强大更灵活的 CSS来创造更简洁,更好维护的浏览器前端代码. 现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能. 在CSS中用attr()显示HTML属性值.

用于响应式设计的9个CSS技巧

- - CSDN博客Web前端推荐文章
现在越来越多的网站文本链接已取消下划线,而这已成为一种 WEB设计趋势,尤其是在做响应式网站时. 下面提供一段简单的CSS代码,可以轻松取消文本链接下划线:. tjkdesign.com给大家,里面提供了许多CSS技巧,帮助你在页面中嵌入响应式视频( . 3.Rollover文本链接. 越来越多的人喜欢在手机上浏览网页,这使得Rollover链接变得越来越流行.