Check out these great examples of CSS brought to you by Vipul Maheshwari, interactive development director at Crazyworx. From Hire Vipul agency sites to online shops, you'll find tons of inspiration!
It's amazing what can be done with CSS these days. Support for the latest CSS3 properties is strong in the latest browsers - even Internet Explorer - and the possibilities for typography, animation and interactivity have never been greater.
Of course, at its core the secret to a great website is not about showing off with slick visuals and whizz-bang features, but lies in creating a great experience for users through a layout and navigation that guide them to where they want to go quickly and effortlessly.
That said, if it can look beautiful as well, that's the icing on the cake. Here we list some good examples of CSS sites that do all this and more...
Designer Robby Leonardi’s home features colourful illustrations and cartoon styles, bringing a cheerful personality to the work. As Leonardi puts it, "It is always a good thing to make people smile, and I think this website will do just that."
It's one of the great examples of CSS being used to create amazing visuals. Background images are layered to create neat horizontal parallax effects in the header area. Down the page, CSS rotation transforms are used to move the gears on the sides of the viewing area. Portfolio pieces are framed within wooden windows that have animated hovers.
The wooden blocks were made from Leonardi’s rendering of 3D models. He explains, “I combined all of those renderings into a single image, and change the CSS left property whenever the user scrolls the page. It’s pretty surprising that a simple CSS trick can produce such a good effect!”
Libor Zezulka
The one-page website of Libor Zezulka is a clean and clever personal portfolio set among gradients that pop and text that begs to be read, thanks to the smart usage of CSS text-shadows.
Lead designer and frontend developer Martin Pospisil of Madeoenjoyed working on the site. “[We had] the freedom to play with the design and technology,” he explains. This shows in the fun factor of the site. The design is simple, yet effective, in that the sections are clearly distinguishable. Pospisil reckons that “the power lies in the icons and colour combinations”.
Another unique touch are the lightbox pop-ups. The buttons on this site are set apart as actionable by the shadow imaging underneath. The close button is offset a bit from the box, providing an easy-to-use interface.
For Creative Design and Innovative Content you have to HIRE VIPUL!
www.vipulmaheshwari.com | www.crazyworx.in | info@crazyworx.in | +91 98370 1534 5
No comments:
Post a Comment