TUTO - La boîte à outils du dev front débutant
Suite à la vidéo - The Rocket Landing - voici un listing de plus d'une vingtaine d'outils et ressources (frameworks, extensions, banques d'images, bibliothèques de polices...) faciles à prendre en main afin d'optimiser le design de vos récentes créations. Frameworks Si vous souhaitez tester une idée rapidement, alors les frameworks CSS sont un véritable pain béni avec lesquels vous construirez l'intégralité de votre landing page en utilisant simplement le markup HTML. Images & icones Il peut être fastidieux de chercher, explorer et fouiller dans les tréfonds du web pour trouver des photos libres de droits. Indispensables, les icones font sens rapidement auprès des utilisateurs et sont souvent plébicitées par les web designers et marketers. Couleur Les goûts et les couleurs se chinent ici et là sur le web en utilisant l'excellente extension Color Zilla. Font Pour de nombreuses personnes, la typographie est un art. Les services indispensables En bonus
A Closer Look At Font Rendering
Advertisement The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. Choosing and using a font is not merely a stylistic issue, and it’s worth having a look at how the technology comes into play. While we cannot change which browser and OS our website visitors use, understanding why fonts look the way they do helps us make websites that are successful and comfortable to read in every scenario. Until recently, there were only a small handful of “Web safe” fonts we could use. Now that we have a great choice of fonts that can be used on websites, it becomes clear that the translation of a design into pixels is not something that happens naturally or consistently. Rendering Strategies Ideal shape, black-and-white and grayscale rendering Rasterization In digital type, characters are designed as abstract drawings. Windows Mac OS X
lorempixel - placeholder images for every case
Achieving good legibility and readability on the Web
Published • 22 Mar 2011 My last piece on web typography provided an exhaustive look at getting type to the Web, covering the ins and outs of the @font-face technology. Now that we can get the fonts we want rendered on the Web, let’s examine legibility and readability more closely by covering the elementary typographic factors that affect them. At first, typography can seem like an inherently dull field — dealing with fonts and sizes, bolding this, and italicising that could come across as rather arbitrary, or as difficult: where does one start? Definition and purpose Definitions avoid confusion, and purpose gives us a light at the end of the tunnel. You will have already made a “typographic” decision by selecting an adequate typeface (digitally, a font) for whatever project you have in mind. Each of us probably has a good grasp of what we think constitutes good typography. Legibility Readability Legibility is distinct from readability. Highlight relationships and provide navigation Typeface
Fontface Ninja
Analytics | Monitor anything in your app and improve the experience of your app.
Measure App Usage View your app open rates and API request data via the Parse dashboard. See real-time analytics on API requests based on REST verbs, device type, and Parse class being accessed. Optimize Push Campaigns Monitor the effectiveness of your push campaigns with powerful and easy-to-use analytics tools. Track Custom Analytics With a single line of code, track any data point you can imagine in your app. Growth Analytics Measure active users, installations, retention data, and more with Growth Analytics. Powerful Dashboard View all of your app usage, push campaigns, and custom analytics in the user-friendly Parse dashboard. Share data between platforms
Bower
❍ IcoMoon
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. IcoMoon was first built and released back in the November of 2011. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source 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. IcoMoon is created and maintained by Keyamoon and it is currently operating under Roonas. Need to contact us?
