Bootstrap Markdown Bootstrap-Markdown designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin Switch regular textarea within your form into Bootstrap-Markdown editor seamlessly by adding data-provide="markdown" attribute Code <form><input name="title" type="text" placeholder="Title?" Inline editing with Bootstrap-Markdown is done by adding data-provide="markdown-editable" attribute <div data-provide="markdown-editable"><h3>This is some editable heading</h3><p>Well, actually all contents within this "markdown-editable" context is really editable. Result This is some editable heading Well, actually all contents within this "markdown-editable" context is really editable. Beside using above data-attributes, you could call it via code Noted that Bootstrap-Markdown could be used as a standalone input (without any form). Some examples Custom width using data-width="400" attribute Hidden buttons using data-hidden-buttons="cmdBold" attribute
Special Characters for HTML, CSS and JS My name is Neal Chester and I'm a web developer and consultant. Sometimes I use special characters as an alternative to images; many of these characters I never knew existed. When I surfed the Web, I always ran into 3 problems with character listings: They contained tons of characters I didn't useThere was no one list that brought together all the characters I neededThe fonts were too small and the page was difficult to use So I made my own listing page containing the best HTML characters I felt would be useful to everyone, especially web developers. Rendering Characters As you'll notice, some characters will render differently depending on the browser. Depending on the browser, some characters won't display. Therefore, it's important to view the characters in different browsers and mobile devices to determine if you want to use that character. First of all, make sure you're using the correct unicode. AddDefaultCharset utf-8 AddCharset utf-8 .html .css .js .xml .json .rss .atom
Unicode character table Про Юникод. Юникод (англ. Unicode) - это стандарт кодирования символов, представляющий знаки многих письменных языков. Кодирование – это сопоставление элементам текста (буквам, цифрам, знакам препинания) последовательности длиной в один или несколько символов другого алфавита. В азбуке Морзе буквы представлены в виде точек и тире, а в компьютерах нулями и единицами. Про символы Юникода. Все символы в Юникоде имеют свой номер и HTML-код. Что есть в Юникоде и чего нет. Юникод включает большинство современных письменностей: латинскую, кириллицу, греческую, грузинскую и т.д. Консорциум Юникода не придумывает новые буквы и знаки. Товарные знаки кодируются только в порядке исключения. Foundation Icons Fonts settings heart star plus minus checkmark remove mail calendar page tools globe cloud error right-arrow left-arrow up-arrow down-arrow trash add-doc edit lock unlock refresh paper-clip video photo graph idea mic cart address-book compass flag location clock folder inbox website smiley search phone General Enclosed Set Social Set thumb-up thumb-down facebook twitter pinterest github path linkedin dribbble stumble-upon behance reddit google-plus youtube vimeo clickr slideshare picassa skype instagram foursquare delicious chat torso tumblr video-chat digg wordpress Accessibility Set wheelchair speaker fontsize eject view-mode eyeball asl person question adult child glasses cc blind braille iphone-home w3c css key hearing-impaired male female network guidedog universal-access elevator How These Were Built Here at ZURB, we’re always trying to think of new ways to innovate on our processes and methods. How to Use Them We've made it super easy for you to get going with these icons! Merge in the Styles
Springy - A force directed graph layout algorithm in JavaScript. A Minimalistic Look at Man’s Best Friend – Illustrations by Josh Brill Article by Hyathiz I love my dogs, reading books, and taking great pictures with my battered but still functional digital camera. Taking great pictures with a high end camera is almost too easy, producing fantastic images with an outdated one is an accomplishment by itself. By Hyathiz on February 17, 2013, in Illustrations Tags: Addo Novo, art, design, display, dog, Josh Brill, light, minimalist, New Media Art Director, New Media Design, portraits, prints, words Josh Brill graduated from Maine College of Art with a degree in New Media Design. You can take a look at more of his work here. Do you want more visual fun? You might also like
Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons Cosmo mini is a free version of Cosmo icons and includes 1566 icons in 40×40 sized pixel-perfect PNG + “testdrive” icons in PSD, AI, CSH, SVG, 60×60 sized PNG. All icons are monocolored and divided into following categories: Baby, Basic, Building, Culture, Devices, Documents, Education, Finance, Food 1-3, Holiday, Layout, Medicine, Mobile, Multimedia, Navigation, Player, Symbols, Transport, User, Weather, Work, Furniture, Appliance. License: These icons are free to use in any kind of commercial or non-commercial project unlimited times.Ammount of icons: 1566Sizes: 40×40File Types: .pngTestdrive file types: PSD, AI, CSH, SVG, 60×60 sized PNG. If you need vector and hi-res version of these icons you can buy them on Creative Market: Cosmo icons.
8 Amazing jQuery Lightbox Plugins You Need to Check Out jQuery can be defined as a cross browser java script library. It is a multi-browser java script library and is basically designed for the purpose of simplifying the scripting of HTML on the client side. This is also the most popular java script library which is used by the people these days. jQuery has a lot of advantages such as it is absolutely free of any cost and it is also open source software. The syntax of this software is designed in a way that it makes it easier to navigate a document in addition it also helps to select DOM elements, create animations , handle events and also helps to develop ajax applications. Using jQuery the developers can also create plug-ins and also create low level interactions. 1) Pirobox 2) Shadowbox Js Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. 3) Colorbox A lightweight customizable lightbox plugin for jQuery. 4) Ceebox a Thick box Videobox Mashup 5) Pretty Photo jQuery Lightbox
40 nouveaux packs d'icônes flat design à découvrir Le flat design connaît un succès fulgurant au sein de la communauté du Web design. Le flat n'en est qu'à ses débuts et aucun indice ne préfigure un abandon soudain de ce courant faisant la part belle aux couleurs vives, à la typographie et à l’espace. Dans cet article, j’ai rassemblé une importante collection d’icônes flat pour la conception de vos futures interfaces graphiques. Cette liste offre de merveilleuses combinaisons d’icônes flat designées pouvant être utilisées dans une grande diversité de projets. Ces packs conviendront parfaitement aux personnes en recherche d’icônes dans les thématiques Communication, bureautique, développement, e-commerce, social media, navigation, affichage… la liste est longue. De plus en plus d’applications Web adoptent ce concept. L’emploi d’icônes originales, les variations de couleurs, l’utilisation harmonieuse de photographies et de fontes sont les seuls moyens à notre disposition pour sortir du lot. Icônes flat designées par Mike Clarke
Ultimate Free Icon Set: 1000 Free Icons By Freepik.com This design resource freebie — containing 1,000 free vector icons — is the biggest free icon set that Six Revisions has ever released. This freebie comes in three formats: PNG – a popular web format that’s ready to use (read about the PNG image format here)EPS – an editable graphics vector file that you can open and edit in vector-editing software like Adobe Illustrator and CorelDRAWAI – the original vector file that you can open and edit in Adobe Illustrator This freebie was created exclusively for the Six Revisions readers to enjoy by Freepik.com — a search engine that helps graphic and web designers find high quality photos, vectors, illustrations, and PSD files for their creative projects. Preview Download ultimate_free_icon_set (ZIP, 10.7 MB) Related Content About the Author Freepik.com is a search engine that helps graphic and web designers locate high quality photos, vectors, illustrations and PSD files for their creative projects.
Backbone.js, now realtime with Pusher - Realtime Blog This tutorial was written by Micheil Smith Recently there have been a number of frameworks developed that allow you to add extra structure to your code when building rich javascript-heavy applications. These frameworks often achieve this structure by adding in layers of Models, Controllers, Views, and Events, most of the time performing synchronisation between the client and server using AJAX. One such framework that has recently grown in popularity is Backbone.js. Update: The code associated with this post has been updated to use Backbone.js 0.5.3 and Underscore.js 1.2.1 Backbone.js Backbone.js is a framework from DocumentCloud, which is known for it’s excellent documentation. Normally when using Backbone.js, you would have to implement your own timer and polling mechanism to check for changes on the server. // Poll every 10 seconds to keep the channel model up-to-date. setInterval(function() { channel.fetch(); }, 10000); Making Backbone.js realtime with Pusher ruby – items_controller.rb
Créer une police d’icônes facilement à partir d’illustrations vectorielles Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Outre leur flexibilité elles permettent un gain de performance puisqu’il suffit de charger une police (un fichier) pour avoir accès à un nombre important de caractères. Voir une petite démonstration en ligne : Icon Font are Awesome. Le placement de l’icône se fait généralement grâce à une balise <i> ou <span> (inoffensive par défaut) qui va utiliser en classe le nom de l’icône que le souhaite afficher. ou... IcoMoon propose 3 outils :
200 Foodie Pack: A Free Set Of Food Icons Badass JavaScript