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…

Hover Effects with CSS3

Five examples of hover effects using different CSS properties. In summary, we seek the same method but we will act especially using the border property, as we shall see later that allows us to create very particular effects…

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…

Animate.css

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. 

Typebase.css

Typebase.css is a minimal, customizable typography stylesheet. It has both less and sass versions so it can easily be modified and merged into modern web projects. It provides all the necessary…

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…

Lazy Load XT jQuery plugin

Lazy load XT is a jQuery plugin for images, videos and other media Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile…

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…