文章标签 ‘页面实现’

没有评论[转]让Web开发者事半功倍的8个网站

2011年6月20日

1. Min.us: 上传图片的最简单方式

对Web开发人员有用的8个网站

任何开发人员、设计师、网络管理员都必须跟客户和同事在线分享图片。Min.us的全部服务就是让你极度简单地上传图片：只需把图片拖拽到Min.us的网页里，图片就会保存在服务器上。并且自动生成短网址，这样你就可以通过这个网站分享图片了。

访问 Min.us

2. Wirify: 把任何网页转换成线框图

设计网站时线框图非常有用。Wirify是一个可以把任何网页立刻转换成线框图的书签工具，这样你就可以学习或应用到自己的工作中。

访问 Wirify

3. CSS Resetr: 查看和比较CSS resets

CSS resets是所有样式表的必需品，以在不同的浏览器之间渲染。2004年以来，已经发布了许多不同的CSS resets。那么，哪个才是最适合你的项目的呢?CSS Resetr可以让你比较最流行的resets对同一个网页的渲染效果。

访问 CSS Resetr

4. Head JS: 用2.30 kb的Javascript代码来提速你的网站

Head JS是一段简单、轻量的脚本代码，通过像加载图片一样加载其他脚本，让你的网站更快。Head JS能做许多工作使你的网站变得现代化：支持CSS3、动态CSS等等。

访问 Head js

5. Copy Paste Character: 轻松使用特殊字符

对Web开发人员有用的8个网站

特殊字符处理起来很麻烦，因为键盘上没有，而且你不知道对应的ASCII码。当然，你可以找一份ASCII码表放在桌面上，或者使用一个叫做Copy Paste Character的服务：只需点击所选字符，就可以复制到你的剪贴板。

访问 Copy Paste Character

6. DB Designr: 在线生成数据库模式

这是一个非常棒的简单在线生成数据库模式的工具。无需创建账户，你可以用你的Google账户登入。(我觉得我们伯乐在线网站的读者都有Google账户!说不定你就是通过Google阅读器在阅读此文。)

访问 DB Designr (得翻墙)

7. Web 2 pdf convert: 把转换任意网页为PDF

Web2PDF Converter是一个很有用的工具，能把转换任意网页为PDF文件。非常好用：我已经转换了5个页面，所有地方都跟html上的版本完全一样。

访问web 2 pdf convert

8. ScriptSrc：轻轻松松地把html页面连接到JS库中

你是否已经厌倦了在网上寻觅最新的Javascript库标签?ScriptSrc.net收录了jQuery、 Mootools、 Prototype等所有最新的标签，只需单击就可以把它复制到你的浏览器剪贴板。

访问 ScriptSrc

分类: 前端开发 标签: , ,

没有评论再谈float菜单局中

2009年12月21日

昨天用ucweb看到了goos发的一篇帖子：谁说Float菜单不可以水平居中，进去看了看，觉得方法有点繁琐了，用到了负边距，position:relativel; 和很少的一点hack。

我这里还有更简单的办法，先展示：
其实我外面应该再套一个div，但为了减少碳排放，舍弃。
DEMO1 DEMO2
阅读全文…

分类: 前端开发, 页面实现 标签: , , ,

1 条评论默认Web字体样式

2009年12月17日

通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能，但是极少数会有用户去自定义，一般用也是高级用户。而浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此。所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。
阅读全文…

分类: 前端开发, 视觉设计, 页面实现 标签: ,

1 条评论垂直栅格与渐进式行距(下)

2009年12月7日

新问题

来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了两个多月了。反过来，看看上次的成果。诶？怎么感觉边注有点奇怪呢？ 阅读全文…
分类: 前端开发, 视觉设计, 页面实现 标签: , , , , , , ,

没有评论垂直栅格与渐进式行距(上)

2009年12月7日

准备工作

去年的时候,青云发表过关于栅格系统的文章 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅格系统能够将大块区域分割成小区域,清楚地展示页面的布局,并能够引导视觉线在各个板块之间扫描、阅读. 从信息上来说,栅格系统让信息的呈现方式更加直观,从而有效提高易读性.
但是大部分栅格系统是在水平方向上的布局,其实,我们的垂直方向也是有栅格系统的——也就是我们的“垂直韵律”.

垂直韵律的就像好比我们手上拿着的线格本子，有着一行行的网格线，安排着垂直方向上的文字排版。“排版中的空间就像是音乐里的节拍. ”音乐的节拍虽然有许多变化,但是几乎每首歌都会有一个固定的节拍来掌握整个歌曲的节奏. 这就是为什么栅格系统一般用固定宽度的网格阵列来指导和规范网页中的版面布局以及信息分布.
其实，那么,在网页里,垂直韵律应由三个因素控制： 

认真考量这三个因素的值,才能实现垂直韵律.

分类: 视觉设计, 页面实现 标签: , , , , , , ,