PUBLIC MARKS from decembre with tags design & dev

A well-known dictum states that web design is 95% typography. Despite the prevalence of rich media, videos and games, people come to the web primarily to read. Making that reading experience comfortable, interesting and enjoyable is a major factor in keeping people on web sites longer and enhances their ability to retain and remember information. Goals: Control the display of web page text to enhance communication. Prerequisite: Color Total time: 8 hours

Outer means outerWindow size (including toolbar, addressbar and such), Inner means innerWindow size (interior of the browser window).

Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you.

Some photolist pages on Flickr use infinite scrolling, and some display results one page at a time. Regardless of how a page shows its photos, it starts to feel messy when there is an incomplete row of photos hanging off the end of the page. If there is more content in the set, the last row should be full. However, since we fetch photos from the API in fixed batch sizes, things don’t always work out so nicely, leaving “leftovers” in the bottom row. Borrowing from typesetting terminology, we call these leftover photos orphans. (We can also paginate backwards; leftovers at the top are technically widows but we’ll just keep using the term orphans for simplicity.)

Why use SVG at all?: Small file sizes that compress well__ Scales to any size without losing clarity (except very tiny)__ Looks great on retina displays__ Design control like interactivity and filters__

the browser only knows the size of the viewport when it begins downloading images.

Un favicon, c’est une photo iconisée avec une extension en .ico que vous trouvez la plupart du temps devant un url. Tous les blogs ne possèdent pas de favicon et c’est bien dommage car quand on a une bonne dizaine d’onglets ouverts, on aime bien se repérer grâce au favicon. xiconeditor.com neditor.com (De loin le plus complet ) cursorwiz.com Favigen.com Iconverticons.com Dagondesign.com Favicon-generator.de Degraeve.com/favicon Ngin.de/icon-editor

Créer des jolies icônes façon Adobe (Photoshop, Dreamweaver, Indesign..etc.) : petite application Air (donc fonctionnant sous Windows, Linux et Mac) baptisée Icon Generator Pro. Grâce à cette appli, vous pourrez générer des icônes façon CS5 : Sans oublier le mythique macaron « en promo », « beta » ou « 2.0″. L’application est même capable d’uploader directement cette icône sur votre compte twitter pour en faire votre image de profil (le truc trop inutile). Icon Generator Pro est téléchargeable ici gratuitement.

Le Webdesign puisé à la source : de nombreux articles de référence traduit en français.