background preloader

Le responsive design avec les Media Queries - Apprenez à créer votre site web avec HTML5 et CSS3

Le responsive design avec les Media Queries - Apprenez à créer votre site web avec HTML5 et CSS3

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mise-en-page-adaptative-avec-les-media-queries

Related:  HTML/CSSNTIC

Tutoriel : améliorer le “lire la suite” de WordPress En commentaire de mon article précédent, Guillaume m’a posé quelques questions à propos du lien “Read More” qui est présent en page d’accueil de la plupart des thèmes WordPress, pour faire le lien avec les pages d’articles. Essayons donc dans cet article d’améliorer ce lien, pour pouvoir y apporter le style que vous souhaitez, ou bien y ajouter des éléments. Un nouveau filtre a fait son apparition avec la sortie de WordPress 2.7.1, permettant de modifier facilement le lien “read more”, qui vient s’ajouter lorsque vous insérez la balise “More” dans un article. Ce filtre, c’est the_content_more_link.

LESS (langage) Pour les articles homonymes, voir Less. Less est diffusé en open source. Sa première version a été écrite en Ruby, les versions ultérieures en JavaScript. Par rapport aux autres préprocesseurs CSS, il présente la particularité de pouvoir être converti à la volée, soit par le serveur, soit par le navigateur. Il peut également être traduit automatiquement en CSS classique à l'écriture. La compilation du code Less ci-dessus donne le code CSS suivant : HTML5 : le guide du débutant La capacité à créer de belles et convaincantes pages web est une compétence utile qu'il faut avoir. Elle vous permet de présenter des informations qui vous intéressent tout en capturant l'attention des personnes qui visitent votre page web. Si vous ne souhaitez pas utiliser les gestionnaires de contenu (tels que WordPress, Drupal et Joomla) pour mettre sur pied votre site web et que vous voulez apprendre les bases du HTML5, alors ce guide est fait pour vous ! Et au fait, une fois que vous aurez appris les ficelles du métier pour le HTML5, je vous suggère de jeter un œil à ma « Fiche de révision HTML5Fiche de révision HTML5 » ci-dessous. Historiquement, les sites web sont créés à partir du HTML, du CSS et du JavaScript. Ils sont connus en tant que technologies front-end et contrôlent l'esthétique du site web.

Style CSS - Débuter avec le css Index des styles Introduction : Le principe du CSS est dans un premier temps de pouvoir modifier et personnaliser l'apparence des contrôles html mais également de permettre une séparation claire de la structure du document avec le style.

Simplifiez-vous la vie avec LESS La partie fun du cours commence. Vous allez apprendre à utiliser LESS pas à pas. On commence ? Veuillez noter que CSS est totalement compatible avec LESS, ce qui signifie que vous pourrez tout à fait utiliser du CSS pur dans votre code si vous le souhaitez. Design fluide et design responsive Design fluide et design responsive sont souvent confondus. Pourtant, si l’objectif est le même : adapter l’affichage aux dimensions de l’écran, les moyens sont différents. Design fluide Le design fluide existe depuis l’invention du web : on définit les dimensions des éléments structurels de la page (grille, colonnes…) proportionnellement à la largeur de l’écran. Par exemple, une colonne de texte de largeur 75% et une colonne latérale de largeur 25%.

Comment Gérer les Menus de WordPress comme un Pro Publié par Alex le 29 décembre 2014 • 372 Commentaires Aujourd’hui, je tiens à vous parler d’un élément crucial pour beaucoup de sites internet : le menu. Au départ, je voulais simplement vous parler d’un plugin relatif aux menus que j’ai mis en place pour un client mais en y réfléchissant, je me suis dit qu’un récapitulatif sur la gestion des menus et une présentation de quelques plugins serait une bien meilleure idée. C’est vrai que cela a pris plus de temps à écrire mais comme vous le savez, je préfère publier des articles de qualité (des bonnes recettes) que de publier pour publier. Pour revenir aux menus, si vous débutez, vous vous demandez sûrement… Depuis la sortie de version 3 de WordPress en juin 2010, il est beaucoup plus simple d’ajouter des menus sur un site WordPress.

