CSS3 reference manuals and CSS3 code generation tools to accelerate your learning web making

Source: Internet
Author: User
Tags manual end generator new features reference

Article Introduction: the effects of creating new features such as box-sizing, boundary radii, text shadows, gradients, and so on CSS3 are already exciting to the front-end developers. Using CSS3 for front-end design is the future development trend. Therefore, if you are a front-end designer, you need to master these latest technologies, or you may be eliminated.

CSS3 technology is now becoming more and more mature, with some new features of CSS3 (such as box-sizing, boundary radii, text shadows, gradients, etc.) created to make the front-end developers excited. Using CSS3 for front-end design is the future development trend. Therefore, if you are a front-end designer, you need to master these latest technologies, or you may be eliminated.

First, the reference manual
1. Idiomatic CSS
Write a unified, custom-compliant CSS principle, with Chinese version.
2. CSS3 Click Chart
Sample code and CSS3 attribute support table.
3. CSS3 Selector
Official instruction manual for CSS3 selector.


4. HTML5 & CSS3 Support
A list of support for HTML5 and CSS3 in mainstream browsers.

5. Css3-information and Samples
A variety of information and examples for CSS3.

6. Sencha CSS3 Cheat Sheet

7. Smashing Magazine CSS3 Cheat Sheet

Two, CSS code generation tool
1. Gradient Editor
A powerful CSS gradient code visualization editor, similar to Photoshop's gradient settings interface.

2. Gradient
CSS3 Gradient code generator.

3. Border Radius
Boundary radius (rounded) code generator, which generates code automatically by setting a four-corner radius number, and can preview the effect directly.

4. CSS3 Generator
Set up various properties, including text shadows, outlines, boundaries, gradients, transitions, and so on, and automatically generate code through visual form.

5. CSS3
CSS3 Code Builder for boundary radii, Box shadows, background gradients, and opacity.

6. Layerstyles
If you are familiar with Adobe Photoshop, you will find this tool very useful.

7. Csswarp
The CSS code that automatically generates the path text.

8. Font Squirrel
Generates fonts in Woff, SVG, EOT, and TTF formats and is used in CSS.

9. CSS3 Maker
Powerful CSS3 code generator.

CSS3 Tool
A collection of various CSS3 code generation tools.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.