background preloader

CSS-Tricks

CSS-Tricks

https://css-tricks.com/snippets/css/

Related:  HTML - CSS - PHPCSSCodage deb

Système de Gestion-Affichage de Nouvelles PHP - Système de Gestion-Affichage de Nouvelles (Articles, Actualités...) : Version 4 (MYSQL/Procédural)Version 5 (PDO/Procédural) : NOUVELLE VERSION ! 21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Timelines CSS - 7 astuces Présenter une histoire, une succession d’événements, bref toute une vie et pourquoi pas une navigation, telle est la raison d’être d’une timeline. Découvrez 7 astuces pour réaliser la votre en CSS. Une timeline en CSS permet de se dispenser d’une image, difficilement évolutive dans un site web dynamique.

Les meilleures ressources pour créatifs, graphistes et webdesigners Lorsqu’on travaille dans le graphisme, le webdesign, l’intégration ou tout ce qui touche au front-end d’un site web, il est nécessaire de disposer de nombreuses ressources pour mener à bien son projet. En effet, lors de la création d’un site ou d »une maquette, il faut bien souvent réfléchir aux typographies, aux couleurs, aux textures, aux icônes, aux photos de fond… Aujourd’hui de nombreuses ressources existent pour aider les professionnels à faire des choix rapides et plus faciles. Voici quelques sites indispensables à bookmarker. Réaliser une galerie d'image facile avec Php et MySQL - Web Info Bazar Article lu 13 900 fois Bonjour à tous! Nous allons voir ici comment réaliser une galerie d’image avec Php et une base de donnée MySQL. Les images de la galerie seront cliquables et redirigeront vers une page contenant l’image concernée ainsi que les descriptions de celle ci. Nous verrons également comment créer un formulaire d’upload afin d’ajouter de nouvelles images à votre galerie sans avoir à toucher au code une fois celle-ci fini Cette galerie est multi-usage : trombinoscope, galerie d’image etc…. à vous de choisir l’utilisation que vous souhaitez en faire !

Menu déroulant en CSS Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration. Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Comment optimiser ses pages web pour améliorer son référencement naturel Offrir un contenu de qualité qui répond aux attentes du public visé et optimiser la page en tenant compte de l’utilisateur et des critères des moteurs de recherche, tels sont les 2 piliers de base pour améliorer son référencement naturel. Mais comment optimiser ses pages web ? Sommaire de cette page :

Intégration web - Les bonnes pratiques Intermédiaire entre le chef de projet, le designer et le développeur, intégrateur web (ou développeur front-end) est un métier à part entière. Maillon indispensable dans la création de sites, il rassemble tous les éléments pour monter les pages et livrer un site performant, accessible et utilisable. Son travail nécessite tout autant de compétences techniques en HTML, CSS et JavaScript qu'une bonne appréhension de la qualité web (ergonomie, accessibilité, performance...). S'appuyant sur l'expérience de l'auteur, souvent appelée à la rescousse sur des projets mal engagés, ce livre offre aux intégrateurs débutants, comme aux plus expérimentés, un recueil précieux des meilleures pratiques, méthodes et outils pour améliorer et réussir leurs intégrations dans le respect des standards du Web. Une référence pour tous les créateurs de sites web ! Avec une préface d'Elie Sloïm et Laurent Denis.

Pagination page par page Attention, depuis PHP 5.5.0, certaines extensions SQL sans doute utilisées dans ce tutoriel peuvent être obsolètes et seront supprimées dans le futur, vous devez donc adapter les codes! Exemples ici. Voici un petit bout de code près à l'utilisation, permettant d'effectuer une pagination et de choisir le nombre d'élément à afficher par page. La pagination peut se faire de 2 façons: Le modèle tabulaire en CSS Note : Cet article est publié conjointement sur OpenWeb.eu.org et sur Alsacreations.com. En outre, certaines parties de cet article sont extraites du livre «CSS avancées, vers HTML5 et CSS3», avec l’aimable autorisation de l’auteur :) Compatibilité DNS Domain Name System, Service or Server Quand vous voulez téléphoner à quelqu'un, vous devez connaître son numéro de téléphone. Comme il est difficile de les retenir par coeur, on a inventé l'annuaire (qui permet de retrouver un numéro à partir d'un nom). C'est la même chose sur Internet: pour qu'un ordinateur puisse contacter un autre ordinateur, il doit connaître son adresse IP (exemple: 205.37.192.5). Pas facile à mémoriser non plus.

Les grands principes du Responsive Web Design Un site web responsive est un site dont le design s’adapte à l’écran de l’utilisateur. Cette technique s’oppose à celle des sites plus classiques où le choix d’une apparence entièrement statique a été effectué au préalable. Cette approche présente l’inconvénient d’obliger les possesseurs de petit écran à scroller pour visualiser l’ensemble du contenu, ainsi que de laisser une impression de vide à ceux, plus chanceux, qui naviguent sur un écran de grande dimension, par exemple un 27 pouces.

Related:  HTML-CSS-PHP