教程

【腾讯云】11.11云上盛惠！云服务器首年1.8折起，买1年送3个月！

11.11云上盛惠！海量产品 · 轻松上云！云服务器首年1.8折起，买1年送3个月！超值优惠，性能稳定，让您的云端之旅更加畅享。快来腾讯云选购吧！

分享20个PSD转换为XHTML/CSS的教程

在网上能搜罗到很多的PSD素材，有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材。那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢？

使用java的html解析器实现自动重复抓取任意网站页面

那么今天呢，我们介绍另外一个超棒的Java的HTML解析器 - jsoup，这个类库可以帮助大家实时的处理HTML。提供了非常方便的API来提取和处理数据，最重要的它使用类似jQuery的语法来处理DOM，CSS等，如果你使用过jQuery的话，就知道它处理DOM的强大方便之处。

Javascript教程：AngularJS的五个超酷特性

AngularJS是一个超棒的javascript框架，不单单对于开发人员来说非常有吸引力，对于UI设计师来说也同样出色。在这篇教程中，我们将简单的介绍AngularJS几个重量级必备特性，并且介绍它如何能够让你的web应用更加强大！

使用jQuery和CSS3来访问Dribbble的API

Dribbble是一个非常知名的设计社区，和其它大型社区类似，它也可以提供给你开放API来访问它的内容，在今天的这个教程中，我们将使用来自Dribbble的第三方API，生成一个最新设计作品展示页面，希望大家喜欢！

倾听色彩的声音

使用jQuery Mobile移动开发框架将博客转化为Mobile网站

jQuery Mobile是一个非常不错的移动端网站应用的解决方案，很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用，在过去的GBin1博客文章中，我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端，在今天的教程中，我们将讲解如何将GBin1网站完整的转化为一个全功能的移动端网站，主要的技术使用jQuery Mobile和Java的SiteMesh布局类库。

的Javascript和CSS应用技巧荟萃

随着前端技术的发展，javascript和css在网站和web应用中展现出强大的统治力，特别是随着HTML5和CSS3的标准的成熟，我们可以使用javascript和css开发出你想都没有想到过的特效和动画，在今天的这篇文章中，我们将介绍一组相关CSS和javascript的强大教程和插件，希望大家喜欢！

网页中的平面构成

什么东西都离不开基础，页面设计也同样需要基础，这个基础就是平面构成。 网页设计风格种多样，除去一些场景化设计和给力的素材支持，剩下的就全靠平面构成和排版了。

集成到WordPress简单的CSS网格布局

获得一个一致的、坚实的网格布局到WordPress可以是一个痛苦的过程，如果你使用正确的工具。在本教程中，您将学习如何一步一步来快速设置一个网格系统在WordPress是非常轻量级的，很容易修改。我们将保持简单的设计，这样我们可以集中在使用正确的工具来建立你的网格，但记住，你可以在你自己的风格网格，如果需要的话。

20个高质量的网页设计photoshop教程

如果你正在寻找如何绘制网站效果图的教程，这一篇帖子你一定不能错过。这里我们收集了20个高质量的网页设计在线教程，学习快速而又简便的一些小技巧，绘制细节丰富的效果图。这些教程包含各种类型的站点，移动设备网站，公司站点，个人站点，创意类站点等等。希望会对你有所帮助！

图解JQUERY尺寸及位置定义

单独看每条解释，基本上都能给人很清晰明了的感觉。但是在应用的时候总会引起混淆，特别是position()与offset()。起初也被这些参数绕的脑袋昏昏涨涨的。

使用jQuery和HTML5等开发一个天气预报web应用

今天我们介绍来自tutorialzine的一个HTML5/jQuery/Yahoo API的开发教程，在这篇文章中我们将介绍如何使用HTML5的Geolocation，jQuery和YahooAPI来开发一个天气预报web应用。如果你不熟悉HTML5的Geolocation（地理位置服务）。

荐网页核心内容对视觉表现的影响

“对信息的优化和提炼永远都是设计的第一步。”这是百度联盟用户体验中心Banner上的一句话。在自己做网页设计的过程中，越来越对这样的概括有了切身的体会和想法。所有的视觉设计都是围绕信息来做的，我们必须首先梳理好了信息的内容和结构，才能知道应该在哪里施以重墨，在哪里点到为止。反过来，很多的设计思路和想法可以说本身已经暗含在信息中了，比如我们上面提到的布局和色彩方案。

在photoshop中创建一个透明玻璃按钮

在这一篇教程中，我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮。

荐图层叠加混合模式在网页设计中的应用

