We want to create a layout with two columns, each a different color, yet have both colors extend the the edge of the browser. If you would like to see an example of this, check out One Mighty Roar – try resizing your browser and notice that neither color stops short of the window edge. via Purely [...]
March 18, 2010
Sometimes, I think that there are not nearly enough tutorials here on the Echo Enduring Blog. There are articles and freebies, but not many technical expositions (and the like). I suppose that part of the reason is that I have a tendency to write these crazy long tutorials, which take an equally crazy amount of [...]
March 16, 2010
In this article you will get access to one of the largest collections ever of CSS Tools, Tutorials, Cheat Sheets etc. It builds on previous CSS posts in tripwire magazine with the purpose of creating a one stop fit all CSS resource. Several new resources have been added.Please comment if you know a great CSS [...]
March 15, 2010
CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It really is an exciting time for web design. A few weeks back we published an article called 20 CSS3 Tutorials and Techniques for Creating Buttons just to start [...]
March 9, 2010
Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3. There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes. The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require [...]
March 9, 2010
CSS3 provides powerful pseudo-classes that allow the designer to select multiple elements according to their positions in a document tree. Using these pseudo-classes can be a little confusing at first, but it becomes a lot easier over time to set up your layout. In today’s article I’m going to take a look at 5 pseudo-classes that [...]
March 8, 2010
While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery. via MicroTut: Centering a [...]
March 4, 2010
You’ve done your research, sketched out the wireframes, designed a stunning mockup and now its time to markup. Where do you start? Having your own reusable framework is a great way to save time and provide a basis for your next website. Your own reusable framework is by no means perfect for every project that you work [...]
March 3, 2010
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. CSS transforms CSS transform (in Firefox 3.5+ and Webkit-based browsers) has a whole bunch of interesting functions, such as rotation, translation, scaling and skewing. [...]
March 3, 2010
The Flexible Box Model is part of the CSS3 Specification that doesn’t really get a lot of attention. While everyone’s off checking out how to use selectors, the flexible box model is crying in the corner asking why no one pays him any attention, and rightfully so! The flexible box model has the potential to [...]
March 25, 2010
0