background preloader

Mise en page adaptative avec les Media Queries

Mise en page adaptative avec les Media Queries

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

Related:  webdesignVeille logiciels et outils associésLiens DeveloppementNTIC

CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant Avec l'avènement des smartphones ou autre tablette, la multiplication des tailles et des résolutions d'écran, il devient de plus en plus aléatoire de ne réaliser qu'une seule disposition graphique de sa page web... Comment en effet visualiser correctement sur un smartphone une page qui aurait été pensée pour une résolution minimale de 1900px ? (ce qui est très mal, d'ailleurs...) Les Media-Queries, permettent de cibler différents cas et ainsi d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Les Media Queries permettent donc de cibler : Site web adaptatif Un article de Wikipédia, l'encyclopédie libre. Dessin illustrant le principe du responsive design. Dessin illustrant le concept d'adaptive design. Principe[modifier | modifier le code] La notion de web adaptatif repense la manière de concevoir les parcours de navigation sur Internet, puisqu'il ne s'agit plus de concevoir autant de parcours qu'il y a de familles de terminaux mais de concevoir une seule interface auto-adaptable. Ainsi, les sources d'information et les socles techniques ne sont pas dupliqués.

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.

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique

PHP: Manuel PHP - Manual The 5th Annual China PHP Conference Edit Report a Bug Manuel PHP ¶ par: Mehdi Achour 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. Un peu de psychologie pour une meilleure expérience utilisateur Article invité rédigé par Muriel De Dona, consultante qualité web spécialisée dans l’audit qualité et accessibilité, et coauteur du livre “Qualité Web“. Il y a plus de 10 ans maintenant (gloups) je m’asseyais pour la première fois sur les bancs de la fac de Psychologie. Je ne savais pas encore à quoi ressemblerait ma carrière professionnelle, mais j’avais une certitude bien ancrée : l’humain y occuperait une place centrale. Plus les semestres défilaient, plus mon intérêt pour les processus cognitifs, les neurosciences et la psychologie sociale grandissait. J’imaginais quelle serait ma pratique plus tard, je me demandais si j’exercerai en cabinet, en hôpital, en entreprise ou dans un laboratoire. Je n’imaginais pas une seule seconde que la Psychologie m’amènerait là où je suis aujourd’hui.

Introduction au langage SQL - Apprenez à programmer en VB .NET Grâce au langage SQL, vous pourrez rechercher certains enregistrements afin de les extraire, dans l'ordre dans lequel vous souhaitez les extraire. Par exemple, vous pouvez créer une instruction SQL qui extrait les informations de plusieurs tables simultanément, ou alors un enregistrement spécifique. Pour ce faire, nous allons utiliser l'instruction SELECT : cette instruction est utilisée pour renvoyer des champs spécifiques d'une ou de plusieurs tables de la base de données. Par exemple, cette instruction…

Comment Gérer les Menus de WordPress comme un Pro 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… Comment configurer un menu dans WordPress ? Depuis la sortie de version 3 de WordPress en juin 2010, il est beaucoup plus simple d’ajouter des menus sur un site WordPress.

114: Comment battre le paradoxe du choix ? May 5, 2014 Lettres Philippe Gouillou Structured Query Language Un article de Wikipédia, l'encyclopédie libre. SQL (sigle de Structured Query Language, en français langage de requête structurée) est un langage informatique normalisé servant à exploiter des bases de données relationnelles. La partie langage de manipulation des données de SQL permet de rechercher, d'ajouter, de modifier ou de supprimer des données dans les bases de données relationnelles. Outre le langage de manipulation des données, la partie langage de définition des données permet de créer et de modifier l'organisation des données dans la base de données, la partie langage de contrôle de transaction permet de commencer et de terminer des transactions, et la partie langage de contrôle des données permet d'autoriser ou d'interdire l'accès à certaines données à certaines personnes.

Convertisseur SVG gratuit en ligne Convertisseur d'image en ligne Ce convertisseur d'image gratuit en ligne permet de convertir des images au format SVG, mais cela reste expérimental pour le moment. Vous pouvez charger une image depuis le PC ou indiquer l'URL menant à l'image que vous souhaitez convertir. Il est ensuite possible d'ajouter des effets numériques pour améliorer la qualité de l'image. 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

Related: