July 17, 2009

A simple ste-by-step tutorial on the CSS cascade - for web designers and developers who are new to CSS or have struggled with the Cascade.

via maxdesign.com.au

July 5, 2009

CSS速记表墙纸

下载.jpg

下载.psd

via thewpresser.com

July 5, 2009

150个不得不知的网页开发工具与技巧

150 Worth Knowing Web Developer Tools and Techniques

This article combines tools, scripts, solutions that I have stumbled over over time and that I find worth knowing. You will find different types of Ajax scripts and tricks ready to use, menus, navigation and tabs, auto completion, form and button enhancements, table and grid aid, powerful stuff you can do with images windows and much more. Get started and boost your development with 125 worth knowing Web Developer Tools and Techniques.

via tripwiremagazine.com

July 4, 2009

50免费优质(X)HTML/CSS模板

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files). You will also find among these elegant templates a very well written step-by-step tutorials showing you how to create your own. Hopefully some of these will meet your expectations and come in handy in your projects.

You will have to check the license first for any restrictions or guidelines before using any template.

via noupe.com

July 4, 2009

101设计资源网站集合

We love prowling the web for the latest trends and design inspiration. Here we have composed a list of common resources we use. The primary focus of this list is inspiration, it can come from a photograph, font, or a website. The secondary focus is improving your design skills, which can be done by keeping up to date with tutorials and reading other graphic design blogs. We hope you enjoy our personal list of great sites, and we will be adding to this list in the coming weeks and months as there are a lot of great new sites coming online every other day now.

via studio7designs.com

July 4, 2009

40+网页设计与开发速记表

Today more or less everyone can put a simple web page together but implementation of professional Web based Application Front Ends is not as simple as some people may think. It is a complex task requiring deep knowledge of several technologies like html, css, javascript, php, etc. In this article you will find essential cheat sheets for the most commen web based technologies that you are likely to use if you’re a Front End Web Developer. First you will find resources covering client side markup and development (html, xhtml, css, javascript, jQuery etc.) and then you will find resoures covering server side development that are to some extent required for Front End Development (php, asp.net, …). Please make sure that you post a comment if you know an important resource that have not been included in the article. I hope you will find this article useful, lets get started!

via tripwiremagazine.com

July 2, 2009

50 Free High-Quality and “New” (X)HTML/CSS Templates

In this post, we’ll showcase 50 Free high-quality & New (X)HTML/CSS template (some of them include the PSD-source files).

via wpconfig.com

July 2, 2009

CSS兼容：如何解决IE7和IE8的BUG

微软在IE8提供三种解析页面的模式

IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定

IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在<head>中加入 <meta http-equiv="X-UA

Compatible" content="IE=7">

Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明

注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不一样，所以会引发很多问题，务必注意如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，此代码如下：

<meta http-equiv="x-ua-compatible" content="ie=7" />

IE8 最新css hack：

"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*"　IE6、IE7可以识别.IE8、FireFox不能.
"_"　IE6可以识别"_",IE7、IE8、FireFox不能.

via 52css.com

July 2, 2009

35 Excellent Websites for Downloading Free CSS Template | Desizn Tech

Whether you are pro web designer or someone with little HTML and CSS knowledge pre-made CSS Templates can come in really handy. They can save you a lot of coding time. In this post we have collected 35 best websites where you can download free CSS templates. All you have to is add the content and you’ve got template ready for you website.

Some of the templates also includes FREE PSD, which could be really useful. Hard to believe that these are free. Most of the CSS Templates/Layouts in these sites are Creative Common Licenses. Do not Forget to add in the comment if you know a free CSS Template Site.