帕兰映像

作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。
表格类
1、CSS Form Code Maker - 很方便地生成“五颜六色的BOX布局”的表格。
2、JotForm - JotForm是一个“所见即所得”的表格生成器。
阅读全文——共841字

CSS可以让网页设计中实现很多丰富和独特的技术. 今天,我们就围绕着CSS技术展示全面的探讨, 为你找寻一些最具创造性的CSS技术和使用技巧. 绝对值得喜欢网页设计的你一看. 此文由帕兰翻译自Noupe的Using CSS to Do Anything: 50+ Creative Examples and Tutorials.
如果你喜欢CSS, 那你可能对帕兰之前发表的一些文章也会感兴趣 :

101个CSS技术高级应用教程(上)
阅读全文——共3579字

导航菜单是网站设计中最重要的因素之一。网络开发人员可以使用CSS创建方便用户的横向或纵向导航菜单, 而JavaScript则使人们有可能创造更多的互动，更多的响应和更灵活的导航到任何网站。Noupe在这篇文章里面提出了25个以上（横向和纵向）多层次的下拉菜单，包括使用了JavaScript和CSS ，你可以将这些示例和教程用你的未来网站设计计划。帕兰照常为你翻译, 你也可以查看帕兰映像之前发表的一些关于菜单应用的文章:

IzzyMenu: 在线创建DHTML/CSS菜单
阅读全文——共2074字

cushyCMS一套非常特别的CMS内容管理系统, 它基于Web, 可以让你控制管理你的网站设计. 如何用? 在CushyCMS注册一个帐号, 登录, 添加你的网站, 添加的时候需要输入FTP服务器及用户名和密码以及目录, 然后你就可以在线编辑你的网站并实时的同步更新FTP.
同时, 你可以添加多个编辑者来共同维护网站. 这看上去不错, 它还有更多功能, 或许你愿意进入了解 ,这里

CSS Globel为我们提供了一种简易实现动画进度条的方法。只需要3个元素，1个内容块和2个内嵌元素即可实现一个漂亮的动态进度条效果。只是需要注意的 是，这个效果是比较漂亮，但并能实现实时载入。而是在页面首次载入的时候，会根据你的设置，以Gif动画的形式显示进度条的载入。也就是说，可以用来美 观，但不具有交互作用。
具体的使用方法你可以点击这里查看。

查看DEMO | 下载示例

每一个设计爱好者，几乎都会浏览Gallery画廊站点。在这些站点里面，你可以欣赏到最优秀，最具创意，最有技术性的网页设计。美，就是用来享受的。帕兰每次看到自己喜欢的设计，都忍不住小小的激动一下。在这篇文章里面，帕兰为你收集了个Gallery站点，并进行简短的介绍。 它们当中有好有坏，如果你仅限于欣赏，挑一些适合你自己的。如果你正准备自己创建一个Gallery站点，那你恐怕应该每个都好好的研究一下，取长补短。
因为我个人平常就比较喜欢浏览Gallery站点，再加上这篇收集，总结一些小小的经验与大家分计和探讨，主要是做为一个收集展示画廊应该注意的一些地方：

求量同时求精。如果你想要被搜索引擎大量收录，想要更多的人知道你的网站，当然要从数量下功夫，但也不能乱收集。至少要在一定程序上保证收集的网站设计的质量。当然，这根本不算个问题，优秀的网站设计实在太多了，只怕你收不完。
阅读全文——共5264字

IzzyMenu.com 让你可以为你的网页创建专业的菜单. 你可以在建创建DHTML下拉菜单，并且不需要编写任何代码.最重要的是，它是完全免费的。

该工具内置了十多种菜单风格. 你可以自定义选择横向菜单或垂直菜单，字体，背景颜色，内外补丁值，链接和悬浮链接的样式等。同时，还可以使用图片做为菜单元素。且提供所见即所得的实时预览，生成后的代码直接复制粘贴到你的网页即可。

1.来自Webmaster-toolkit的CSS菜单生成器。有3种菜单风格可以选择，可以设置菜单文本的颜色，悬浮颜色，背景颜色和背景悬浮颜色，文本字体和大小以及文本的名字和链接等。

2. CSS Menus Maker - 提供20多种非常精致和漂亮的CSS菜单效果供你选择，包括CSS横向菜单，CSS垂直菜单和CSS下拉菜单。你只需要选择一下菜单，然后输入菜单的Tab数目以及相关的文本和链接即可生成HTML，CSS和图片，下载即可，同时，你可以下载网站提供的CSS菜单生成软件，里面包含更加丰富的CSS菜单效果，并且完全免费。

阅读全文——共583字

#1  23个免费的CSS横向导航菜单和14个免费的CSS垂直导航菜单
via exploding-boy.com
11个使用滑动门技术创建的CSS导航菜单 ，来自exploding-boy,你可以 打包下载这套菜单 或是查看查看菜单预览.

阅读全文——共1056字

CSS Sprite(CSS 妖精)，帕兰之前也有简单介绍过，就是把你在网页中使用的一些图标或图片合并成一张图片，再通过Background属性的定位来为每个元素添加背景图片。这样可以http图片文件的连接请求，加快网页的载入速度，如果你的网页中使用的图片尤其是图标比较多的话，比较适合使用CSS Sprite技术来提高网页效率。
比如帕兰映像当前的Wordpress主题中也使用了该CSS技术，我之前在侧边栏放置的一些分类图标和底部的Feeb robot以及一些背景图片都放到了一起。

但是CSS Sprite使用起来也有一些麻烦，通常需要对HTML元素进行高宽的固定，以及CSS代码需要准确定位，相当的麻烦。 而现在，相应的CSS Sprite生成工具也就出来了，由Website perfomance提供，可以让你简单快速的把多张图片合并在一起，并且能够对HTML元素和每张图片所在的坐标位置进行生成。简化了CSS sprite的生成痛苦。
阅读全文——共470字

MoreCSS是一个很小的JavaScript库，可以让你创建各种网页效果，比如弹出效果，Tab选欺项菜单，表格并且拥有斑马风格，最特别的是，你可以在引用MoreCSS.js以后，在外部样式表里面用CSS代码的写法来定义这些效果事件。比如我们看下面这段代码:
a {

target:popup;
阅读全文——共267字