With the addition of the CSS3 transition property comes a lot of uncharted territory. Never before has it been so easy to bring animation into a usable, standards-based browsing environment. Determining how often and to what degree one should use animation on a web build can be tricky. As we evaluate how to implement animations from project to project, we’ll need to carefully consider how it might affect user experience. Here are a few observations I’ve made from the field…
Articles in the ‘Articles’ Category
-
CSS3 In Transition
Posted: 2 years ago in Articles
Read More: CSS3 In Transition
-
Curtis CSS Typeface
Posted: 2 years ago in Articles
Curtis is the name I’ve given for a family of geometric sans-serif fonts currently in development. Other incarnations exist as Fontstructions: Curtis Heavy and Curtis Pixel 14. This version takes form in CSS. All shapes are rendered by the browser, using a combination of background color, border width, border radius, and a heavily reliance on absolute/relative positioning…
Read More: Curtis CSS Typeface
-
Opera Logo with CSS
Posted: 2 years ago in Articles
The Opera logo, rendered only with CSS, no images. Compare it with the real deal. Alas, best viewed in Firefox 3.6, Safari 4, or Chrome 5. Aside from another shameless plea for attention, this demonstration gives me a chance to look at some CSS3 properties across browsers…
Read More: Opera Logo with CSS
-
Setting Rather than Resetting Default Styling
Posted: 2 years ago in Articles
Following the idea of “tweaking” a reset file, I came up with this “base styles sheet”. It sets default styling for many elements, follows a couple of recommendations regarding usability/accessibility, and addresses a few “common issues” as well…
-
CSS3 Loading Spinners Without Images
Posted: 2 years ago in Articles
While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone…
Read More: CSS3 Loading Spinners Without Images
-
The Future Of CSS Typography
Posted: 2 years ago in Articles
There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it’s not a surprise that text is treated with utmost care. In this article, we’ll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text…
Read More: The Future Of CSS Typography
-
Why You Should Deeply Nest Your CSS Selectors
Posted: 2 years ago in Articles
Most developers, even experienced developers, don’t understand the value of deeply nesting CSS selectors. Although writing the same selectors over and over might seem redundant, it’s worth the extra effort. Your code will be better organized, easier to read, and more maintainable…
-
The Demise of CSS: Why Sass and Languages Like it Will Triumph
Posted: 2 years ago in Articles
Sass is essentially a programming language for designers. It is extremely limited when compared with other languages, but it does a magnificent job of translating the core concepts of a programming language in a way that makes sense for styling a document…
Read More: The Demise of CSS: Why Sass and Languages Like it Will Triumph
-
Don’t Lose Your :focus
Posted: 2 years ago in Articles
For many web designers, accessibility conjures up images of blind users with screenreaders, and the difficulties in making sites accessible to this particular audience. Of course, accessibility covers a wide range of situations that go beyond the extreme example of screenreader users. And while it’s true that making a complex site accessible can often be a daunting prospect, there are also many small things that don’t take anything more than a bit of judicious planning, are very easy to test (without having to buy expensive assistive technology), and can make all the difference to certain user groups…
In this short article we’ll focus on keyboard accessibility and how careless use of CSS can potentially make your sites completely unusable…
Read More: Don’t Lose Your :focus
-
CSS Frameworks: Pros and Cons
Posted: 2 years ago in Articles
A prefab CSS framework can be a great help or serious hindrance. This article will give proper coverage to both sides of the fence by looking at common arguments for and against using a CSS framework…
Read More: CSS Frameworks: Pros and Cons