background preloader

FitText - A plugin for inflating web type

FitText - A plugin for inflating web type

Related:  webJquery Pluginsjs, jquerytypographieTECHNIK

Turn.js: The page flip effect in HTML5 Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. Let's code <div id="flipbook"><div class="hard"> Turn.js </div><div class="hard"></div><div> Page 1 </div><div> Page 2 </div><div> Page 3 </div><div> Page 4 </div><div class="hard"></div><div class="hard"></div></div> Features Fullscreen Overlay Styles & Effects Previous Demo Back to the Codrops Article Overlay fades in and menu rotates slightly in perspective. As seen on Huge

60+ best free fonts, Summer 2015 2015 continues to be a fantastic year for fonts. Type designers are increasingly prolific and there’s a new design for every possible project, often completely free, or with a free option or weight. There are a couple of dominant trends for Summer: The first trend is a revived interest in ethnic and folk art styles, like the colorful approach of Tripel Six, or the charming Quirko; the second trend is a move away from the geometric sans-serifs that we’ve seen recently, towards more humanist sans-serifs, like Qontra.

Retina graphics for your website How it works There are now 4 ways to use retina.js: Automatically swapping out "src" paths on "img" tags. Automatically swapping out background image URLs in inline styles. Manually specifying the location of a high-res image variant. Automatically creating media queries for CSS background images.

10+ Solutions for Responsive Data Tables Having trouble fitting your tables into a responsive site? They look great on a desktop layout, but look miserable on mobile. Here I will show a basic solution I have used, followed by a list of other plugins and tools you might want to use. Retro-fitting Old Table Markup First remove any fixed widths from your HTML. Before: js A gridster configuration object. Define which elements are the widgets. Can be a CSS Selector string or a jQuery collection of HTMLElements. Horizontal and vertical margins respectively for widgets.

Headhesive demo - Mark Goodyear Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action The Typographic Details Behind Typewolf’s Favorite Sites of June 2015 July 7, 2015 This is the 17th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for May here.

Meson Nadi – Sojournal The Nicaraguan Jungles Boutique Hotel Saskia Nadi has fulfilled her dream of living in a real-life paradise. Since last year, together with husband Dennis, the two have opened their stylish and sustainable boutique hotel Meson Nadi in the jungle of Nicaragua. So what is the story behind Meson Nadi and its creation? tiltShift.js - a jQuery plugin using CSS3 filters to replicate the tilt shift effect download Download here or go to github. Released under GPL how to use Call the plugin on any collection of images you want by adding the following jQuery: jQuery(document).ready(function() { $('.tiltshift').tiltShift(); }); The Listed Voyage: 30 Free jQuery Navigation Menus Nowadays, jQuery navigation menus are more than just plain texts with links on it. In a previous tutorial, I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site. With the power of jQuery, it can turn the navigation of a website into a dynamic menu. Although CSS3 can now be used to create dynamic navigation, still, jQuery adds more functionality on the menus. Aside from the dynamic functionalities, the design must also be considered.

Download Free Fonts - an awesome list of 101 free fonts - The Hive Fonts and typefaces. Making the choice of the right font at the right time is a bit of an art. One font which could work very well in a specific setting could be a hateful choice for a different scenario. However, there’s always a good font for every setting, and there’s always going to be good fonts and horrible fonts which should be wiped off the face of the internet (and the face of the planet for that matter). We’ve gone around and researched.

Related:  JQuery PluginsResponsiveInteractive VideoResponsive Web DesignVisual P1jQuerryJQueryCodingresponsive designWeb design toolsPOLICES DE CARACTEREOutilsjQueryPlugins2Mobile