MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

The era of CSS3 new web technology

Source: Shangpin China | Type: website encyclopedia | Time: April 28, 2012
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 era of CSS3 new web technology

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 these CSS icons can reduce.

In the spirit of semantics

It must be admitted that I sometimes use additional tags such as DIV or SPAN in order to meet certain visual needs, which is very 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/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]