background preloader

Ionicons: The premium icon font for Ionic Framework

Ionicons: The premium icon font for Ionic Framework

Icônes Pour vous permettre d’illustrer vos sites web, nous avons listé les meilleurs sites proposant des pack d’icônes à télécharger gratuitement ou des outils pour créer ses propres icônes. Les professionnels du digital ont régulièrement besoin de ces petites vignettes pour agrémenter les contenus. Ils permettent aux visiteurs de mieux s’y retrouver, de comprendre du premier coup d’œil une fonctionnalité. Avec ces pack d’icônes et ces sites qui référencent des icônes, les graphistes gagnent du temps et se concentrent sur des tâches à plus forte valeur ajouter. En téléchargeant un pack d’icônes, vous obtenez des vignettes harmonieuses et pouvez facilement illustrer... Pour vous permettre d’illustrer vos sites web, nous avons listé les meilleurs sites proposant des pack d’icônes à télécharger gratuitement ou des outils pour créer ses propres icônes.

Open Iconic, a free and open icon set Displaying Open Iconic's SVGs are a snap. Just treat them like your typical image and away you go! Pro tip: Don't forget the alt attribute. SVG Sprite Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. Tip: To make your icons easily style able, we suggest adding a general class to the <svg> tag and a unique class name for each different icon in the <use> tag. <head> ... Sizing icons only needs basic CSS. Coloring icons is even easier. Font Icon fonts are a great fallback for SVG—and our font is pretty great. Head Body Bootstrap Font Use Bootstrap? Foundation Font Iconic also works for Foundation and functions just like Foundation's icon font.

Icon Font & SVG Icon Sets ❍ IcoMoon node-inspector Overview Node Inspector is a debugger interface for Node.js applications that uses the Blink Developer Tools (formerly WebKit Web Inspector). The project maintenance and support is sponsored by StrongLoop. Table of Content Quick Start Install $ npm install -g node-inspector Start $ node-debug app.js where app.js is the name of your main Node application JavaScript file. Debug The node-debug command will load Node Inspector in your default browser. NOTE: Node Inspector works in Chrome and Opera only. Node Inspector works almost exactly as the Chrome Developer Tools. Other useful resources: Documentation specific to Node Inspector provided by StrongLoop: Running Node InspectorMiroslav's talk How to Debug Node Apps with Node InspectorDanny's screencasts (most likely outdated by now)Getting Started from scratch on wiki (most likely outdated by now) Features The Blink DevTools debugger is a powerful JavaScript debugger interface. Cool stuff Known Issues Troubleshooting I got the UI in a weird state. Yes. 1.

Les 40 packs d'icônes gratuits incontournables de 2016 - Blog On continue notre bilan de l’année 2016, cette fois en s’intéressant aux packs d’icônes qu’elle a produits ! J’ai rassemblé dans cet article les 40 packs d’icônes gratuits incontournables de l’année. Vous y trouverez des icônes aux styles et aux thématiques variées : espace, nourriture, sport, jeux olympiques, musiques, Noël, Pokémon, économie, gestuelle, business, mode, science, été … Il ne reste qu’à scroller pour découvrir et télécharger les meilleures icônes de l’année 2016 ! 1. 2. 3. 4. 100 Airline Icons 5. 6. 7. 170 Retro Business Icons 8. 100 Colored Food & Drink Icons (EPS, SVG, PDF, PNG) 9. 100 Winter Icons 10. 11. 32×3 Christmas Icons 12. 13. 71 animal icons 14. 16 gesture Icons 15. 80’s Gadgets – 40 free icons 16. 52 Flat Activities Icons 17. 18. 19. 20. 21. 25 Design & Shapes Icons 22. 104×3 Marketing Swifticons 23. 24. 30 Hair Salon Icons 25. 26. 35 Free Checkout & delivery icons 27. 28. 29. 30. 31. 32. 33. 34. 15 Apple Devices Icons 35. 97 Free business Icons 36. 37. 38. 39. 40.

Steve Schoger Heroicons UI make the perfect fit for any in-app UI. Their soft edges and consistent 2 pixel stroke give them a friendly pesonality that work great for both professional and playful UI's. I’ve been working on this set for a while and decided to make them available for free under the MIT license. Each icon in this set of 104 glyphs is designed in a 24 x 24 pixel grid and maintain a consistent visual proportion when next to each other. Get the icons on GitHub I plan to continue growing this set so feel free to sign up below to get notified when updates are available. Success! Psst...if you're looking for an icon set more suitable for your marketing page, check out Heroicons for marketing, a unique set of icons for your marketing website that make it easy to customize with CSS to better align to your brand.

Material Icons Guide - Google Design An overview of material icons—where to get them and how to integrate them with your projects. Material design system icons are simple, modern, friendly, and sometimes quirky. Each icon is created using our design guidelines to depict in simple and minimal forms the universal concepts used commonly throughout a UI. Ensuring readability and clarity at both large and small sizes, these icons have been optimized for beautiful display on all common platforms and display resolutions. See the full set of material design icons in the Material Icons Library. The icons are available in several formats and are suitable for different types of projects and platforms, for developers in their apps, and for designers in their mockups or prototypes. Licensing We have made these icons available for you to incorporate them into your products under the Apache License Version 2.0. Browsing and downloading individual icons The complete set of material icons are available on the material icon library. face Sizing

Debugging with node-inspector This was the fourth in a series of posts leading up to Node.js Knockout on how to use node.js. This post was recorded by node-inspector author and Node.js Knockout judge Danny Coates. Video Check out this sweet screencast where Danny explains how to use node-inspector: Transcription Hi this is Danny Coates. It's hosted on GitHub, you can go check it out there. $ node .. When I pass it the --start-brk parameter we're going to end up with two processes; the one we're debugging will be a child process of the inspector process. Let's pull up the debugger. Let me walk you through the interface. There's also a pull down menu of your JavaScript files, and some controls to step over, step in, step out and pause the script. If you click on a breakpoint it'll jump to the relevant line in your code. Let's step through the node-chat app, to see what's going on. It looks like we're setting some intervals, hooking up some routes... Let's go ahead an open a couple of node-chat windows. Thanks for watching.

11 packs d'icônes gratuits & une façon de se faire connaître Dans cet article, vous découvrirez à la fois une collection d’icônes gratuites à télécharger sur plusieurs thématiques et une bonne façon de se démarquer en faisant du personal branding ! Les 11 packs d’icônes qui suivent ont tous été créés par une seule et même graphiste thaïlandaise : « AomAm » (Behance). Des icônes de fruits, camping, bières, cafés, sports, cosmétiques, sur le domaine de la médecine, autour de l’été, … tous disponibles sous Illustrator et Sketch et téléchargeables gratuitement. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.

1303 Icon packs for free - Vector icon packs - SVG, PSD, PNG, EPS & Icon Font - Free Icons Social media platforms (Pinterest, Facebook, Twitter, etc) Select your favorite social network and share our icons with your contacts or friends, if you do not have these social networks copy the link and paste it in the one you use If you have any other questions, please check the FAQ section For example: websites, social media, blogs, ebooks, newsletters, etc. Copy this link and paste it wherever it's visible, close to where you’re using the resource. For example: books, clothing, flyers, posters, invitations, publicity, etc. Insert the attribution line close to where you're using the resource. For example: 'image:'. Online video platforms (Youtube, Vimeo, etc.) Paste this link in the appropiate area of the video description. Apps, games, desktop apps, etc Paste this link on the website where your app is available for download or in the description section of the platform or marketplace you’re using.