40+ High Quality Free Social Media Icons Designers, we know you love free icon sets! Having quality icons can help to make a website’s design look complete and can also help with the usability of the site. Social media icons are some of the most commonly used icons, especially in blog design and emails. Of course, social media icons can be extremely useful for getting more exposure for your social profiles and growing your following. Fortunately, there are many high-quality sets of free social media icons you can use in your social media marketing. Of course, be sure to check the terms of use or license before you download icons and use them in your designs. If you’re looking for simple social media logos to use, this set from Flaticon is perfect. File formats: SVG, EPS, PNG, PSD This is a huge pack with 117 different icons. Simple Socia Icons This small set from Vecteezy includes beautiful icons for some of the most popular platforms, like Facebook, Instagram, TikTok, LinkedIn, Twitter, and more. File formats: EPS, JPG
Build a Dynamic Dashboard With ChartJS - Tuts+ Web Design Tutorial Today we will be creating a dynamic dashboard with live charts, through the power of ChartJS. ChartJS is a powerful, dependency free JavaScript library which builds graphs via the canvas element. Best of all, it's easy for designers to get up and running. We're going to build our dashboard on top of HTML5 Boilerplate. # On the command line git clone git@github.com:h5bp/html5-boilerplate.git chartjs_dashboard Next, we'll grab ChartJS. Tip: in production, you would use the minified version of the JavaScript, to make the dashboard more performant. Your file structure should look like this: ├── 404.html ├── crossdomain.xml ├── css │ ├── main.css │ └── normalize.css ├── favicon.ico ├── img ├── index.html ├── js │ ├── main.js │ ├── plugins.js │ └── vendor │ ├── jquery-1.10.1.min.js │ └── modernizr-2.6.2.min.js └── robots.txt Note: this does not include some of the files included in H5BP that we won't be using. dark blue: #637b85green: #2c9c69yellow: #dbba34red: #c62f29
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.
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.
❍ Icon Packs IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon packs in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font with ligatures, or good old PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icons are being used in web today. IcoMoon is constantly improving and it offers many unique features. With over 5000 open source and free icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us?
Free Vector graphic art, free photos, free icons, free website templates, psd graphic, photoshop brush, font, free download Gallery · mbostock/d3 Wiki Wiki ▸ Gallery Welcome to the D3 gallery! More examples are available for forking on Observable; see D3’s profile and the visualization collection. Please share your work on Observable, or tweet us a link! Visual Index Basic Charts Techniques, Interaction & Animation Maps Statistics Examples Collections The New York Times visualizations Jerome Cukier Jason Davies Jim Vallandingham Institute for Health Metrics and Evaluation Peter Cook Charts and Chart Components Bar Chart Histogram Pareto Chart Line and Area Chart Pie Chart Scatterplot and Bubble chart Parallel Coordinates, Parallel sets and Sankey Sunburst and Partition layout Force Layout Tree Misc Trees and Graphs Chord Layout (Circular Network) Maps Misc Charts Miscellaneous visualizations Charts using the reusable API Useful snippets Tools Interoperability Online Editors Products Store Apps
Les 40 packs d'icônes gratuits incontournables de 2016 - Blog Tuto.com 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.
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.
jQuery Before/After Plugin Not long ago the New York Times had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it. Here’s the result: Pretty slick no? The possibilities for this plugin are endless. Being used by: and many more… Download Download jquery.beforeafter.zip (version 1.4) What’s So Great About this Plugin? Slick effect, no Flash neededIt’s just 7 Kb (5 Kb compressed)Reusable on multiple containersDegradable. How to Use First, your before and after images must be the same size. The plugin requires jQuery (of course) and the draggable component of jQueryUI. That’s it! Tablets/Mobile Demos
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.
yrezgui/AngularJS-Learning