Remettre en question sa manière de coder, améliorer l'UX sur mobile et les favicon : les liens des semaines 34 et 35

Voici les liens pour les semaines du 18 au 31 août 2014 :

CSS guidelines et checklist pour les web designers : les liens de la semaine 33

Voici les liens pour la semaine du 11 au 17 août 2014 :

  • CSS Guidelines

    Le génial Harry Roberts, a.k.a. CSS Wizardry, propose ses fameuses CSS Guidelines dans une version réactualisée et retravaillée (le projet n'est cependant pas encore terminé).

    Une lecture indispensable pour tout intégrateur qui se respecte.

    http://cssguidelin.es/

  • Web Designers Checklist

    Vous êtes graphiste ? Vous designez pour le web ? Cette checklist peut vous intéresser.

    On y retrouve pleins de choses à faire et/ou respecter si vous réalisez une maquette pour le web et notamment si vous travaillez en équipe avec d'autre graphistes et/ou des intégrateurs et développeurs.

    http://webdesignerschecklist.com/

Performance des sites responsive, parallaxe en CSS et box-model : les liens de la semaine 32

Voici les liens pour la semaine du 4 au 10 août 2014 :

SVG, images responsives et comportement du CSS : les liens des semaines 29, 30 et 31

Voici les liens pour les semaines du 14 juillet au 3 août 2014 :

(Et oui, j'étais en vacances ces dernières semaines, donc pas de blog.)

Des super e-mails et les bugs de fonts web : les liens de la semaine 28

Voici les liens pour la semaine du 7 au 13 juillet 2014 :

Exemples de code avancé, guide d'utilisation des marques sur Internet et images retina : les liens de la semaine 27

Voici les liens pour la semaine du 30 juin au 6 juillet 2014 :

  • simpl.info

    Des exemples très simples pour comprendre et appliquer les fonctionnalités les plus avancées en HTML, CSS et JavaScript.

    http://www.simpl.info/

  • Find Guidelines on the web

    Ce site recense les recommandations des principaux réseaux sociaux et autres entreprises du web (Facebook, Twitter, LinkedIn, etc) pour représenter leur marque.

    http://findguidelin.es/

  • Retinize It

    Un script Photoshop très pratique pour exporter vos images pour les écrans HDPI.

    A partir de vos calques de formes vectorielles ou Smart Objects, le script crée une image augmentée à 200% que vous n'avez plus qu'à appeler dans une media query adaptée.

    http://retinize.it/

Réduire son CSS et vue adaptative dans Chrome 38 : les liens de la semaine 26

Voici les liens pour la semaine du 23 au 29 juin 2014 :

CSS critique, idées pour l'UI et conventions de nommage : les liens de la semaine 25

Voici les liens pour la semaine du 16 au 22 juin 2014 :

  • Critical Path CSS Generator

    Les ressources CSS externes bloquent le rendu de la page le temps d'être téléchargées. Pour accélérer l'affichage du contenu de votre page, une des solutions est d'extraire le contenu CSS dit « critique ».

    Ce n'est pas une mince affaire quand votre fichier CSS fait plusieurs milliers de lignes. Ce script peut réaliser ce travail pour vous !

    http://jonassebastianohlsson.com/criticalpathcssgenerator/

  • Call to idea

    Pleins d'idées pour réaliser des composants d'UI, classées par catégories.

    http://calltoidea.com/

  • CSS Naming Conventions: Less Rules, more Fun

    Un article sur les conventions de nommage en CSS. Un de plus ? Oui et non.

    Sans prendre parti pour BEM, SMACSS ou autres, l'idée est de réduire un peu le nombre de règles pour donner plus de flexibilité.

    https://medium.com/@drublic/css-naming-conventions-less-rules-more-fun-12af220e949b

Animations, dégradés et mise à jour navigateur : les liens de la semaine 24

Voici les liens pour la semaine du 9 au 15 juin 2014 :

  • bounce.js

    Un outil interactif pour créer facilement des animations en CSS. Tout est dit.

    http://bouncejs.com/

  • Outdate Browser

    Ce script détecte si un navigateur obsolète est utilisé et conseille à l'utlisateur une mise à jour, au choix parmis les 5 grands navigateurs.

    Le design est pour une fois très plaisant!

    http://outdatedbrowser.com/

  • A Single Div

    Un projet de dessin assez particulier : toutes les oeuvres sont réalisées en CSS avec une seule div.

    http://lynnandtonic.github.io/a-single-div/

  • CSS Gradients with background-blend-mode

    Des exemples de fond en dégradé utilisant la propriété background-blend-mode.

    A noter que cette propriété n'est supportée que sur les dernières versions de Firefox, Chrome et Opéra.

    http://bennettfeely.com/gradients/

Hauteurs égales et hiérarchie visuelle : les liens de la semaine 23

Voici le lien pour la semaine du 2 au 8 juin 2014 :