随笔分类 - CSS
摘要：Navigation menus and buttons with CSS styling are being used in almost every website. There are a lot of techniques to utilize and a good developer should have some basic knowledge about them all.Belo...
阅读全文
摘要：前几天写了左边这个3D球状导航的文章分类，这里对实现细节做个简单记录。效果：分类标题呈现3D球状效果，点击分类标题的时候，会弹出这个分类对应的推荐文章列表。效果截图：HTML：核心JS:动态生成3D球状云+弹出模式窗体-articlemap.js辅助存储推荐文章列表的JS（未来通过修改这个文件来维护推荐文章）:其他：这里还引用了jQuery UI的Dialog和一些自定义的CSS设置，具体参考实例...
阅读全文
摘要：有一些 CSS Framework 还是值得试一下的，除了提高工作效率，也可以学习一些优秀的Framework思想.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~General CSS FrameworksThe CSS frameworks here offer designers a structure going into their projects, so...
阅读全文
摘要：作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS ...
阅读全文
摘要：HTML5和CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局，因为他们给这个领域带来了太多太多令人惊奇的新特性！我用大量时间学习了HTML5和CSS3技术，它们的动画、圆角等特效会令你震惊…在后面的内容中彬Go将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持，但我们作为前端开发从业者，有必要掌握它们。...
阅读全文
摘要：CSS3为我们带来了令人惊叹的新特性，而最有趣的就是CSS动画。今天彬Go向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效，请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~)您还可以参考以下CSS3相关文章:《5个CSS3技术实现设计增强》《一起感受HTML5和C...
阅读全文
摘要：Over the last years we’ve got a pretty good understanding of what CSS does, how it works and how we can use it for our layouts, typography and visual presentation of the content. However, there ...
阅读全文
摘要：IntroductionCSS3 is hot these days and will soon be available in most modern browser. Just recently, I started to become aware to the present of CSS3 around the web. I can see some of the websites suc...
阅读全文
摘要：上次推荐了两个在线编辑调试JavaScript的工具：[JavaScript] 两个JavaScript在线调试器，这次再推荐一款可以在线调试CSS的轻量级工具，可能有人会说我有VS,Expression或者是DW等等，谁还用它呀，不过别忘了，这是在线的工具，不需要任何客户端，打开链接就能用啦，即使是在日常的开发过程中，调试一下简单的CSS效果，用这个也是十分方便的呀，而且它还提供了方便的保存功能，只可惜没有像jsFiddle那样提供在线分享功能，这一点有点遗憾，希望未来能加上这个功能。具体功能看图吧：
阅读全文
摘要：第一个：jsFiddle很强大的JS在线调试工具，支持多种应用多种主流框架，可以在线直接编辑调试：HTML、CSS、JavaScript,用起来非常方便，而且还可以将调试好的结果以非常简洁的页面直接嵌入在其他网页里，这样我需要写演示用的JavaScript实例代码的时候，就完全可以在jsFiddle里面直接完成编写后调试，再将结果直接嵌入Blog正文里即可了，真的是很方便的选择，如下所示(这个例子...
阅读全文
摘要：今天是2008年的最后一天，彬Go为大家奉上今年的最后大餐，这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等，有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟，还是有多年前端开发经验的高手，我相信 下面的这些日志总会有您需要的！工具&Web应用13个可能会让你说”Thank Y...
阅读全文
摘要：【原始地址】：http://www.52css.com/article.asp?id=1144用户界面I Like Your Color输入URL然后它会抓出其中的颜色并用16进制表示。 CSS Multi-element Rollover Generator使用CSS和一个图片创建出一个翻转按钮的样式。 CSS Rounded Box Generator Ruthsarian Layouts6个...
阅读全文
摘要：【译文地址】：http://coolshell.cn/?p=1660【原始地址】：13 Awesome Javascript CSS Menus1) 性感的滑动型菜单演示： Mootols Version演示：Script.aculo.usVersion2) FastFind 菜单 右键菜单，还可以被拖来拖去。使用 jQuery 。 演示：FastFind Menu3) Webber 2.0 Do...
阅读全文
摘要：【原文地址】：http://coolshell.cn/?p=562我想，大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里，我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。1. The Menu menu这是一个非常不错的CSS菜单，相当的独特，每个图标都有鼠标感应，然后出现子菜单。如果你想知道怎么做的，你可以简单的看一下这...
阅读全文
摘要：早上看到一篇博客，内容没什么，但其中有几条漂亮的下划线感觉非常不错，虽然非常简单，但对于经常写博的人很有用，这里分享一下，喜欢的就直接拿去用吧。使用方法：1.后台管理->设置：[页首Html代码]里面加上下面这句：2.在正文中使用类似如下的写法，将需要用下划线标注的文字包在特定的cass="underline数字"的标签里：underline1:从前有座山，山里有个老和尚...3.最终显示的...
阅读全文