很多读者常会询问我类似于上图中的按钮的光效是怎么做出来的？其实非常简单，新建图层，笔刷或椭圆画出白色，高斯模糊，再将图层混合模式更改为图层叠加就可以了。但是这篇文章里我们不讨论具体的技术，而来看看如同上面的按钮通过白色的叠加创建出按钮的高光，我们来了解一下图层叠加模式在网页设计中的应用，再通过不同的实例来深层次的了解图层叠加混合模式的基本效果，将其更自由的应用于我们的设计中。

分享25个CSS3动画按钮和菜单教程

站长之家（CHINAZ.com）5月31日编译：随着CSS3的出现以及越来越多的浏览器对它的支持，设计人员和开发人员有了更多的选择，CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。在本文中，将分享25个CSS3动画按钮和菜单教程，希望对你有所帮助。

网页设计师的11个好帮手

如果你是Web设计师，想设计一些东西，但苦于不到好的工具或者软件。或者你想跳槽，不知道设计师如何才能找到适合的工作，怎么办？又或者你的设计工作太枯燥了，想偶尔娱乐一下，又该找谁？

掌控像素的虚实

Photoshop CS6 Beta版（本文简称PS CS6）发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。

Little Truck诞生记

做icon的时候也是，当你觉得画不下去，画的平庸，没有感觉，没有G情，总监不满意的时候，也许，该换一个角度了。

分享29个新鲜实用的jQuery和CSS3教程

站长之家（CHINAZ.com）5月8日编译：随着CSS3的流行，现在已经有很多利用CSS3制作的网站，CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易。而jQuery作为最热门的Ajax框架，在互联网网站到处都有jQuery的身影。在本文中，就将为新手网页设计师分享29个新鲜实用的jQuery和CSS3教程，希望能对其即将或正在进行的项目有所帮助。

自适应网页设计（Responsive Web Design）

移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？

让设计评审来的更猛烈些吧！

设计评审是每个视觉设计师都必须经历过的事情，没有经过激烈设计评审的设计师不是一个好设计师。

浅释材质绘制的色彩理论

本文所述的理论是在网上找到一些外国大师们在绘画材质色彩表现的理论和结合自己浅薄的知识简述得出，虽然是主要讲述材质色彩表现方面，希望对大家工作上有点帮助。

春夏败家季-拍拍运营促销活动设计

拍拍3月的大型促销活动《春夏新品，全民换装》，主会场设计上运用明快、鲜艳的春夏色彩块组合，在细节上采用花朵草地蓝天更加突显初春购物的轻松氛围。并在活动头部主画面中采用HTML5+CSS3实现的酷炫动画，为用户带来了全新的页面体验。

CSS3 PK Photoshop：圆角和框投影

本教程旨在教大家结合CSS3样式创建一个漂亮，简洁的导航栏。而在过去，我们只能借助图片，JavaScript和div层进行创作。

字体图形化设计小谈

文字是一种记录与传达语言的符号，它的产生是人类文明进步的一种重要标志。随着图形化时代的来临，文字与图形的关系在设计领域尤其是平面设计当中，起着举足轻重的作用。

用CSS3和HTML5五步打造便签效果

站长之家（CHINAZ.com）4月23日编译：在本教程中，你会学到如何把HTML的列表项（li元素）转换成下图的“便签墙”。该效果分5步实现。内核为webkit的Safari和Chrome浏览器以及Firefox和Opera中支持该效果，其它浏览器不能实现倾斜和动画效果（译者在IE9中进行了亲测，无法实现）。

网页设计流程-实例说明

对于很多刚入行的网页设计来说，总有很多迷惘和不安，特别是在设计过程中，遇到反复修改，更是有想揍人的冲动，有句话怎么说来着，每一次网页设计师背后，都有一群指点江山的大神。这里，就说一下我过往的一些经验，以及一个网站的设计流程，尽量让更多的新人少走弯路，踏入网页设计这一行业。

设计者在网页排版中应注意的一些问题

导语：排版是一门艺术，也是一门技巧。我们每天都能在报纸，书籍等各种媒介上看到排版，或精美，或丑陋。如何能在准确传递信息的同时，又能排出精美的版面，这是设计师们值得深思的问题，因为这关系到读者的阅读感受。本文以网页排版为例，从几个方面阐述了成功的设计在排版中应该注意的问题和细节。

创建手写书信风格联系人表单的详细教程

站长之家（CHINAZ.com）4月16日编译：在本文中，我们将使用HTML和CSS创建一个传统手写风格的联系人表单，示例会用到初中级CSS技术来创建信纸的外观，然后使用CSS的@font-face属性将数码文字转换成手写风格。希望本教程对你有所帮助。