Category

RESOURCES

Category

This is a responsive and easy to customize navigation for mega-sites enriched by subtle CSS animations and support for devices with javascript disabled.Created by Sebastiano Guerriero.It works on all major browsers. Sebastiano used SASS and Bourbon (http://bourbon.io/) for resources. If you don’t use SASS, just use the .css files that you find in the css folder. You can delete both sass and partials folders.    

Here is another great tutorial from Codrops.Resizing and Cropping Images With Canvas.In this tutorial you will learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications. You do this by creating an HTML5 canvas element and drawing the image to the canvas at a particular size, then extracting the new image data from the canvas as a data URI. Most browsers have good…

Building an analytics dashboard? Don’t start from scratch. Grab one of these Bootstrap-based templates and start admiring your data in minutes. An attractive, custom analytics dashboard that’s ready to show your team or your customers. And no hours lost tweaking CSS or testing responsiveness on eight different mobile devices. The Templates These layout templates are composed of a minimal set of Bootstrap v3.2 custom styles. They cover the most common use cases and layout configurations…

This is our daily mobile app inspiration article for our loyal readers.Every day we are showcasing a mobile app design whether live on app stores or only designed as concept. Today’s mobile application inspiration 4Beats Music Creator is designed by Dimiter Petrov and developed by Vladimir Vladimirov Absolutely easiest and powerful way to create your own genuine songs, anytime, anywhere. You’ll feel like a pro! 4Beats app is compatible with iPad, iPhone and iPod.4Beats app…

Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way. How to use Create a new Walkway instance with a supplied options object. When you want to start animating call .draw on the returned instance providing an optional callback that will be called when drawing is complete. Options selector (mandatory) – The selector of the parent element (usually will be a specific svg element) duration -…

Today we are featuring TemplateVamp, a FREE Admin Template for web designers and developers. Based on Twitter Bootstrap, TemplateVamp is a fully functional and customizable admin template that leverages the power and flexibility of HTML5 & CSS3. It can be used as a front-end toolkit for rapidly developing web applications that are lightweight, faster, and mobile-friendly; a great starting point. TemplateVamp contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and JavaScript…

bLazy is a lightweight lazy loading and multi-serving image script. It’s written in JavaScript but it doesn’t have any dependencies for 3rd party libraries like jQuery. bLazy is working in all modern browser including IE7+. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn’t browse the whole page. If your device width is…

Only highest quality resources and also best sellers with retro/vintage feel in one mega bundle! With almost 94% off, and available for limited time only, you’ll need to grab this mega bundle while you can. This new megabundle is definitely best quality design bundle yet so don’t miss it!!!. And with 39 bestseller items from 9 premium design shops is this bundle one of the biggest and best quality bundle ever! Mega Bundle! vol.3 contains…

A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and added some fresh effects with various transitions. The second set contains some fresh styles that include the Font Awesome icon font and SVG backgrounds for some effects. The structure of the demos was a fullscreen grid before, but now adjusted it to contain single rows of figures where it’s easier to see how an…