exljbris Font Foundry Responsive design : définition, fonctionnement, ressources et tutoriels « Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. De nos jours, il n’y a pas un client qui demande un site Internet sans demander une version mobile de celui-ci. Seulement en quelques années le nombre d’appareils et de résolutions servant à consulter des sites web a tout simplement explosé : ordinateurs, smartphones, tablettes, web TV, grille-pain, format portrait, paysage, etc… Entre 2005 et 2008 on a identifié pas moins de 400 résolutions d’écran différentes pour tous les appareils vendus. Définition du responsive web design La mise en page La typo
Media Queries How to Use Web Fonts and the @font-face CSS Method The days of web safe fonts are about to end thanks to all the great attempts of designers, developers and industry leaders around the world. The good thing in digital production industry is the community of people who are always pushing the boundaries to their limits. Then when it becomes a new standard or convention its pushed forward again by the same community even further. Technologies like Cufon, sIFR, FLIR and @font-face are some good examples of this. We will investigate the use of @font-face CSS method, which is stronger, simpler and more flexible. I still think with good use of typography this small list of web safe fonts are enough to create basic typographic impact, but having more options and variations also excite me in another way. What is @font-face @font-face is a CSS rule which allows you to embed a particular custom font from your server to render a webpage even if its not already installed on site visitor’s computer. Formats How web fonts are licensed? How to make it work
ProtoFluid. Responsive Design Testing. SDK Before installing Android Studio or the standalone SDK tools, you must agree to the following terms and conditions. This is the Android Software Development Kit License Agreement 1. Introduction 1.1 The Android Software Development Kit (referred to in this License Agreement as the "SDK" and specifically including the Android system files, packaged APIs, and Google APIs add-ons) is licensed to you subject to the terms of this License Agreement. 2. 2.1 In order to use the SDK, you must first agree to this License Agreement. 3. 3.1 Subject to the terms of this License Agreement, Google grants you a limited, worldwide, royalty-free, non-assignable, non-exclusive, and non-sublicensable license to use the SDK solely to develop applications for compatible implementations of Android. 3.2 You may not use this SDK to develop applications for other platforms (including non-compatible implementations of Android) or to develop another SDK. 4. 5. 6. 7. 8. 9. 12. 13. 14.
14 Top Typeface and Font Combinations Resources By Douglas Bonneville on December 3, 2009 One of our most popular font articles is about how to create good font combinations. But don’t take our word for it! We’ve collected a cadre of excellent articles to help you make even better typeface pairs. Take a look at our font combinations article and the free PDF after you peruse this list. (10/12/2010 – Updated) (8/29/2010 – Font Combinations book released) (7/23/2010 – Updated) (5/26/2010 – Updated list again) (3/16/2010 – The list has been updated with more resources) Remember, a typeface is a whole set of fonts with all its variations. 19 top fonts in 19 top combinations Complete with graphics and a PDF chart to get you going! BTW: The Big Book of Font Combinations wants you to stop by and check out its samples. And don’t forget to check out our very own “19 top fonts in 19 top combinations” article, complete with graphics and a PDF chart to get you going! Even more font pairing resources Happy font combining!
Responsive Webdesign – présent et futur de l’adaptation mobile - Alsacreations Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design". Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. On entend parler de "Responsive Webdesign" depuis plusieurs années maintenant, et le sujet s'est vraiment démocratisé et popularisé en 2012. Dans cet article, nous allons nous intéresser à ce qui est aujourd'hui déjà possible en terme d'optimisation de sites pour mobiles, mais également à ce qui sera possible dans le futur. L'état des images dans le responsive webdesign Quelle meilleure manière d'aborder le sujet que de commencer par ce qui pose un gros souci : la gestion des images. Beaucoup de designers adorent le "pixel-perfect", mais les images de taille "normale" sont souvent "pixelisées" lorsqu'elles sont affichées sur des écrans haute définition. La solution flexbox La solution Grid Layout
CSS Media queries: le basi | Guida CSS3 Già nelle prime specifiche dei CSS era previsto un meccanismo adatto a servire fogli di stile ad hoc a seconda del dispositivo di visualizzazione. È quello basato sull’utilizzo dell’attributo media e dei diversi tipi di media. L’ambito di applicazione in cui tale tecnica si è rivelata più utile è forse quello dei CSS per la stampa. Nei CSS3 il meccanismo di base è stato notevolmente migliorato e reso più efficace, fornendo agli sviluppatori uno strumento molto potente per servire stili specifici non solo in base ai dispositivi di fruizione ma anche a diverse caratteristiche degli stessi. Si entra così nell’epoca delle media queries. Come recita la definizione che appare nella specifica, “una media query consiste nella dichiarazione di un tipo di media e di zero o più espressioni che verifichino le condizioni di validità o non validità delle caratteristiche di un certo media”. Molto più semplice far parlare un esempio: Nel contesto dell’attributo media abbiamo definito una media query.
fonts, typefaces and all things typographical — I love Typography (ILT)