Le menu déroulant de la première partie était accessible, valide, sémantique. Malheureusement, il est également assez terne. Il est temps d’améliorer son apparence grâce notamment aux nouveautés CSS3. Avertissement : Les techniques utilisées ici ne sont généralement utilisables que sur les versions des navigateurs les plus récents. Peu ou aucune d’entre elles ne sont donc [...]
Réaliser un menu déroulant est une des techniques de base que tout bon développeur web doit apprendre car c’est un exercice qui permet de toucher à plusieurs aspects et fonctionnalités des différentes technologies en œuvre. Dans cette série d’article, je vous guiderai à travers un chemin qui nous mènera de la création d’un simple menu [...]
Le menu du site d’Apple est un exemple en terme de code propre et sémantique allié à un design impeccable. Avec ce tuto, je vous propose de recréer la barre de navigation du site d’Apple et d’étudier les techniques utilisées.
C’est évident, les boutons sont une part très importante d’un site web: Ils sont en effet la façon la plus commune par laquelle vos visiteurs peuvent déclencher une action et interagir avec le site. Malheureusement, de nos jours encore un nombre important de sites continuent d’utiliser des boutons standard. Voici 10 tutos pour donner à vos boutons, liens et submits la beauté qu’ils méritent.
Les css – feuilles de style en cascade – proposent de très nombreuses possibilités pour le rendu visuel de votre site web. Après mes listes sur les meilleurs scripts Javascript pour sublimer votre site, je vous propose les meilleurs codes css trouvés sur le web. Au menu: Graphiques, coins arrondis, galeries photos…
La technique CSS des sliding doors (portes coulissantes en Français) permet de réaliser des onglets sophistiqués pour vos menus de navigation. Malheureusement, les fonctions de Wordpress wp_list_pages() et wp_list_categories() ne permettent pas de rajouter la balise span nécessaire à la mise en place de cette technique. Nous allons voir comment outrepasser cette limitation.
Il ya quelques temps, j’avais publié deux articles sur des menus de navigation déroulants. Aujourd’hui, je vous propose de créer un menu listant les catégories et sous-catégories, le tout présenté horizontalement.
Les feuilles de style CSS offrent de nombreuses possibilités pour mettre en page votre code HTML. Mais quel développeur ne s’est jamais dit « Dommage qu’un tel attribut n’existe pas en CSS! ». C’est ce que propose MoreCSS, une librairie Javascript vous permettant de disposer de propriétés supplémentaires tels que des pop-ups, des valeurs par défaut ou encore des infobulles…
Mon récent article « Menu de catégories style magazine », que j’utilise notamment pour mon thème OpenBook, a intéressé de nombreux blogueurs. Toutefois, l’un d’entre eux a souhaité en faire une variante, qui afficherait les pages ainsi qu’un élément « catégories » qui déroulerait la liste des catégories disponibles au survol. Voici un petit tuto pour la création de ce menu.
De nombreux internautes ont tendance à imprimer les pages web: Même si la plupart du temps, cela s’avère inutile et pas écolo pour un sou, imprimer une page peu néanmoins s’avérer fort utile. Et dans ces cas là, quoi de plus énervant qu’une page qui s’imprime mal, coupée en deux, avec de grands espaces entre les paragraphes, les bannières de pub en couleurs…
Nous allons nous atteler à la création d’une feuille de style totalement dédiée à l’impression: Grâce à elle, le développeur contrôle ce qui doit être imprimé, et comment.
