« »

33项关于CSS3的必看文章、技巧和培训网站

Welkin | 2009/12/27 | 分类:Wordpress | 标签: | 浏览:18次

由于以前有关CSS文章有引起了大家很大的关注,我决定在CSS3方面研究和发现更多有趣的文章和网站,教你如何使用它等等。说实话我也很难在技术上跟上自己,但我们实在不能不要使用这些新的技术,使我们的设计更美观,方便用户。但由于HTML5与CSS3紧密联系,我将很快继续写些关于HTML5的文章。  

1。 用CSS3你的设计带入新的水平

在本文中,您将了解为何CSS3被使用,网页设计师如何用好它。这是一片非常好的文章教你开始CSS3。

next-level-sm-css3-useful-webdev-webdesign-resources

2。 用CSS3将你的网页设计带入未来

介绍了5项CSS3技术使你的网页设计引领未来。

future-sm-css3-useful-webdev-webdesign-resources

3。 用CSS3和RGBA设计超级好看的按钮

了解如何创建超酷的CSS3按钮。

buttons-css3-useful-webdev-webdesign-resources

观看演示

4. A Look at Some of the New Selectors Introduced in CSS3

selectors-css3-useful-webdev-webdesign-resources

5. CSS 3 Cheat Sheet (PDF)

This is printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification.(Download *pdf)

cheat-sheet-css3-useful-webdev-webdesign-resources

6. CSS3.Info

CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more. Also check excellent CSS3 Preview page there, which shows demos of new features.

info-all-css3-useful-webdev-webdesign-resources

7. Get Started with CSS 3

Beautiful CSS3 tutorial article explaining several new CSS3 features and giving solutions how to create them actually.

webmonkey-css3-useful-webdev-webdesign-resources

8. Introduction to CSS3 – Part 1: What Is It?

These six part series are providing an introduction to the new CSS3 standard which is set to take over from CSS2 from DesignShack.

designshack-css3-useful-webdev-webdesign-resources

9. Accessibility Features of CSS from W3

This document summarizes the features of the Cascading Style Sheets (CSS), level 2 Recommendation ([CSS2]) known to directly affect the accessibility of Web documents. Some of the accessibility features described in this document were available in CSS1 ([CSS1]) as well. This document has been written so that other documents may refer in a consistent manner to the accessibility features of CSS.

w3-css3-useful-webdev-webdesign-resources

10. Progressive Enhancement with CSS 3: A better experience for modern browsers

In this article you will look at how you can use graceful (or, progressive) enhancement techniques to make use of CSS3 features in browsers that support them, while ensuring that your code will still provide a satisfactory user experience in older browsers that do not yet support those features.

11. Conversation with CSS 3 team

In this article, xhtml.com interviews Bert Bos, chair of the CSS Working Group at W3C, about the next release of the CSS specification and how past design decisions are influencing the future of CSS. This interview offers a rare opportunity to learn more about the inner workings and thought processes of the CSS Working Group at W3C.

conversation-css3-useful-webdev-webdesign-resources

12. Six Questions: Eric Meyer on CSS3

Great interview with Eric Meyer about CSS3.

eric-meyer-css3-useful-webdev-webdesign-resources

13. The fundamental problems with CSS3

This article brings up several problems and issues with CSS3, interesting reading.

problems-css3-useful-webdev-webdesign-resources

14. CSS3 Exciting Functions and Features: 30+ Useful Tutorials

In this post you will take a look at some interesting properties of CSS3 that you can put into practice in your website designs today.

exciting-functions-css3-useful-webdev-webdesign-resources

15. Old School Clock with CSS3 and jQuery

old-school-clock-css3-useful-webdev-webdesign-resources

16. The CSS3 border-radius property

One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create the so popular rectangles with rounded corners exclusively via CSS – no images needed.

border-radius-css3-useful-webdev-webdesign-resources

17. Get the best out of CSS3

Craig Grannell turns into a cross between Jeffrey Zeldman and Russell Grant, taking a peek at what the future of CSS has to offer – with a little help from Opera, Safari and Firefox

craig-grannell-css3-useful-webdev-webdesign-resources

18. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

sliding-jquery-css3-useful-webdev-webdesign-resources

View Demo

19. Rounded Corner Boxes the CSS3 Way

rounded-css3-useful-webdev-webdesign-resources

20. #57: Using CSS3 by Chris Coyier

This screencast covers many of CSS3 techniques now possible, focusing on the ones that can be used for progressive visual enhancement. Border radius, @font-face, animations/transitions, text-shadow, box-shadow, multiple backgrounds, RGBa, gradients, border image.

chris-coyier-css3-useful-webdev-webdesign-resources

21. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, your are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them.

layout-html5-css3-useful-webdev-webdesign-resources

View Demo

22. 11 Classic CSS Techniques Made Simple with CSS3

In this tutorial from Nettuts you will learn eleven different time-consuming effects that can be achieved quite easily with CSS3.

11-simple-css3-useful-webdev-webdesign-resources

23. CSS 3 selectors explained – Overview of CSS 3 selector syntax

explained-selectors-css3-useful-webdev-webdesign-resources

 

24. 3 Easy and Fast CSS Techniques for Faux Image Cropping

faux-image-css3-useful-webdev-webdesign-resources

25. CSS3 Borders Preview

CSS3 takes borders to a new level with the ability to use gradients, rounded corners, shadows and border images. Mozila, Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.

borders-css3-useful-webdev-webdesign-resources

26. CSS3 property tests

browser-support-css3-useful-webdev-webdesign-resources

27. CSS3 Background Images (Sizing & Multiple Imgs)

Background images / textures are being used and implemented in many ways, often adding the nicest of finishing touches to a website. It is now proposed that in CSS 3, we can apply background image dimensions as well as use multiple background images. Along with the +/- quick list of compatible browsers, here is how

bg-images-css3-useful-webdev-webdesign-resources

28. Overview of CSS3 Structural pseudo-classes

structural-pesudo-css3-useful-webdev-webdesign-resources

29. 5 CSS3 Techniques For Major Browsers using the Power of jQuery

techniques-css3-useful-webdev-webdesign-resources

30. jSlickmenu: A jQuery plugin for slick CSS3 menus

slick-jquery-menu-css3-useful-webdev-webdesign-resources

View Demo

31. Multiple Backgrounds (CSS3)

multiple-backgrounds-css3-useful-webdev-webdesign-resources

32. CSS: border-radius and -moz-border-radius

border-radius-moz-css3-useful-webdev-webdesign-resources

33. Modernizr

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

modernizr-css3-useful-webdev-webdesign-resources

该日志于 2009-12-27 20:35 由 Welkin 发表在 Wordpress 分类下. 你可以发表评论。除了可将此日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

赞助商

相关文章

随机日志

    0 条评论 !

    • 目前还没有评论,请在下面表格发表您的评论。

    发表评论