Melody - by molovo
http://melody.molovo.co.uk
Welcome to Melody, an extremely lightweight CSS grid framework. I’ve adapted and borrowed elements from a number of other frameworks to evolve this into something that meets my needs, and done things a little differently to make it more flexible.
#WebPage #Test Details - Paris : www.mond...13/04/HALIMI/48965 - 03/29/13 12:41:33
http://www.webpagetest.org/result/130329_J4_F4Z/1/details
Pourquoi je n’utilise pas les préprocesseurs CSS ?
Ils complexifient CSS
Ils n’ajoutent pas de fonctionnalités CSS aux CSS
Ils ne font pas (toujours) gagner de temps
Ils peuvent être dangereux pour le standard CSS (et provoquer une confusion)
►http://blog.iamvdo.me/post/45259636008/pourquoi-je-nutilise-pas-les-preprocesseurs-css
Voir aussi : http://blog.goetter.fr/post/46331150918/les-preprocesseurs-et-moi#_=_
Tout cela résume bien mon opinion sur le sujet.
CSS browser rendering optimizations :
http://addyosmani.com/blog/devtools-visually-re-engineering-css-for-faster-paint-times
Avec (et pour ?) Chrome/webkit...
ImageOptim — make websites and apps load faster (#GPL)
http://imageoptim.com
ImageOptim optimizes images — so they take up less disk space and load faster — by finding best compression parameters and by removing unnecessary comments and color profiles. It handles PNG, JPEG and GIF animations.
http://imageoptim.com/screen-lion.png
CodeKit (25$)
http://incident57.com/codekit
http://incident57.com/codekit/images/hero-window.png
#outils de #webdev vus dans https://speakerdeck.com/chriscoyier/lets-do-a-bunch-of-simple-stuff-to-make-websites-faster signalé par @cerdic
#optimisation_facile
Yslow propose des images optimisées par smush.it, cette vignette y perd 3kilos !
http://ysmushit.zenfs.com/results/e4eb0afd/smush/local/cache-vignettes/L285xH180/hero-windowp66bf-a1b38.png
Code Snippets | CSS-Tricks
http://css-tricks.com/snippets
plein de snippets dans les différents langages de dev web (CSS3, jQuery en particulier)
Paris Web – How Designers Destroyed the World
http://www.paris-web.fr/2012/conferences/10-new-year-s-resolutions-designers.php
http://www.dailymotion.com/video/xvbacz_how-designers-destroyed-the-world-by-mike-monteiro_tech
You are directly responsible for what you put into the world. Yet every day designers all over the world work on projects without giving any thought or consideration to the impact that work has on the world around them. This needs to change.
Vous êtes directement responsable de ce que vous apportez au monde. Et pourtant, chaque jour dans le monde entier, des designers travaillent sur des projets sans accorder la moindre considération à l’impact que leur travail a sur le monde autour d’eux. Il faut changer cela.
Une des « grosses conf. » de PW cette année.
Appel aux #déserteurs :
Il est plus facile de se remettre de perdre son boulot que de se remettre d’avoir perdu l’#estime-de-soi.
#démission #collaboration #industrie #destruction-du-monde :)
Le « UA Sniffing » c’est mal. Mais si vous êtes obligé (je prie pour que ça ne m’arrive pas)...
WURFL - Mobile Device Database by ScientiaMobile
http://wurfl.sourceforge.net/wurfl.php
WURFL = Wireless Universal Resource FiLe
Note: At the time when WURFL was first created (2001), the term ’wireless’ referred to mean what we currently call ’mobile’.
WURFL is a Device Description Repository (DDR), i.e. a framework that enables applications to map HTTP requests to a description of the capability of the mobile device that requests the page.
In this regard, WURFL pre-dates the time when the DDR term was coined and could arguably be caracterized as the first DDR.
In the last year, WURFL role has expended from being a DDR for mobile devices to being a framework to detect every HTTP client worth recognizing.
Thanks to WURFL, mobile web sites and application can :
– programmatically abstract away devices differences
– avoid the need to modify applications whenever a new device ships
– avoid the need to track new devices on the market
– WURFL is a global database of all devices and the API to tap that information programmatically.
Toutes mes excuses à ceux que j’aurais choqué.
#webdev #mobile #UA_sniffing #mal #pas_bien
The Elm Programming Language
Elm aims to make front-end web development more pleasant. It introduces a new approach to GUI programming that corrects the systemic problems that make HTML, CSS, and JavaScript a headache to use. Elm allows you to quickly and easily work with visual layout, use the canvas, manage complicated user input, and escape from callback hell.
Encore un langage... mais il a des arguments....
Email testing just got easy ! | Campaign Monitor
http://www.campaignmonitor.com/testing
Testing your design in all the different email clients out there is the most frustrating part of sending email campaigns. Our design and spam testing tool changes all that by doing the hard work for you
HTML EMAIL BOILERPLATE v 0.5 updated 11/5
http://htmlemailboilerplate.com/#f2
Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.
iScroll 4
http://cubiq.org/iscroll-4
“The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.
While latest Android revisions are supporting this functionality (although support is not optimal), Apple seems reluctant to add one finger scrolling to divs.
In addition to all previous iScroll features, version 4 introduces:
Pinch / Zoom
Pull up/down to refresh
Improved speed and momentum
Snap to element
Customizable scrollbars”
#webdev #javascript #mobile #scroll
À suivre sur le Web | Maestru
http://www.maestru.fr/a-suivre-sur-le-web-30.html
« Par exemple, la surface réelle de quelques terminaux Apple :
320x480px pour l’iPhone 3
480x960px pour l’iPhone 4
480x1136px pour l’iPhone 5
768x1024px pour l’iPad 2
1536x2048px pour l’iPad 3 »
la version originale (avec les illustrations, ... et les pubs) : ►http://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html
cc @supergeante
Développer une web-app iphone avec mise en cache, base de données locale et server-sent events par devblog.fr
http://www.devblog.fr/2010/10/07/web-app-iphone-cache-manifest-base-locale-server-sent-events
« Développer une web-app iphone avec mise en cache, base de données locale et server-sent events »
device-width and how not to hate your users
http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html
Combining meta viewport and media queries - QuirksBlog
►http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html
twitter-text-js
https://github.com/twitter/twitter-text-js
A JavaScript utility that provides text processing routines for Tweets. This library conforms to a common test suite shared by many other implementations, particularly twitter-text.gem (Ruby). The library provides autolinking and extraction for URLs, usernames, lists, and hashtags.
#code #JavaScript #webdev #Twitter
CSS maintenables - romy.tetue.net
http://romy.tetue.net/css-maintenables
http://romy.tetue.net/local/cache-vignettes/L500xH500/css-maintenables-kaelig-81d01.jpg
C’est le bouquin de cette rentrée 2012, à mettre d’urgence entre les mains de tous les développeurs front et intégrateurs web ! Ce guide incontournable aborde l’intégration de façon inédite, en traitant de la qualité du code pour garantir sa maintenabilité dans la durée.