Box shadows for creating a realistic shading..

Tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects. When working with 3D transformed elements, you might notice that they don’t have any…

HTML5 Inline Edit with PHP, MYSQL &..

Now a days, We are always looking for easiest way for people to interact with our Web Applications. I am going to tell you about In-Place Editing or Inline Editing. Popular websites like facebook…

SVG Drawing Animation

A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them. SVG is finally becoming a more…

Smart Header Footers with jQuery

There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However…

Perspective page view navigation

CSS3 Effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to…

Useful Typography Tutorials

Typography is one of the most important elements of a design, if not the most important. Content can be put in focus by many elements or design laws, but if it is not readable, there is no way users…

Animated SVGs: Custom easing and timing

By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference. Below, I’ll break…

Building fullscreen mobile experience

Paul Kinlan explains how to build a fullscreen mobile experience. There are several ways that a user or developer can get an web app fullscreen. Fake it: auto-hide the address bar Request the browser…

Reading files in JavaScript using the File..

Nice tutorial about reading files using HTML5 File API. The HTML5 now provides a standard way to interact with local files, via the File API specification. As example of its capabilities, the File…