On 19, Mar 2012 | 2 Comments | In Coding, HTML5/CSS3, Tutorials/Tips | By CyberAP
How to Create a Fading Dark Gradient on CSS3 without Images
by CyberAP
In today’s post I would like to share with you my method of creating fading lines without the use of images. Read more…
On 06, Mar 2012 | No Comments | In Coding, HTML5/CSS3, Tutorials/Tips, Web Design | By Leonid Lilo
Stop-watch on CSS3 Without Any Pictures or Scripts
by Leonid Lilo
Introduction
Firstly, I would like to say a few words about browsers. This code works on such modern browsers as: FireFox, Safari and Chrome. On approach such browsers as IE10 and super secret new Opera.
Secondly, I want to notice at once that I will describe exactly the process of animation, but not drawing on CSS3. For the future I have a different plan, it is to do very beautiful picture, on CSS. Oh yes, it became not so boring, since the developers from safari gave up the old standard of linear – gradient (good bye, color – stop, from, to, 0 0) and Opera at last began to support radial – gradient (the last thing happened relatively a long ago).
At first I thought of creating a simple stop-watch, with pointers only, but it is very boring.
You don’t get any drive and a feeling of mechanism, when you see two pointers hurrying on a monitor. From the other side I remembered how once I did a sort of odometer, for the path passed by a mouse. And suddenly, a brilliant idea came into my head. Read more…
On 22, Feb 2012 | No Comments | In Coding, HTML5/CSS3, Tutorials/Tips | By Stdit
Pixel Distortions with Bilinear Filtration in HTML5 Canvas
by Stdit
In this post I want to describe simple methodology of pixel image distortion on “clean” javascript in 2D – Canvas without the use of the special libraries and shaders, by the direct access to the pixels of the image. I hope, it will be interesting and useful both for general development and for the decision of some tasks. Read more…
On 21, Feb 2012 | No Comments | In HTML5/CSS3, Inspiration, Web Design, Web Design Inspiration Cocktail | By AndrewG
50+ New HTML5 Websites
by AndrewG
Are you ready to get a new portion of inspiration? We have no doubt that it’s so! As a lot of new HTML5 sites have appeared since we did our last review on 70 Original HTML5 Markup Websites, we would like to share with you the best examples of the recent HTML5 websites. Perhaps, some of these might give you great ideas on how to enhance your own web site. Read more…
On 18, Feb 2012 | 3 Comments | In Coding, jQuery, Web Design | By AndrewG
Parallax Scrolling: Tools, Articles and Tutorials
by AndrewG
In our previous post dedicated to parallax scrolling effect, New Websites with Parallax Scrolling, we’ve already described the principle of its work. And today we would like to present to your attention some resources with the help of which the parallax scrolling can be achieved. Here we’ve gathered jQuery plugins, articles and informative tutorials. In case you know any useful sources on this topic, please don’t hesitate to share with us via the comments. Read more…
On 14, Feb 2012 | 2 Comments | In Coding, HTML5/CSS3, Tutorials/Tips | By Renat Rafikov
CSS3: Life Without Prefixes
by Renat Rafikov
Prefixes are a good thing. They help browser developers in realization of new possibilities. But with them developers’ lives get even more difficult. There are a lot of prefixes, and sometimes there are distinctions in syntax.
The problem is obvious. We need to find a method to facilitate the work with prefixes.
Of course, it would be unreasonable stop using prefixes. But it’s quite possible to shift a duty of their generation on specially existing for this purpose instruments. I tried to enumerate the possible variants. Read more…
