background preloader

CSS3 Generator

CSS3 Generator

http://css3generator.com/

Related:  CSS3chantaldecrocqtrucs de oufTuto WEBhtml/css

Les transitions et animations CSS Introduction Depuis toujours, les concepteurs web ont tenté de styler et de dynamiser des pages HTML terriblement monotones. À la fin des années 90, un simple effet de survol ne peut pas être réalisé facilement : l’utilisation de JavaScript est inévitable, mais impose de connaître la programmation. L’arrivée des pseudo-classes dynamiques au sein de CSS (:hover, :focus, :active…) a alors facilité l’opération et permis de s’affranchir de scripts souvent lourds. Plus tard, lorsque que la mode était aux ombres portées et aux coins arrondis, les techniques passaient par la surcharge du balisage HTML et la création d’images étirables, ce qui nuisait considérablement à la sémantique et à l’accessibilité (si toutes les précautions n’étaient pas prises). Aujourd’hui, avec CSS3 et les propriétés box-shadow et border-radius, ces effets sont facilement réalisables et les anciennes techniques sont fortement déconseillées.

Créer un menu sticky avec JavaScript et CSS J’ai bossé récemment sur plusieurs sites web, et la requête d’un menu sticky était quasiment systématique. Parfois elle était justifiée, parfois je me rapprochais du contre-exemple ergonomique stéréotypé. (Dois-je utiliser un sticky menu ?) Mais quand même ! Formoid – Un générateur de beaux formulaires CSS Présentation Un formulaire sur Internet est une méthode indispensable d’interaction pour tout site, et un formulaire propre et attractif est absolument vital pour diminuer le nombre d’erreurs ou de soumissions ratées. Formoid est un outil incroyable qui combine les dernières idées de design et les techniques web les plus avancées pour vous aider à créer vos meilleurs formulaires.

Premiers pas avec Joomla Introduction au CMS (Système de gestion de contenu) populaire Joomla et à son utilisation. Ce nom bizarre a été élu parmi de très nombreux autres! C'est un mot swahili qui exprime la vision communautaire de l'outil. HTML 5 : le web n’a toujours pas de standard Le web appartient à tous et c’est ce qui en fait un outil accessible, puissant et qui nous émerveille chaque jour (oui, même chez l’équipe IT on s’émerveille facilement). Mais c’est aussi le lieu de petites querelles et grosses bagarres entre les géants du web pour imposer des nouvelles normes, au prix de concertations parfois difficiles, et souvent au détriment des usages (et des développeurs !). La dernière de ces batailles dure depuis 2006 entre le W3C, organisme historique de normalisation du web, et le WHATWG, groupe de réflexion créé en 2004 qui réunit les géants du web comme Apple, Mozilla ou Google.

Méthode Daisy : les CSS feuille à feuille Bienvenue chez vous ! C’est le bazar, n’est-ce pas, dans votre code CSS ? Le CSS ? C’est une vraie galère dès qu’on doit y revenir, dès qu’on repasse derrière quelqu’un d’autre et même quand on doit replonger dans son propre code après longtemps... et ce n’est vraiment pas aisé de coder à plusieurs mains, en équipe. Mais comment diable s’y prend-on ? Voulez-vous vraiment continuer à coder chaque projet à partir de zéro ?

Personnaliser ses pages d'erreur Les pages d'erreurs sont ces pages que typiquement vous n'aimeriez jamais rencontrer ! Malheureusement, elles apparaissent parfois, lorsque quelque chose qui n'est pas censé arriver survient... Vous les avez forcément déjà rencontré, le plus souvent, ce sont des erreurs de type 404 ou 500 qui sont respectivement les pages non trouvées et les erreurs internes du serveur. Vous vous dites surement que ces pages sont inutiles et sont plus un problème qu'autre chose mais il n'en est rien ! Nous allons ici retourner le problème et apprendre comment tirer profit de ces pages perdues. Godot - Jeu de plateformes 2D - Introduction Andreas Esau Publié le 25 septembre 2015 Vous pouvez retrouver les autres épisodes de cette série dans le sommaire dédié. Godot Engine - Jeu de plateformes 2D - Introduction

