CSS3 New Web Technology Era - 上海1314龙凤鲜花坊_上海419贵族宝贝

Beijing website construction The company Shangpin China (www.sino web. net): CSS is an amazing technology. When I first used it, I thought it was something I never dreamed of. With the introduction of CSS 3, rounded corners, shadow, rotation and other technologies have brought CSS to an unprecedented height. However, as for CSS, whether we have gone too far or not, this paper gives another thought to some experimental applications of CSS from the perspective of a Web designer.

Those avant-garde experiments on CSS

Each experiment uses different methods. Some of them, such as CSS line diagrams, can find practical applications in reality. Others, such as the Twitter Fail Whale picture implemented by CSS, are purely experiments. The purpose of these experiments is only to illustrate the effect that CSS can achieve, and does not mean that it should be done in this way.

Let's be practical

The above figure is a social media network logo implemented with pure CSS. Isn't it amazing?

Just like the above CSS based social network logo, it is nothing more than a combination of various lines. Although impressive and creative, it is not practical, because it may take hours of hard work to create such a logo. It does not take any effort to draw the same picture in Photoshop, and the effect is better (more delicate).

I recently read Faruk Ate ş 's article, Pure CSS Icons: Make The Manufacturing Stop, questioned this practice. The author said that some people began to try to use CSS as a design tool and quickly led to a large number of imitations. However, how easy is this practice to use? It is not easy to integrate into your design and development, nor easy to adjust.

Ate ş He believes that the maintainability of the icon generated in this way is also a problem. Adjusting an icon originally only requires adjusting the pixels, but now it needs to modify the CSS definition. At the same time, Nicolas Gallagher, the designer of the CSS logo above, also said that CSS is not the most suitable for doing such things.

Reduce HTTP requests?

The icons in the above picture are all generated by CSS, and the author sells them for $25 for 40 icons. I have to admit that these icons are very beautiful. The original intention of the author to design these CSS is to reduce the number of HTTP requests for the websites used, because these icons do not require additional image file requests. However, is it really worth mentioning the HTTP request brought by a small icon file? In addition, using CSS Sprite technology, these icons can be placed in the same picture and displayed by CSS positioning. In this way, only one HTTP request is needed. Moreover, I really doubt how much bandwidth can be reduced by these CSS icons.

In the spirit of semantics

It must be admitted that I sometimes use additional tags such as DIV or SPAN to meet certain visual needs, which is quite nonsensical. However, CSS drawing is even less semantic. The real mission of CSS is to decorate the content of the web page, not to create the content itself. The graphics in the web page belong to the category of content and should not be created by CSS.
This article was published by Beijing website production company Shangpin China //ihucc.com/

The era of CSS3 new web technology

Date：2013-04-28 Source: Shangpin China Type: website encyclopedia
Word Size： small medium big

+86 10-60259772