On 19, Jan 2010 | No Comments | In Coding, HTML5/CSS3 | By Sergey Chikuyonok
Columnar Layout
by Sergey Chikuyonok
There are many methods of making columnar layout. More than one web developer’s nose was blooded (fortunately, only virtually) in the holy wars over the superiority of one or the other technique. It should seem that everything is as clear as possible by now, but plenty of difficulties still arise here and there. I’d like to make my contribution to the common good, so I’ve spent some time on experiments that allowed me to create one more method, which has the following advantages and disadvantages:
Read more…
On 09, Jan 2010 | No Comments | In Coding, HTML5/CSS3 | By Stryker
Layout of Stretchy Websites
by Stryker
In this article I will share with you a technique for laying out stretchy websites (actually, I have found out that I cannot make non-stretchy ones), which I’ve been using for the last 2-3 years. This technique, which can be used for creating sophisticated modular grids, is easy to use but somewhat difficult to understand, and it does have some drawbacks. Basically, this article might be useful for web designers too, as website layout should be correctly designed before actual coding is done. Read more…
On 23, Dec 2009 | No Comments | In Coding, HTML5/CSS3 | By Stryker
CSS3 transitions and 2D transforms
by Stryker
For richer user interfaces it is often desirable to include some animation to make an effect smoother or more appealing, or effects such as rotating elements and text. Traditionally in HTML pages the primary means to add animations was to use JavaScript to adjust the desired CSS property value over a given period of time. This works but can be slower as the JavaScript code is not hardware or software accelerated. What’s more, using JavaScript for animations creates more code to maintain. It has not been possible to apply effects such as text at an angle without resorting to using images or SVG. Read more…
On 04, Nov 2009 | One Comment | In Coding, HTML5/CSS3, Tutorials/Tips | By Stryker
Making tabs with dl tag
by Stryker
Once I needed to make tabs on the webpage. As it’s a rather routine problem, I didn’t want to reinvent the wheel, so I just googled a little bit to see how people solve it. All the solutions I found looked rather run of the mill, something like that: Read more…
On 03, Nov 2009 | No Comments | In Coding, HTML5/CSS3, Tutorials/Tips | By Stryker
Universal Method of Block Decoration
by Stryker
I asked my readers to think out a technique for laying out blocks with rounded-off corners and shadows. Take a look at the solutions I received, and you will see that most of them are very much alike: four elements in the corners and a somewhat odd-looking result, though there are some differences in block placement. Let’s take a detailed look at the way those techniques work and also find out why this article isn’t simply titled “Creating rounded-off blocks with shadows.” Read more…
On 20, Oct 2009 | No Comments | In Coding, HTML5/CSS3 | By Stryker
Sprites in the web. Part 1
by Stryker
Nowadays there are a lot of pieces of news about CSS-sprites. However, all resources just crunch the same idea about saving a set of small pictures in the one to increase total page loading speed. This research in two parts will gather all my knowledge about sprites using features in the web.
