css 4 design est un blog sur l'intégration web HTML, CSS et Javascript sans oublier le graphisme et l'ergonomie. Du webdesign, en somme
Cela fait longtemps que j’envisage de mettre mon thème WordPress Basics et son thème enfant Beyond Basics sur Github. L’intérêt est double : 1) mieux gérer les mises à jour et les tests de nouvelles fonctionnalités, et 2) faciliter le côté «thèmes à emporter» pour les développeurs qui sont les destinataires principaux de ce «blank thème». Par ailleurs, la création des .zip à la volée m’évitera de jongler avec la mise à disposition des téléchargements pour les versions intermédiaires. Pour tout savoir sur l’installation de Git et l’utilisation de Github, je vous conseille la lecture du tutoriel Gérez vos codes source [...]
CSS Selectors – Si comme moi vous avez parfois des difficultés à distinguer la portée de certains sélecteurs CSS, ce site vous sera très utile. il suffit de sélectionner un sélecteur dans la liste et de regarder les éléments qui sont mis en évidence dans le marquage HTML qui sert d’exemple. Cerise sur le gâteau, la page précise les navigateurs compatibles et affiche la règle CSS en cours. Exemple pour first-child La règle CSS #target p:first-child {font-weight: bold;} Le marquage HTML <div id="target"> <h2>Where the Buggalo Roam</h2> <p>Alright, let's mafia things up a bit. Joey, burn down the ship. Clamps, burn down [...]
Cet article s’inspire d’un tweet de Sophie Drouvroy @cyberbaloo_ qui pose une question apparemment toute simple : Pour vous un intégrateur web est censé savoir faire quoi techniquement ? L’intégrateur web devrait maitriser le couple HTML & CSS et connaitre suffisamment Photoshop pour découper les portions d’images. Il doit également pouvoir travailler au milieu d’un langage côté serveur comme PHP ou client comme Javascript. En effet, il arrive souvent que l’intégrateur intervienne sur des projets déjà en production. Bien sûr, c’est très réducteur car ce métier est au carrefour de beaucoup d’autres : graphisme, design, ergonomie, accessibilité, développement, référencement (SEO), [...]
Le GAAD (Global Accessibility Awareness Day) dédie cette journée du 9 mai 2012 à la sensibilisation du plus grand nombre à l’accessibilité des contenus et applications digitales (web, logiciel, application mobile, etc.) pour les personnes en situation de handicap. Demain, le Web sera plus humain Merci à Monique Brunel (Webatou) d’avoir partagé cette vidéo. Articles sur le même sujet Check your <body> avec le W3C390 ressources Javascript & jQueryVotre blog sur un téléphone portable, really ready ?Media queries et téléchargement des images par les mobiles9 ressources pour web designer
Soyez cohérent. C’est la conclusion que nous propose Google dans ce guide des bonnes pratiques de codage à l’usage des développeurs web et autres intégrateurs HTML et CSS. Lorsque vous reprenez du code, il est important de tenir compte du style d’écriture d’origine. Si votre prédécesseur utilise des espaces de part et d’autre des opérateurs arithmétiques, faites de même. Si les commentaires sont encadrés de symboles pour dessiner un bloc, faites de même aussi. Soyez cohérent. Pour nous aider à choisir une conventions de codage pour les langages HTML et CSS, Google propose une liste de suggestions pour que tous [...]
ColorZilla, connu pour ses extensions couleur pour Mozilla et Chrome, met à notre disposition Ultimate CSS Gradient Generator. C’est un générateur de dégradés CSS3 en ligne qui reprend grosso modo l’interface utilisateur de Photoshop pour fournir les déclarations CSS pour l’ensemble des préfixes propriétaires -moz-, -webkit-, -o-, -ms-. Pour Internet explorer 6 à 8, l’outil génère la propriété filter ; pour les versions IE9 et au-delà il y a même le commentaire conditionnel à ajouter pour annuler filter et basculer sur la génération du dégradé via SVG en base 64. Les dégradés prédéfinis sont une aubaine pour l’intégrateur web : dans la plupart [...]