T’es développeur dans le monde du web mobile ? Tu veux savoir tout ce qu’il ne faut pas faire ? Va jeter un coup d’oeil sur WTF Mobile Web…
Ca se passe de commentaires, mais il faut quand même aller les lire sur WTF Mobile Web, c’est très drôle. Il y a clairement encore beaucoup de progrès à faire.
C’est joooooli, non? Et le code pour faire tout pareil est dispo ici.
Et ouais, encore! Enfin pour les habitués, pas de changement majeur, ce n’est qu’une grosse retouche esthétique, mais la présentation générale reste la même: 2 colonnes, la sidebar à gauche en menu déroulant, une home limitée au strict minimum (les articles, rien que les articles) et aucune image dans le thème hormis le fond de page.
Par contre, le plus gros du boulot est dans ce qu’on ne voit pas: j’en ai effectivement profité pour ré-écrire de fond en comble tout le thème en HMTL5 et CSS3, en me basant sur l’excellent template de HTML5 Reset.
Comme d’habitude, je fignolerai au fur et à mesure afin de corriger les derniers bugs. Pour info, le code est plutôt orienté WebKit donc l’expérience sera meilleure sous Safari et Chrome. Pour Firefox et Internet Explorer, ça reste cependant tout à fait acceptable…
Basic HTML & CSS for non-web designers, c’est comme ça que Jessica Hische et Russ Maschmeyer décrivent leur site prometteur, Don’t Fear the Internet, dont le but sera de démystifier les bases du webdesign à l’aide de tutoriaux vidéo en s’adressant clairement à ceux qui ne veulent pas forcément en faire leur métier, mais juste avoir un blog un peu moins moche.
Le premier article précise que si les exemples seront basées sur WordPress, les enseignements eux ne seront pas spécifiques à cette plateforme. J’aime beaucoup l’idée, et comme je me suis reconnu dans la cible, je vais suivre ce blog avec beaucoup d’intérêt.
Voila encore un bel exemple de ce qu’on peut réaliser en HTML5 avec un peu d’imagination et beaucoup de talent. Et surtout, comment donner envie de découvrir cette application, alors qu’il en existe des dizaines d’autres identiques sur l’App Store.
Ah, au fait, sur Ben the Bodyguard, il suffit de scroller…
Pour découvrir (ou redécouvrir) en s’amusant les 104 éléments qui composent le HTML5, un joli outil au design soigné développé par Josh Duck, façon tableau périodique des éléments.
Au delà du coté joujou, la possibilité de vérifier pour n’importe quel site s’il utilise ou pas des éléments HTML5 ainsi que le nombre d’occurrences.
Comme l’a justement remarqué Beautiful Pixel, la nouvelle page de connexion au service MobileMe est superbement animée et réagit même au mouvement de votre souris. J’aime ce soucis du détail. Magnifique!
Et allez, même si tu es contre les produits Apple et/ou que tu n’as ni iPad, ni iPhone, ni iPod pour profiter de la nouvelle gratuité du service Find my iPhone, tu peux quand même jeter un coup d’oeil sur la page en question, ça ne te coûtera rien de regarder.
Belle présentation sur le CSS3, réalisée par Lea Verou, et consultable directement dans votre navigateur (il suffit de parcourir dans les différents slides avec les touches fléchées de votre clavier). Elle y détaille chaque nouveauté du CSS3 par l’exemple, et adresse point par point les différentes limitations du CSS2.1.
The old way:
The CSS3 way:
Et indespensable, à chaque nouvelle propriété, il est précisé si c’est supporté par les principaux navigateurs.
Le disclaimer indique que cette présentation a été développé pour Firefox 4 beta et risque de ne pas s’afficher correctement sur les autres navigateurs ne supportant pas encore certaines propriétés.