搜索

CSS Reddit Alien

1008

CSS很有趣。今天我用纯CSS和文本做一个Reddit alien 的 logo。它实际是一个链接,当你鼠标划上去时,会有所改变。我不是第一个用这种方式画图的人,Roman Cortes画的CSS Homer是最好的CSS ASCII 艺术例子之一。

用文本和CSS画图的好处是它是可扩展的。如果你在你的浏览器改变字的大小,alien也随着变大变小。因为文字是矢量图形——这意味着CSS ASCII艺术是矢量艺术的一种格式。这也意味着不管你画多大,文件的大小一直都是不变的。如果你需要放一个大的Reddit alien在你的网站,图片的话大于8kb。你将更会(从文件大小方面考虑)选择用CSS版本。

OO_()()OOOO/-oOOOOOOOO()()

继续阅读»

Email客户端支持CSS概述

0701

原文: http://www.campaignmonitor.com/css/

由于电子邮件客户数量一直呈增长的趋势,我们需要了解不同的电子邮件客户端对CSS的支持状况。这里是针对市场上10个最流行的电子邮件客户端对CSS支持做了一份概述指南。

继续阅读»

用户体验,设计上的小细节

0617

卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要。

joyo

继续阅读»

CSS3 Raindrop

0608

This pure CSS3 raindrop is simply gorgeous. It uses a number of gradients as well as other tricks for a stunning image-less result.

raindrop

继续阅读»

你一定要知道的9种Web CSS工具

0504

CSS Sprite Generator

CSS Sprite Generator

CSS Sprite is extremely useful to reduce the amounts of HTTP requests, however, creating them can be pretty painful process. Check this online generator, if you have images ready, this tools can generate the CSS sprite and also the CSS code on the fly.

继续阅读»

30 Useful Web-Based Applications for Designers

0428

A web application is an application that is accessed via a web browser over a network. They may also mean a computer software application that is hosted in a browser-controlled environment or coded in a browser-supported language (such as JavaScript, combined with a browser-rendered markup language like HTML) and reliant on a common web browser to render the application executable.

With the help of these free web-based online applications you can make your work even easier than before.

Colorschemedesigner

继续阅读»

给HTML5定义语义化的类名

0415

html5-doctype

Some time ago I was asked in an interview whether I preferred HTML or CSS. It was a bit like being asked if I prefer pens or pencils. I made an instinctive choice. I chose HTML. It’s the typography of data; the inflection in our voices; the grid of meaning upon which presentation can flourish. I find it beautiful when done well, and that’s why watching HTML 5 unfold with new and refined elements is fascinating to me.

继续阅读»

为你站点选择正确的DOCTYPE

0415

You’ve done all the right stuff, but your site doesn’t look or work as it should in the latest browsers.

You’ve written valid XHTML and CSS. You’ve used the W3C standard Document Object Model (DOM) to manipulate dynamic page elements. Yet, in browsers designed to support these very standards, your site is failing. A faulty DOCTYPE is likely to blame.

This little article will provide you with DOCTYPEs that work, and explain the practical, real–world effect of these seemingly abstract tags.

WHY A DOCTYPE?

Per HTML and XHTML standards, a DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. DOCTYPEs are a key component of compliant web pages: your markup and CSS won’t validate without them.

继续阅读»

如何做好一份前端工程师的简历?

0408

春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事,节后收到很多简历,加之HR通过专业招聘网站得到的简历和朋友同事推荐的简历,数量上是相当的多,把这些简历一一看完真是一个漫长而幸苦的体力活,何况我还要仔细认真的去提取和核查有用信息评估其能力,尽量不错过任何一个埋藏在大量简历中合适的人,这绝大部分时间并不是一个相当愉悦的过程。所以,我感觉有必要来谈谈:如何做好一份前端工程师的简历。

继续阅读»

中外网站设计工作的差异

1113

根据某权威机构的调查,早在2006年11月时,全球网站数量就突破1亿大关了;每一个网站背后都至少有一位设计人员,那么全世界有多少网站设计师呢?这已经很难估算了,当然纯粹靠设计网站吃饭的,毕竟是少数。今天要对比的中外网站设计差异,不是网站的风格流派,也不是设计工具和视觉技法,更不是技术环节,而是“网站设计”这项工作的差异,包含目标、流程、交付结果等。

无论是给自己设计网站,还是提供网站设计的外包服务,整个社会分工都在越来越细化;每个万维网站点的建立,根据其使用目的和预算,通常会选择完全不同的设计方式;每个国家的文化差异、网络带宽普及也决定了网站设计的不同;今天要对比的中外网站差异,主要指国内和欧美国家在网站设计工作上的不同。

继续阅读»

12»