background preloader

Generateur d'ombrage via box-shadow en CSS3

Développement CSS animation, transition, font, playground, ... Développement Javascript jQuery, Javascript, performance, ... Développement PHP test unitaire, librairies, ... Développement HTML5 HTML5 Api, localStorage, geolocalisation, ... Développement jQuery jQuery, plugins, performance, ... Outils pour développeur bordure, box-shadow, multi-columns, ... UPDATED - nouvelles fonctionnalités CSS3 Résultat Code à copier -moz-box-shadow: 10px 10px 5px #656565; -webkit-box-shadow: 10px 10px 5px #656565; -o-box-shadow: 10px 10px 5px #656565; box-shadow: 10px 10px 5px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); Faire un don pour m'aider à continuer d'améliorer le site Autres outils que vous pourriez aimer

http://www.debray-jerome.fr/outils/Generateur-de-box-shadow-css3.html

Related:  HTML/CSS

HTML XHTML -Les balises méta Des métadonnées placées dans l'entête Les balises meta vont nous permettre de donner au navigateur des informations sur la page web à afficher. On dit que ce sont des métadonnées (du grec meta "après" et du latin data "informations", soit une donnée servant à définir ou décrire une autre donnée). Les balises meta seront toujours placée entre les balises <head> et </head>. Tâches de base dans SharePoint Server 2010 - SharePoint Server Vous trouverez ici des tâches et informations de base pour apprendre à utiliser Microsoft SharePoint Server 2010. Contenu de cet article Présentation de SharePoint Foundation et SharePoint Server Toutes les démos, tutoriels et expériences. Démos Toutes les démos Page 1 / 9 Livre CSS3

Développement Web et applications mobiles Important: Nous venons de migrer d'un site Wordpress vers Drupal alors il se peut qu'il y ait des liens brisés, des images qui ne s'affichent pas ou encore du code mal formatté. Nous travaillons fort pour régler ces problèmes le plus tôt possible. La différence majeure entre un cookie créé par un script PHP et celui d'un script Javascript est l'endroit où il peut être créé. Que signifie la formule "libre de droits" ? "Libre de droits"... l'expression laisse perplexe. Le terme "libre" suggère une utilisation sans bornes d'un document. Pourtant, choisir de diffuser un texte, une image, une vidéo, ou une musique ne se fait pas sans réflexion. Publier un document sans l'autorisation de son auteur est illégal et très risqué. Définition de l'expression "Libre de droits" ?

Modèles de couleurs Roue chromatique Extraire le thème Extraire le dégradé Nouveau Appliquer la règle d’harmonie chromatique Présentation du cours complet HTML et CSS Objectifs du cours HTML et CSS et prérequis Bienvenue à tous dans ce cours complet traitant des deux langages informatiques incontournables : le HTML et CSS. Le but de ce tutoriel est d’explorer les différentes fonctionnalités du HTML et du CSS et de vous apprendre à les utiliser pas à pas. Habillage de tableaux avec des CSS Faire des tableaux de données accessibles et respectant les standards avec les CSS En-tête, cellules et accessibilité Avertissement préliminaire Avec le support du positionnement CSS dans l'immense majorité des navigateurs, les inconvénients liés à la mise en page par tableaux n'ont plus lieu d'être subis, à moins de devoir fournir une mise en page identique à l'antique Netscape 4.

47 meilleures Banques de Photos gratuites Le site CLD a compilé 47 banques de photographies gratuites ainsi qu’une astuce bien pratique qui permet de rechercher sur tous les sites à la fois pour faciliter vos recherches. Avant toute chose, laissez-moi vous montrer une petite astuce vous permettant de gagner du temps précieux. Cette petite astuce porte un nom, celui de Librestock ! Un site tout simplement magique puisqu’en lançant une simple recherche d’image, ce dernier vous propose une série de photographies collectées depuis 47 banques de photos gratuites et libres de droit.

Référence CSS - CSS : Feuilles de style en cascade Cette référence CSS fournit un index alphabétique de toutes les propriétés CSS standards, des pseudo-classes, des pseudo-éléments, des types de données et des règles @. Vous pouvez également trouver une liste alphabétique de tous les sélecteurs CSS par type et une liste des concepts clés de CSS. Enfin est inclus un bref sommaire de référence sur DOM-CSS / CSSOM. Syntaxe de règle basique Syntaxe de style basique ... où : Outils de prototypage d’interface Pour élaborer rapidement et concrètement l'agencement de l'information (et le zoning) et des fonctionnalités d'une future interface, le maquettage en fil de fer (wireframe) est souvent un passage obligé de l'approche ergonomique. Comme le dit Jean-François Nogier dans son ouvrage : "Le prototypage est la clé de voûte du développement itératif". Que l'on soit à l'aise ou non avec un crayon à papier, quand un client veut pouvoir se représenter concrètement sa future interface, l'esthétique du wireframe a tout de même son importance. De nombreux outils sont à portée de souris et tout dépend de ce que l'on veut en faire.

Référence des éléments HTML - HTML (HyperText Markup Language) Cette page énumère tous les éléments HTML, regroupés ici selon leurs fonctions. Sur la barre latérale présentée à gauche, vous pourrez trouver une liste suivant l'ordre alphabétique. Éléments de base Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites.

Sélecteurs CSS - CSS : Feuilles de style en cascade Les sélecteurs définissent les éléments sur lesquelles s'applique un ensemble de règles CSS. Les sélecteurs simples Les sélecteurs de type Ce sélecteur simple permet de cibler les éléments qui correspondent au nom indiqué.

Related: