欢迎你来到帕兰映像!

当前位置:

130+ 网页设计工具

新手工具资源 YAML Builder – 简单易用的YAML (又一个多栏布局) Xhtml/CSS 网站布局创建工具。 延伸阅读: 15款CSS 框架 9个 CSS三栏布局 没有div没有float没有clear没有hack的超强CSS布局 CSS Grid Builder:轻松生成标准CSS网页布局的在线工具 10大免费在线网站设计工具 Sky CSS Tool – 基于javascript 的CSS 代码生成工具,让你不需要...

阅读更多

Reset CSS

Pinceladasdaweb 发表了一篇10 Técnicas para Reset CSS,Sofish 翻译在这里 – 10款浏览器CSS Reset的方法。尽管每次写代码都是首先写这些东西,但以前一直不知道这叫CSS Reset。查阅了相关资料,其实很简单: CSS Reset 或 Reset CSS,CSS重置,CSS重设,CSS复位,默认CSS… 怎么叫都可以。每个浏览器会对html标记有自己默认的CSS样式定义...

阅读更多

15个CSS框架简介

对于小的Web开发项目来说,CSS 框架并不一定就适用,至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说,CSS 框架不仅能加快设计进程,更能解决网站改版中带来的诸多麻烦和问题。 对于CSS框架,本人也只是处于学习状态,唯一真正试用接触过的CSS框架,只有我之前的介绍的一个960网格系统。下面,收集整理一些CSS框架,孰优孰...

阅读更多

没有div没有float没有clear没有hack的超强CSS布局

CSS + Xhtml 有多伟大不必多说了。但这项看似简单的开发技术,有千种应用万般变化。学会CSS + XHTML 不难,如何最合适最精简的去应用才是最难的。我基本每隔一段时间会对帕兰映像修改一下,很多时候,外观没有任何改变。只是为了自己又用更简单的代码实现的某个小部分的修改而沾沾自喜。 我们说CSS + XHTML,但很多时候,我们理解为DIV + XHTML。在网...

阅读更多

CSS代码精简工具和技巧

尽管通常一个CSS文件占用不了什么带宽, 但之于网页设计, 在不影响整个网页构架与功能的情况下, 网页文件越小越好. 因为更小的网页文件有利于缩短页面的载入时间. 更重要的是, 相同的页面排版和结构, 能用最简洁的代码来实现, 也应该是每个网页设计师对自己的一种要求. 本文里面, 我们为大家介绍介绍两个CSS代码精简工具和相关的一些CSS代码精简教程: ...

阅读更多

Typogridphy: 适合网格布局的CSS框架

Typogridphy是一个CSS框架,用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。 Typogridphy是基于帕兰之前介绍的一个挺受欢迎的960网格系统 ,它可以让你快速创建出各种各样的网格布局,并且非常轻松和简单。这个框架的CSS充分符合语义验度,严格的Xhtml等标准 。

阅读更多

CSS画廊装饰技巧

喜欢wordpress或设计的朋友应该对Nick La都比较熟悉,在帕兰映像的多篇文章中也提到过他的精美设计和分享给大家的技巧.这不,Nick La最新又为我们带来了一个CSS画廊装饰技巧,就是如何利用CSS Hacks给画廊中的图片添加上各种装饰效果,比如相框,贴纸,圆角,大头贴效果等等.并且兼容各大主流浏览器.有兴趣的朋友可以查看他的这个教程,仔细的学...

阅读更多

PSD2CSS: 快速转换PSD文档为CSS网页

PSD2CSS可以让你在线转换你那漂亮的photoshop设计为严格兼容CSS的网页。包括CSS缩写,层叠样式表,简单, 快速的在技术上是最好的方法来建立你的网页。 要使用PSD2CSS, 只需要上传你的PSD设计,然后就可以下载到得你的CSS网页, 包含html文件和图像。它就是这么简单。

阅读更多

17款加速效率的CSS工具

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

阅读更多

50多个极富创意的CSS演示和教程

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

阅读更多