Choisir son CMS pour un blog ou pour un site Pas facile de s'y retrouver dans la jungle des Content Management System. Propriétaire ou libres, l'offre est pléthorique, à tel point qu'il est difficile de déterminer quel CMS pourra répondre à vos besoins spécifiques et quels sont les points clés à vérifier avant de faire le choix de telle ou telle solution. D'autant que du côté des distribués sous licence libre, la palette de solutions est large, voir très large. Les blogs Le nom de domaine de votre blog doit refléter clairement son contenu et si possible contenir les mots clés sur lesquels vous souhaitez communiquer. Style CSS - Déclaration des styles css Index des styles Les styles CSS peuvent être appliqués de différentes façons aux éléments contenus dans un document html : - avec l'emploi de l'attribut style d'une balise html - en déclarant les styles dans la balise html <style> - en créant une feuille de style dans un fichier .css - avec l'utilisation du javascript de façon dynamique Nous allons décrire ces différentes syntaxes à travers des exemples employant des styles simples. Utilisation de l'attribut style :

Chiffres-clefs réseaux sociaux : infographie 2016 Elle a été réalisée en 2016 par Skilled.co, récemment relayée par G1site (chez qui je l’ai chipée !) et je l’ai sélectionnée par ce que je la trouve très exhaustive ► L’infographie ci-dessous vous propose en effet de découvrir (ou vous remettre en mémoire) 115 données intéressantes à propos réseaux sociaux, parmi lesquelles : Bonne consultation ! Crédit : skilled.co Pour consulter davantage de données chiffrées sur les réseaux sociaux, cliquez ici (accès gratuit à notre rubrique « Chiffres-clefs et études ») ou suivez-nous sur Twitter Vous pouvez aussi nous contacter ici pour en savoir plus sur nos formations aux réseaux sociaux ► et notamment la formation « Comprendre et mieux exploiter le potentiel professionnel des médias sociaux » , au cours de laquelle nous dressons un panorama des principaux réseaux sociaux : avantages, inconvénients, spécificités d’utilisation, chiffres-clefs et profils-types d’utilisateurs

Inline-block est-il un substitut aux floats ? Par Steven Bradley Quand vient le moment de développer la mise en page avec CSS, float fait le plus gros du travail. Nous utilisons les éléments flottants pour les blocs importants comme une zone de contenu principale ou une colonne latérale ; nous y avons aussi recours pour les blocs de moindre taille à l’intérieur de ces blocs principaux. Mais les floats sont-ils toujours le meilleur choix? Écosystème des outils collaboratifs Si vous recherchez un «outil collaboratif» dans Internet, vous serez assurément submergé par le flot de propositions : plusieurs centaines, avec chacune leurs caractéristiques imbattables. Certains services ne font qu’une seule chose, comme le partage d’écran, la présentation en 3D ou la vidéoconférence, alors que d’autres intègrent plusieurs fonctions différentes allant de la communication à la gestion de projet en passant par le dépôt de documents. En intégrant plusieurs services complémentaires, des géants comme Google et Facebook ont littéralement fait disparaître la plupart des services de petite taille.

La révolution du numérique éducatif : un bouleversement pour les collectivités locales Alors qu’internet et les outils numériques investissent la vie quotidienne des Français, l’école a tardé à prendre le train en marche. En 1985, il y a bien eu le plan Informatique pour tous, qui a fait entrer les technologies de l’information et de la communication pour l’enseignement (Tice) dans les écoles, puis le plan Ecole numérique rurale, en 2009. Mais en février 2010, Jean-Michel Fourgous, député (LR) des Yvelines, concluait, dans son rapport « Réussir l’école numérique », à de médiocres résultats.

Related: