TodoMVC CSS and JavaScript tools to take your website to the next level Topcoat Topcoat is a very neat and clean library of CSS classes specialized in form elements: buttons, checkboxes, sliders, etc. A super easy way to make your website or app look good in minutes. Demo/Download: Countable.js As you can guess, countable.js is a JavaScript function to add live paragraph, word and character counting to any HTML element. Demo/Download: iCheck Want super-looking checkboxes and radio buttons for your new web app? Demo/Download: CSS only responsive navigation Responsive layouts are very popular on the web right now, and this is definitely a good thing in my opinion. Demo/Download: Almost Flat UI Based on Foundation Framework, Almost Flat UI is a complete HTML/CSS/JS framework to build your site on. Demo/Download: Chart.js Demo/Download: PlaceIMG Demo/Download:
Pronto / Projects / Ben Plum Installation Include the following resources on your page before initializing: Bower You can deploy and update via the command line with Bower: bower install Pronto Options Options are set by passing a valid options object at initialization or to the public "defaults" method. Events Events are triggered on the target instance's element, unless otherwise stated. Methods Methods are publicly available to all active instances, unless otherwise stated. defaults Sets default plugin options $.pronto("defaults", opts); disable Disable Pronto $.pronto("enable"); enable Enables Pronto load Loads new page $.pronto("load", "http:
25+ Premium And Free Javascript/jQuery Timeline plugins | Coderops With one of these ‘25+ Premium And Free Javascript/jQuery Timeline plugins‘ here, you can easy add cool and interactive timelines to your web pages. The timeline formate become more and more popular when Facebook decided to add it to their wall design. Now you can add a timeline to your page easy with these plugins,it is a great way to show events in time,whether social or historical. TimelineJS TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages. More Info Demo Content Timeline – jQuery/HTML5/CSS3 plugin Content timeline is powerful and lightweight responsive jQuery/HTML5/CSS3 plugin, best for displaying any organized content. More Info Demo jQuery Timelinr This simple plugin helps you to give more life to the boring timelines. More Info Demo jQuery Social Timeline More Info Demo Timeglider Timeglider JS is a zooming, panning data-driven timeline widget written in Javascript. More Info Demo jQuery TimelineXML Timeliner
Red Knapsack Design Choosing an OSS license doesn’t need to be scary - ChooseALicense.com The 130 best free fonts | Typography The best free fonts offer plenty of options for your designs without costing anything. Whether you're looking for a classy serif, a clean sans-serif, vintage fonts or something completely different, there's no shortage of choice. In fact there, are so many free fonts out there that it can be hard to know where to start looking. To make it easier for you to find what you're looking for, we've gathered together the best free fonts that we've found in our regular searches of the web. If you're not sure how to use your font once you've got it, see our handy tutorial on how to add fonts in Photoshop. We also have a beginner's guide to font design, Just make sure you brush up on font vs typeface first. One good resource for fonts, including free fonts, is MyFonts. The best free fonts Serif fonts 01. Kicking off our top picks of the best free fonts is this stunning serif by Craft Supply Co. 02. Carena is a beautiful minimalistic typeface perfect for that rustic yet elevated look. 03. 04. 05. 06.
Tapestry5-jQuery „One Page Scroll“ – Apples Webdesign für jedermann „One Page Scroll“ Aufsetzend auf den Trend der Single-Page-Applications beziehungsweise von One-Page-Scrollern hat Pete R. das jQuery-Plugin „One Page Scroll“ entwickelt. Das Plugin hat in komprimierten Zustand sechs Kilobyte und bietet Swipe-Funktionalität auf mobilen Geräten — zumindest in Grundzügen. Implementierung Die Implementierung ist denkbar einfach: „One Page Scroll “ einbinden, einen CSS-Selektor im HTML angeben und darauf achten, dass sich eure einzelnen Slides in einem Section-Tag befinden. <div id="main"> <section> Inhalt Slide 1 </section> <section> Inhalt Slide 2 </section> ... Neben der JavaScript-Datei wird auch ein Stylesheet mitgeliefert, das euch schon die Funktionalität der einzelnen Slides zur Verfügung stellt, ihr müsst also nur noch euren Inhalt einfügen und die vorgefertigten Slides mit Hintergrundbildern versehen. Initialisiert wird das Skript über den zuvor gewählten Selektor. Fazit Obwohl das Plugin recht neu ist, solltet ihr einen Blick darauf werfen.
Discover Bagigia - The Bag