background preloader

Icon

Facebook Twitter

After iOS 7 icons. Favicon Maker. Icon search engine and market place | Iconfinder. Font Awesome Cheatsheet. 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.

I grouped them into sections and included the HTML, CSS and JS name & number codes for your convenience. Enjoy. 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. Next, markup your HTML as follows.

Cikonss | Pure CSS Responsive Icons. 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. His minimalist, geometric portraits of dogs has made quite an impact on the internet. Even limited to geometric shapes, the different dog breeds are perfectly recognizable. You can take a look at more of his work here. Do you want more visual fun? You might also like. 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. 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. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow.

Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal : Retro Vectors. Free Online Favicon and Apple Icons Generator - iconifier.net. Jonathan T. Neal | Understand the Favicon. When Alec Rust asked the HTML5 Boilerplate project to switch to a HiDPI favicon, I realized how little I knew about favorite icons, touch icons, and tile icons. When I decided to dive in a little deeper, things got interesting. The classic favicon.ico is a 16×16 ICO file, often served in either 16-color or 24bit alpha-transparency format.

More recently, favicons have been served as 32×32, which is appropriately scaled down in all major and popular-legacy browsers. In IE10 Metro, the 32×32 icon is used in the address bar. The rel attribute of a favicon is a product of evolution. The type attribute of a favicon is about as useful as the type attribute of a <script>. Good news, everyone! Bad news, everyone! This really depresses me, because Chrome, Firefox, Opera 7+, and Safari 4+ all accept the PNG favicon, but Chrome and Safari will opt to use the ICO favicon when both are presented, regardless of the order in which they are declared.

And that’s just the beginning. One. You. Create the perfect favicon. App. 33 Beautiful Uses of Icons in Web Design. Besides textures and patterns, icons, are one of the most important small elements that can make big changes to the over-all look of any site. While they are really small, and are not always very noticeable they are really used a lot on any kind of website. In Navigation bars, in sidebars, in footers, near sliders and wherever possible. Any website has a use of at least 3 icons on page, and up to 20 on a full website. In the following round-up we have listed a selection of websites that have a really beautiful use of icons, on their pages.

These websites have all been hand-picked, so we were very impressed a lot by the their positioning, and the clever and ingenious use of icons. 33 Beautiful Uses of Icons in Web Design Movmt Rundotodo Trifermed CL Designz Deinternet Jongens Travelison Cappuccino Digital David Ecolla Typo Popote Robin Clediere Space Tofu Stylapps We Are Pandr InfluAds La Web Shop Duck App Deda Pixel 2 Html Symbolicons Agencia 110 World of eStore Light CMS Moso Resume Baking Webfoo London Fluxion.

Fontello - easy iconic fonts composer. Apple icons.