Les tutorials Une multitude de tutos, cours, démonstrations sur les technologies web et le graphisme autour du web, ici pour vous ! Pour accéder aux différents tutorials, explorer les catégories ci-dessous. Création graphique Cours de Webdesign et d'illustration sous Photoshop, GIMP, illustrator etc... (2 tutorials) Linux et service web

5 plugins jQuery libres à avoir pour les concepteurs Web jQuery est une bibliothèque JavaScript très populaire qui encourage les développeurs à « écrire moins, et en faire plus » ! Il s’agit de l’un des moyens les plus faciles pour commencer à puiser dans la puissance du langage JavaScript sans être écroulé par un tas de code compliqué. En d’autres termes, il s’agit d’une boîte à outils accessible pour n’importe qui ayant une expérience avec les langages HTML et CSS, mais il est tout aussi utile dans les mains d’experts. Il semble y avoir une réserve inépuisable de plugins jQuery tout autour du Web, mais quelques-uns ont, pour lesquels j’ai pu tester leur utilité récemment, porté toute mon attention. Voici une liste de cinq plugins pour lesquels vous pouvez devez les utiliser dans un projet, ou du moins y jeter un œil ! jQuery Scroll Path est carrément incroyable.

Créer une grille CSS responsive Les grilles CSS, à quoi ça sert ? La plupart des sites Internet ont un gabarit « générique ». Par exemple, un blog va avoir un corps et une barre latérale. fr:Accueil Languages: English • العربية • Български • Čeština • Deutsch • Español • suomi • Français • עברית • Magyar • Bahasa Indonesia • Italiano • 日本語 • ქართული • 한국어 • ລາວ • myanmar • Nederlands • Polski • Português • Português do Brasil • Русский • Română • Slovenčina • Slovenščina • Shqip • Svenska • ไทย • Türkçe • Tiếng Việt • 中文(繁體) • (Add your language) Bienvenue sur le portail francophone du Codex WordPress la documentation officielle de WordPress en français, écrite et maintenue par des utilisateurs tels que vous. L'équipe de documentation travaille d'arrache-pied afin de traduire, adapter, créer, organiser et structurer les contenus de ce site. Vous pouvez également nous donner un coup de main !

Tutoriel HTML Bootstrap Dans la jungle des sites Web actuels, chacun devrait se démarquer, tout le monde veut attirer le plus de monde et créer l'expérience la plus complète et souple pour l'utilisateur final, en tant qu'intégrateur Web, notre travail est de suivre un cahier des charges établi en fonction des demandes du client, mais dans l'optique d'un site personnel ou d'un site d'agence, les demandes deviennent plus personnelles et différencier le bon du mauvais devient plus difficile, c'est là qu'intervient ce que j'appelle la mise à plat du projet. I-A. Mettre à plat le projet▲ Mettre à plat le projet revient (à mes yeux) à se donner des lignes directrices, un cahier des charges précis, bref, une ligne de conduite.

Tutoriel WordPress : 65 tutoriels WordPress gratuits Des tutoriels WordPress ? En quelques années, WordPress.org s’est imposé comme l’un des logiciels libres de référence pour procéder à l’installation et à la gestion d’un blog au quotidien. En parallèle, la plateforme gratuite de création et d’hébergement de blogs WordPress.com connaît un grand succès. Pour les EPN (espaces publics numériques), le grand public, les associations, les commerçants, les artisans, les TPE et les PME et les personnes ayant un projet de blog, WordPress.com est d’une grande souplesse.

Related:  CSS3CSS3 / HTML5CSS3CSS3DEVDébuter en développement webhtml5 workshopDesign web ressourcescssCSSHTML / FontVeille technologiquetuto-webCSSRessources et outils pour webmasterstutos sitefafournoux thiéfaineVeille Technologiquehourmatallah