jQuery Transit is a small (~2kb gzipped) plugin that makes use of CSS3 transformations and transitions to animate website elements. Its syntax is very similar to well known jQuery.animate so you wont have problems migrating to Transit. It does support all modern browsers and degrades older by simply not doing transformation although you may fallback to standard jQuery.animate Continue reading “QUERY TRANSIT SUPER-SMOOTH CSS3 TRANSFORMATIONS AND TRANSITIONS”
The problem we’re going to solve today is centering an image horizontally and vertically inside of a container. This won’t be just a simple centering of elements but we’re going to write a script that will resize the photo to fill up the container and keep it’s aspect ratio preserved.
Few weeks ago I have been taking part in my friends project The Daily Interactive whose intention was to create new kind of source of news for Polish readers on how social media influence the world. My job was to consult and prepare frontend for this project so Ive spent countless hours on viewing modern news magazines and papers in search of some unusual ways to present content in form of a grid..
Looking at what designers and webmaster are achieving with today’s technologies gives me this fear that what I know today will be outdated tomorrow. In this rapidly changing world of the Web everything what happens here seems to be mirroring something else. Have you seen the new design introduced by MySpace? No? Take a look, it’s really an astonishing design [http://vimeo.com/50071857] which makes use of horizontal scrolling, but I have this feeling that I’ve seen this already. Wasn’t it Windows 8 Metro UI? Another concept that seems to be still very popular on the Web is called “parallax scrolling”. I admire those people who transformed this simple idea into some amazing websites and after few hours of experiments I have to admit it’s not easy. I’ve gathered some amazing libraries that will ease your work at build astonishing parallaxed project. But first things first.
So you have a great idea for a web application or you want to visualize some data for your future blog post and you need chart library. After all how hard can it be to find good one. You start googling and your confused by the variety of other choices you have to make. Maybe you should buy a library or should I use a free one? Are there any free and good ones? Of course there are.
- free – I mean really free. No watermarks, no hidden payments no functionality restriction and of course Open Source licenses preferred
- complete solution/multiple kinds of chart – of course you can choose one library for that kind of chart and the other for another kind but this brings a lot of trouble. Firstly its hard to keep all your charts look consistent. You could modify some code and make all used charts look similar but why bother. Remember the 80/20 also known as Pareto’s Principle? In this case making all charts look&feel consistent will take you hell a lot of time.
- No flash dependency – after all this HTM5 buzz on the Web and the state of current browser HTML5 compatibility I think that its a good practice not to make your users install or update anything. Of course theres this IE case but all presented libraries have fallback for IE.