Intégration
Get flash to fully experience Pearltrees
Je suis tombé en début d’après-midi sur un article de Ross Johnson sur le blog http://3.7designs.co/ et je ne doute pas que vous avez déjà rencontré, comme la plupart d’entre nous, ce genre de situation sans pouvoir lui associer un nom. Ceci étant la version française de l’article A humbling observation on the state of web designers . A noter que cet article est composé d’un extrait de l’article What’s in a name: The duality of user experience d’Andy Budd comme mentionné. Je sais pas si vous êtes comme moi, mais il y a un truc qui m’énerve au plus haut point c’est de devoir traiter des bugs qui ne sont pas clairement identifiés par le rapporteur.
Les intégristes
Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. Le premier d'entre-eux est que CSS3 est toujours en état de brouillon pour une grande partie. Fort heureusement, cela n'empêche pas les navigateurs récents de se lancer dans l'aventure en proposant des implémentations de propriétés considérées comme "sûres".
Osez HTML5 et CSS3 ! - Alsacréations
Révision du langage HTML et du CSS et autres trucs de dev | Daur
Un petit bout de javascript à mettre dans les favoris. En un clic vous aurez les images du background dans un sprite CSS. C’est pas parfait mais c’est un bon début. Une suite de “petits trucs” pour limiter le nombre d’image dans son design grace au CSS. L’avantage c’est que ça se charge plus vite, l’inconvénient c’est qu’on risque de finir par se pendre avec la compatibilité sur tous les navigateurs… Et là tous les reragrs se tournent vers IE. Expliquées un peu différemment et peut être un peu plus complet que le précédent.
Le blogzine de l'intégrateur web : du Design Web au HTML5, CSS3 et jQuery en passant par la création graphique
Il n’existe pas de méthode universelle pour faire un site web. Tout au plus peut-on dégager de la pratique quelques principes de conception pour organiser le code HTML et CSS d’un projet à l’autre. Dans cette optique, Jonathan Snook (@snookca) nous fait profiter de son expérience avec SMACSS. Vous l’aurez compris, SMACSS fait la part belle aux règles CSS que l’auteur a divisé en quatre parties : base, maquette (structure), module et état. Cet article est un bref aperçu de la première partie du livre pour vous donner l’eau à la bouche.Chromafiltre
Le Chromafiltre est un outil Flash 1 vous permettant de choisir et d'accorder visuellement des couleurs. La roue chromatique utilisée par l'auteur, Olivier de Brito, a l'originalité d'être basée sur les trois couleurs primaires classiques des peintres, à savoir le rouge, le jaune et le bleu. Deux sections sont disponibles en bas de l'outil: le Cercle: choisissez jusqu'à trois couleurs, accordez-les à votre guise, puis récupérez les codes HTML correspondants. les Gammes: près de 140 accords de couleurs prêts à l'emploi, que vous pouvez obtenir en choisissant conjointement un effet (de "puissante" à "sobre") et un type d'accord (de "analogue" à "contrastée"). La présence de la roue chromatique ainsi que les textes explicatifs pour chaque gamme en font un outil didactique appréciable.
WAVE is a free web accessibility evaluation tool provided by WebAIM . It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page. The WAVE Firefox toolbar allows you to evaluate web pages directly within your browser.