CSS : Copy & Print Center

Resolution Independence With SVG

Posted by David Bushell on January 16, 2012 · Comments Off

In this article, we’ll look at Scalable Vector Graphics (SVG), one of the most underused technologies in website development today. Before diving into an example, let’s consider the state of the Web at present and where it is going. Website design has found new vigor in recent years, with the evolving technique of responsive design. And for good reason: essentially, [...]

Filed in: Design Tips

An Introduction To Object Oriented CSS (OOCSS)

Posted by Louis Lazaris on December 12, 2011 · Comments Off

Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors [...]

Filed in: Design Tips

How To Set Up A Print Style Sheet

Posted by Christian Krammer on November 24, 2011 · Comments Off

In a time when everyone seems to have a tablet, which makes it possible to consume everything digitally, and the only real paper we use is bathroom tissue, it might seem odd to write about the long-forgotten habit of printing a Web page. Nevertheless, as odd as [...]

Filed in: Design Tips

A Quick Look Into The Math Of Animations With JavaScript

Posted by Christian Heilmann on October 4, 2011 · Comments Off

In school, I hated math. It was a dire, dry and boring thing with stuffy old books and very theoretical problems. Even worse, a lot of the tasks were repetitive, with a simple logical change in every iteration (dividing numbers by hand, differentials, etc.). It [...]

Filed in: Design Tips

Create An Animated Bar Graph With HTML, CSS And jQuery

Posted by Derek Mack on September 23, 2011 · Comments Off

People in boardrooms across the world love a good graph. They go nuts for PowerPoint, bullet points and phrases like “run it up the flagpole,” “blue-sky thinking” and “low-hanging fruit,” and everything is always “moving forward.” Backwards is not [...]

Filed in: Design Tips

Help The Community: Report Browser Bugs

Posted by Lea Verou on September 7, 2011 · Comments Off

You’re developing a new website and have decided to use some CSS3 and HTML5, now that many of the new specifications are gaining widespread support. As you’re coding the theme and thinking of how much easier these new technologies are making your job, you decide to stop for a while and test in other browsers, feeling a bit guilty for getting carried away and [...]

Filed in: Design Tips

Writing CSS For Others

Posted by Harry Roberts on August 26, 2011 · Comments Off

I think a lot of us CSS authors are doing it wrong. We are selfish by nature; we get into our little bubbles, writing CSS (as amazing as it may be) with only ourselves in mind. How many times have you inherited a CSS file that’s made you say “WTF” at least a dozen times? (Image: Toca Boca) HTML has a standard format and syntax that everyone understands. [...]

Filed in: Design Tips

Responsive Web Design Techniques, Tools and Design Strategies

Posted by Smashing Editorial on July 22, 2011 · Comments Off

Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can be a bit overwhelming for those designers who have yet to try it. To that end, we’ve [...]

Filed in: Design Tips

Behind The Scenes Of Nike Better World

Posted by Richard Shepherd on July 12, 2011 · Comments Off

Perhaps one of the most talked about websites in the last 12 months has been Nike Better World. It’s been featured in countless Web design galleries, and it still stands as an example of what a great idea and some clever design and development techniques can produce. In this article, we’ll talk to the team behind Nike Better World to find out how the website [...]

Filed in: Design Tips

Five Useful Interactive CSS/jQuery Techniques Deconstructed

Posted by Jon Raasch on June 16, 2011 · Comments Off

With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. In this article, we’ll walk through five interactive techniques that you can start using right now. We’ll cover: Animated text effects, Animated [...]

Filed in: Design Tips

Tag Archives : CSS