tutowebdesign

Changer le texte d’un élément HTML avec le CSS Il est parfois nécessaire de modifier du contenu texte sans vouloir revenir sur le code source (comme un contenu HTML généré par PHP). C’est souvent le cas lorqu’on souhaite traduire un contenu fourni par un plugin WordPress. Dans l’exemple ci dessous nous allons remplacer, avec le …

Changer le texte d’un élément HTML avec le CSS Lire la suite »

Menu déroulant pour écran tactile Ne perdez pas vos internautes en mode tactile. Nous vous proposons donc un menu ergonomique qui permet d’accéder au liens qui déroulent même sur les tablettes ou les téléphones mobiles. Commençons par mettre en place la structure HTML : <nav> <ul> <li><a href= »# »>Accueil</a></li> <li class= »deroule »><a href= »# »>About <span class= »fleche »></span></a> <ul> <li><a …

Menu déroulant pour écran tactile Lire la suite »

Ajouter un effet parallax sur vos pages Voici un effet à la mode qui impressionne et que je vous invite à tester. Le principe consiste à fixer les images par rapport à l’écran même si l’internaute fais défiler la page. Les images peuvent aussi changer en fonction de la position du curseur du scroll. Du …

Ajouter un effet parallax sur vos pages Lire la suite »

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire apparaître des éléments (images..) lorsque l’internaute découvre votre contenu en scollant vers le bas, comme montré ci-dessous. Je vous invite à expérimenter cette effet. Commençons par le code HTML : …

Afficher du contenu au scroll Lire la suite »

Héberger son site web facilement Un hébergement web permet de publier votre site sur internet et de le rendre accessible au monde entier.  La mise en ligne du site se fait en quelques étapes : choix d’un hébergeur de qualité proposant des services à moindre coût choix de votre nom de domaine offert avec l’hébergement …

Héberger son site web facilement Lire la suite »

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons par la structure HTML : <!– Navigation –> <nav id= »slide-menu »> <ul> <li class= »timeline »><i class= »fa fa-home » aria-hidden= »true »></i> Accueil</li> <li class= »events »><i class= »fa fa-info-circle » aria-hidden= »true »></i> A propos</li> <li class= »calendar »><i class= »fa fa-calendar-o » aria-hidden= »true »></i> Calendar</li> …

Créer un menu latéral animé Lire la suite »

Le principe consiste à fixer le menu en haut de l’écran quand on ‘scolle’ vers le bas.

Intégrer une maquette sur la grille avec Flex Vous allez apprendre à utiliser la technologie Flex pour intégrer une maquette dessiner sur une grille. En effet pour faciliter l’intégration côté développement, le graphiste conçoit l’interface graphique en disposant les blocs de contenu sur cette grille de disposition contenant 12 colonnes et des gouttières (espaces entre …

Intégrer une maquette sur la grille avec Flex Lire la suite »

Savoir faire du Responsive Web Design Le Responsive Web Design (RWD) consiste à utiliser le HTML et le CSS pour redimensionner, masquer, réduire ou agrandir automatiquement un site Web, afin de lui donner une belle apparence sur tous les appareils (ordinateurs de bureau, tablettes et téléphones). Important : une page Web doit être accessible sur n’importe …

Savoir faire du Responsive Web Design Lire la suite »

Promise en Javascript : comprendre les promesses Techniquement parlant une promesse n’est rien d’autre que l’objet Promise :  let unePromesse = new Promise(); Mais à quoi va servir cet objet? Et bien à synchroniser deux actions (ou plus) qui se déroulent dans le temps mais pas à la même vitesse. Pour faire un parallèle avec …

Promise en Javascript : comprendre les promesses Lire la suite »

Hebergement web pour

1 €

IONOS

1€ HT / mois – Domaine inclus au choix parmi les extensions suivantes : .eu, .com, .biz, .be, .org, .me, .online, .fr, .net, .info.