Utile

Facebook Twitter
Yahoo! Smush.it™

Yahoo! Smush.it™

Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not link to the smushed images on Smushit.com since they will only be available there temporarily. Instead, download the zip file containing the smushed images for your web page and replace your image files with those files.
Le Guide Ultime des Dimensions des Objets des Plateformes Social Media [Infographie] Les médias sociaux évoluent rapidement et vu le nombre de plateformes, il n’est pas toujours évident de se rappeler les spécifications propres à chacune d’entre elles en terme de design. Terminons donc la semaine sur une infographie pratique qui rassemble toutes les caractéristiques des objets (images, annonces, vidéos etc.) composant les profils et les pages social media de 7 plateformes principales : Facebook, Twitter, Google Plus, Pinterest, LinkedIn, Instagram et Youtube. Source : tentsocial.com Catégorie: Social Media Le Guide Ultime des Dimensions des Objets des Plateformes Social Media [Infographie]
This video is currently unavailable. Sorry, this video is not available on this device. Video player is too small. Watch Later as __user_name__ as __user_name__ Normal Best of Fluent 2012: /Reg(exp){2}lained/: Demystifying Regular Expressions Best of Fluent 2012: /Reg(exp){2}lained/: Demystifying Regular Expressions
This data type randomly generates human names (mostly Western) according to the format you specify. You can specify multiple formats by separating them with the pipe (|) character. The following strings will be converted to their random name equivalent: This data type randomly generates names.

generatedata.com

generatedata.com
audreyr/favicon-cheat-sheet audreyr/favicon-cheat-sheet README.rst favicon-cheat-sheet A painfully obsessive cheat sheet to favicon sizes/types.
Javascript Best Practices Part 1 Make it Understandable Choose easy to understand and short names for variables and functions. Bad variable names: Javascript Best Practices Part 1
Choosing A Responsive Image Solution Advertisement If you code websites, it’s a good bet that at least one of your clients has asked about or requested a mobile-friendly website. If you go the responsive design route (whereby your website is flexible enough to adjust visually from mobile to desktop widths), then you’ll need a strategy to make images flexible, too — a responsive image solution. The basics are fairly simple to learn, but once you’ve mastered them, you’ll find that scaling images is only the beginning — you might also have performance and art direction conundrums to solve.

Choosing A Responsive Image Solution

15 Must Have Google Chrome Extensions for Web Development 15 Must Have Google Chrome Extensions for Web Development In this article you’ll find 15 Must Have Google Chrome Extensions for Web Development. It includes the best Google Chrome Extensions for any web developer which can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. Here are the Google Chrome extensions that you should find very useful. You may also be interested in one of these older posts20 Awesome Firefox Add-ons For Web Developers 12 Indispensable Adobe AIR Apps for Web DevelopersList Of Essential PHP Quick References And CheatSheets10+ Rare WordPress Theme Options Page Tutorials To Get You Started
Git is an extremely powerful and sophisticated system for distributed version control. Apart from offering a novel approach to source code management, Git offers a great deal of features. Sadly, learning how to use Git can be confusing for anyone, not just beginners. As a result, in this roundup, we have collected some of the best resources for learning Git to help you initially get started with Git, and then, eventually mastering it. Git – The Simple Guide by Roger Dudler Resources For Learning Git Resources For Learning Git
jQuery Builder
Compress PNG Images Online Compress PNG Images Online Why should I use CompressPNG? PNG is an image format specifically designed for the web. Though the downside to this file format is its usually large file size. Use PNG compressor to reduce image size for your apps and websites. Compressed PNG images can speed up the entire page load time of your website. Why is CompressPNG unique?
Advertisement This post should be titled “Getting Ahead of Yourself.” “…By a Few Years,” actually. Here’s the deal: at the time I’m writing this, early 2013, there’s no way to accurately design for the Web using physical units, nor will there be for a very long time. But there is a way to design while knowing the physical characteristics of the device — or, at least, there will be in the very near future. Different devices can have a similar screen resolution, yet entirely different physical factors. iPad (1st generation) has the diagonal size of 9.7″, the resolution 1024 × 768 and 132 ppi. Responsive Web Design With Physical Units
Fonts

Images

25 Web development resources to help you create better websites | Developer Drive As a developer I am always on the hunt for time saving resources, anything that can save me just a few minutes of time is a great help in an already hectic schedule. Compiled here is a list of 25 resources that are bound to make your life a little bit easier. I have added different CSS3 grid systems, as well as several code generators, whether you need a button or a pattern there should be something here for everyone, I have also added some font generators, if you are having problems with your code then you will find a code checker as well as other resources. I hope some of these apps will be of use to you when you are building your next website.
5 Simple and Practical CSS List Styles You Can Copy and Paste Who doesn’t love a good list? We use them constantly in our markup for a variety of different situations. Today we’re going to take a look at a few simple and practical examples that you can steal and use in your own work. We start off with a fun animated vertical list, then style up a list with thumbnails and text, another with just images and finally an ordered list where the numbers are styled differently than the rest of the type. There’s a ton of great things to learn here so let’s jump in! HelvetiList
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. Jonathan T. Neal | Understand the Favicon
A Complete Guide for Building HTML5 Games I’m currently spending most of my time explaining to students, hobbyists, professional developers and teachers how to build games using HTML5. I then recently thought: rather than keeping all these details for small audiences, wouldn’t it be smarter to share it with you? This article is then based on my own experience. I will probably omit some crucial things some of you may know.
10 outils pour le Web mobile
codylindley/frontend-tools
Specificity Calculator
Bureautique

Emailings

Toshop

Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
icons

CheatSheets