This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
When it comes to fonts, Yellow Design Studio consistently hits them out of the park. Their latest Mighty Deal is no exception. With the Eveleth Premium Letterpress Font Family, you’ll get yourself 16 charming vintage fonts to work with. Additional weights, shadow layers and entertaining icons, shapes and emblems are just a few of the extras that come along for the ride. And if you act now, you can save yourself 82% off the regular…
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. To make everything work, just load midnight (and jQuery) and initialize it. Want to use custom markup for each header? You just need to add a div with the class .midnightHeader.default inside your header, as well as any other custom headers you want. For instance the “butterflies” section will…
Today’s free design resource Elegant Theme HTML / PSD is designed and released by Diogo Dantas a designer from Portugal. Elegant is a clean free HTML/CSS and PSD creative multipurpose portfolio for your creative projects.
jQuery drag and drop HTML editor – compile Bootstrap based HTML and JS. Editor extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor. List of features: – Integrated front end content slider visual builder – Integrated front end grid…
Today’s free inspiration and tutorial comes from Tympanus. The full-page background image header has been a web design trend for some time. Recently people have been turning to animation to add more visual interest to their website headers. This collection uses JavaScript and Canvas to create various header animations. Each demo uses its own JavaScript file, but they each have similarities. Each example has: – an animation loop using requestAnimationFrame – shapes (circles, triangles, lines)…
The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”. Here are the ideals and core features I wanted to include: – HTML5 (SEO optimised) – CSS3 transitions (a few simple transitions like slide/fade) – Left/Right navigation (including touch/swipe support) – Responsive – HiDPI (retina) support – ARIA…
There are some patterns in the e-commerce design world aimed at increasing the conversion rate by simplifying the user experience. Other patterns try to achieve the same goal by providing additional information where needed. The product quick view modal belongs to the second category. A ‘product quick view’ modal window, animated using CSS3 and Velocity.js, that provides the user a quick access to the main product information. The end result is always a window with…
Dealjumbo is the new place for all graphic designers,artists and photographers.They offer only high quality design resources with big discounts. This brand-new bundle is something really special. A new and special deal format. And already 1st volume is something really special. Highest quality logo/badge/insignia resources with retro/vintage feel in one mega bundle. With 38 logo items from 5 premium design shops is this bundle one of the biggest and best quality logo bundle ever. 5in1…
These are a couple of some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animation from Codrops.The off-canvas sidebar is widely used nowadays. Different layouts and synced transitions of the menu and the page can make everything look more interesting and we can make use of the available space for side-menus and controls. SVG allows us to play with organic shapes and add some unexpected and stylish moves to a…