untitled Web UI Components for Developers Peity • progressive <canvas> pie charts Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.2.1 Uncompressed 8.7Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/benpickles/peity Pie Charts Call peity("pie") on a jQuery selection. You can also pass delimiter, fill, height, radius and width options. <span class="pie">1/5</span><span class="pie">226/360</span><span class="pie">0.52/1.561</span><span class="pie">1,4</span><span class="pie">226,134</span><span class="pie">0.52,1.041</span><span class="pie">1,2,3,2,2</span> JavaScript $("span.pie").peity("pie") Donut Charts Donut charts are the same as pie charts and take the same options with an added innerRadius option which defaults to half the radius. $('.donut').peity('donut') Line Charts $(".line").peity("line") Events
20 ressources CSS pour vos sites web Pour booster votre créativité et votre productivité, je vous propose une petite sélection de nouvelles ressources CSS à utiliser dans vos futurs projets. Effets de survols, animations, effets d’images, bref de quoi avoir du style ! Ces dernières semaines, en arpentant le web à la recherche d’inspiration, j’ai sélectionné quelques snippets CSS qui vont faire plaisir aux développeurs front-end et aux webdesigners. Plutôt que de présenter des expériences inédites (à venir dans un prochain article), je vais vraiment mettre l’accent sur des snippets qui vous permettront de gagner du temps et d’apprendre les dernières techniques CSS. Même si c’est plutôt rare pour un snippet gratuit, pensez toujours à vérifier s’il est libre d’utilisation avant de l’implémenter dans votre projet. Effets de survol Flat UI Effet lumineux avec CSS et SVG Un bien gros menu déroulant Une horloge murale en pur CSS Formulaire de commande en CSS UI d’une fiche Twitter Une simple barre de progression Modal box en CSS Bonus :
jQuery: The Write Less, Do More, JavaScript Library ScrollMagic - Demo JavaScript Garden Function Declarations and Expressions Functions in JavaScript are first class objects. That means they can be passed around like any other value. One common use of this feature is to pass an anonymous function as a callback to another, possibly an asynchronous function. The function Declaration function foo() {} The above function gets hoisted before the execution of the program starts; thus, it is available everywhere in the scope it was defined, even if called before the actual definition in the source. foo(); // Works because foo was created before this code runsfunction foo() {} The function Expression var foo = function() {}; This example assigns the unnamed and anonymous function to the variable foo. foo; // 'undefined'foo(); // this raises a TypeErrorvar foo = function() {}; Due to the fact that var is a declaration that hoists the variable name foo before the actual execution of the code starts, foo is already declared when the script gets executed. Named Function Expression How this Works
95+ Best Bootstrap Landing Page Templates 2014 | Designrazzi | Page 2 Sate App Landing Page – One Page Template Sate is the landing page for apps. Its have two feature section and creative design with caring about content and carefully crafted font. Font used Google web font. Icon used is awesome font. This landing page was designed with Responsive design, Bootstrap, HTML5 / CSS3 , App gallery Showcase, Newsletter subscribe form and much more… Flatland Responsive Landing Page Template Flatland is the perfect theme for your product or mobile app site. Flatone Sales and Marketing Landing Page Template Flexi Landing Page Template Flexi is my most adaptable, clean, useful and powerful landing page yet! Supernote One Page Landing Page Template Supernote is one page HTML5&CSS3 landing page. Misha – Bootstrap 3 Retina App Landing Page Template Misha is a trendy One Page HTML5 & CSS3 responsive template built on Bootstrap 3. Rocket – Landing Page Template Rocket is a clean flat landing page for business template. Greenmonster – Landing Page Template
Free Icon Sets, Social Media Icons, Web Icons, Toolbar Icons, Icon Tools - SoftIcons.com