最新消息:新的一年,启动新的宽屏主题模版,关注更多的web前端!

网页设计技术文章汇总 [第一期]

web设计 amason 2771浏览 0评论
60 个优秀 Web 布局设计教程

Web 布局设计是一项充满挑战的工作,不仅涉及到行业,潮流与对时尚的把握,还涉及到风格与技术,本文精选了60例优秀的 Web 布局设计,每例设计都有详细的教程,而这些设计本身具有非常好的启迪作用,可以激发设计师的创作灵感,它们体现了当今海外 Web 设计最清新的风格。 

使用整洁的HTML标记构建页面

网页设计能正常显示不就够了吗?答案是否定的,如果你是一个严谨的网页设计者,你也许对这篇文章有兴趣:使用整洁的HTML标记构建页面

大背景网页设计

在国外很多博客都采用了大型图案做背景,这样可以产生比较强的视觉冲击,你可以在这里学到如何用css实现大背景网页设计,光看技术文章当然是不够的,你可以在这里欣赏80个大背景网页设计

解密CSS Sprites:技巧、工具和教程

CSS Sprites技术已经在网页开发中发展得较为成熟,它可以减轻服务器的负载,提高网页加载速度。这篇CSS Sprites教程 (中文翻译) 系统的介绍了CSS Sprites的概念、用途和用法,相信本文会解决你在使用CSS Sprites中遇到的大部分问题。这篇用CSS Sprites处理圆角的文章更为细致。

五个为你的设计添加光影效果的简单技巧

现实生活中无时无处不存在着光照和阴影,光影帮助我们辨别事物,认知他们的材质、尺度和透视。如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧 (中文译文),好好运用它们,能让你的设计更加精致,从众多的页面中脱颖而出。

使用css transformations 创建三维立方体

css真的很强大,不使用JavaScript, imagery,canvas或SVG,使用css transformations也能创建三维立方体,在不过目前只支持基于WebKit和Gecko的浏览器:Firefox 3.5+ -moz-transform (documentation)和 Safari 3.2+ -webkit-transform (documentation)。

 

(转自老鬼blog – http://www.laogui.com/

转载请注明:笑申爱设计|liushen.net » 网页设计技术文章汇总 [第一期]

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址