CSS with wired.com

xiaoxiao2021-03-06  43

Original text in: http://www.macromedia.com/software/dreamweaver/special/css/wired/

In this moment, Wired.com uses the powerful function and scalability of CSS to make changes to the entire site in the shortest time.

From founding, Wired.com's editors guarantee that this site will be the only choice for us to get the latest technology news. Of course, they have indeed provided this. However, the previous version of this site is still staying in the "Middle Generation" period of HTML. A large pile of unnecessary table code and thousands of font labels means that the update needs to spend many days or even many weeks.

Enter CSS

With a stacked style sheet, Wired.com can change the font color of the 500,000 pages contained in the site daily. This process is fully automated, just point to a different CSS file every night. The user can easily adjust the text size without destroying the original layout through a special style switcher without damaging the original layout. There is also because the structure of the content is separated from its performance, and the future redesign will not need to move to the role as before.

So what is the user's reaction? Wired.com's former design manager Douglas Bowman explained that "When you come to Wired.com, you will want to see and feel a high-end site that pushes your own technology to the limit. As the subject of its story. Now the site has the advantage of the CSS, you will also feel the perfect experience that is expected. "

CSS TIPS provided by Wired.com

Do not put technology in front of the design. While starting design, you should remember that you will use CSS to implement this design. But it should first determine the direction of the design. The design is then decomposed into a number of logical components, and use CSS to re-assemble them like a puzzle. If you have at least a rough design direction, you will only make you feel fascinating in the next process. Keep your style table in an orderly manner. Make CSS rules into you or your team can understand the logical area. Use annotations to clearly indicate rule packets and their roles. This can not only help other team members to decode your style sheet, but it can also help you still remember what you have done in this style table a few months. The principle behind the learning skills. Learn existing CSS samples and design. There are more sites every week with CSS to reconstruct, and there are many books, articles and tutorials. Consider why some techniques can work. What are they doing? Why will this be more beneficial? CSS really power relies on how to work and why the ability to work, not a series of steps of hard back, or some beautiful rules. It has a better understanding of the concept that allows you to better reapply existing things to resolve other design challenges.

Tips by Douglas Bowman, FORMER Design Director, Wired.com

转载请注明原文地址:https://www.9cbs.com/read-58796.html

New Post(0)