background preloader

CSS Débutant : Tutoriels CSS

CSS Débutant : Tutoriels CSS
Boutons CSS Le bouton élegant qui change d'aspect au passage de la souris est très utilisé sur les pages web. Longtemps, la majorité de ces boutons étaient animés par un javascript ou pire (car plus lourd) par un applet java. Avec les CSS la légèreté et la simplicité est de mise pour créer de beaux boutons. Plusieurs images de fond Grâce à la propriété background-image, il est très facile de mettre une image de fond dans le corps (body) d'une page web. Pour pouvoir mettre plusieurs images de fond, il faut définir des cadres (des div) auxquels on attribuera une image chacun. Coins arrondis Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques. Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide. Zoom d'image Vignettes (Thumbnails) Tableaux à bordures fines Et bien si ! Related:  html/cssIT

Can I use... Support tables for HTML5, CSS3, etc Vulgum Techus Tutoriels sur les MKV, et les rips DVD,… Petite actualité obligatoire récapitulant les différents tutoriels mis en ligne par Nicolas sur son site HDFever.fr. Vous voulez encoder vos propres fichiers MKV, à partir de DVD, Blu-ray ou Blu-ray 3D, manipuler vos fichiers MKV (découper, extraire, muxer, demuxer) pour les améliorer ou en créer d'autres, savoir comment réencoder en X.264 vos films ou vidéos personnelles, et bien vous devriez jeter un coup d'oeil à cette liste de tutoriels qui vous sera certainement très utile. Le MKV est devenu LE format le plus populaire pour profiter de la vidéo HD sur PC (mais aussi SD et 3D) de par ses capacités à pouvoir multiplexer plusieurs pistes vidéo de plusieurs langues et qualités différentes, de proposer des chapitres, de supporter la 3D Side-by-Side (SDS). Voici donc tous les tutoriels autour du MKV sur HDFever : Tous les prix ! Samsung UE-55F6500 au meilleur prix Dernières actualités Copyright (c) 2014, HomeMedia.

Eric Meyer: CSS CSS Work Books by Eric Including Smashing CSS, CSS: The Definitive Guide, Third Edition, CSS Pocket Reference, and Cascading Style Sheets 2.0 Programmer’s Reference, among several others. Articles by Eric Local copies of CSS articles, as well as other writing I've done. Inline model document A terse, but hopefully complete, description of how the CSS inline box model really works. Color equivalents table All 147 SVG-derived color keywords permitted in CSS3 in a sortable table showing the keywords with their equivalents in both hexadecimal notations, both (non-alpha) RGB notations, and non-alpha HSL. CSS Module Timelines A visualization of the activity of the CSS Working Group by plotting draft publication dates and W3C statuses over time. CSS Module Editors Leaderboard A bit of a goof wherein I score the editors of various CSS modules and present the results as a leaderboard. CSS Tests A fairly large collection of test files I’ve accumulated over the years. W3C CSS2 Test Suite Prototyping Offsite

12 outils pour créer des prototypes de site web et d'application mobile Vous avez une idée de projet et vous souhaitez créer un prototype pour avoir un aperçu avant de vous lancer définitivement dans ce projet ? Je vous propose aujourd’hui une sélection de 12 outils vous permettant de créer aisément et rapidement des prototypes de qualité pour vos projets d’applications mobiles (iOS, Android) ou encore de sites Web. Outils de prototypage gratuits Pixate Idéal pour la création de prototypes de qualité, Pixate vous permet également de leur donner vie et les visualiser sur un iPhone, une tablette et bien d’autres supports. Weld Tout comme Pixate, Weld vous permet de concevoir aisément vos prototypes grâce à différents outils puis de visualiser le rendu sur divers appareils (tablette, smartphone, ordinateur portable ou fixe, etc…). MarvelApp MarvelApp vous permet de concevoir des prototypes pour Apple Watch, iPhone, iPad, Android et également pour les navigateurs Internet sans aucune connaissance des langages de programmation. Concept Pingendo Velositey PrecursorApp Form

Tutoriel Du Blu-Ray Disc au MKV- extra… Tutoriel pour ripper un Blu-ray Disc au format MKV Avant propos, que dit la loi, pourquoi ripper…Télécharger les logiciels pour suivre ce tutorielPremier acte : décryptage et extraction du Blu-rayDeuxième acte : démuxer le fichier film M2TSTroisième acte : choix des pistes et création du MKVQuatrième et dernier acte : réduire le poids du MKVVoir aussi ce second tutoriel : Blu-ray to ISO to MKVVoir le tutoriel : Du DVD au MKV 1. Avant propos Avant propos : Que dit la loi ? Au jour où j’écris ces quelques lignes, le 18/12/2009, l’extraction, le rip de disques Blu-ray et l’utilisation de logiciels à ces mêmes fins comme AnyDVD HD, DVD Decrypter, Blu-Ray Ripper, ou autres est interdite en France. Je pense que c’est un minimum d’avoir le droit de protéger ses disques de l’usure que l’on a payé. 2. Quels logiciels utiliser pour ce 1er tuto ? Il existe différentes solutions pour extraire et ripper des Blu-ray mais elles ne sont pas non plus très nombreuses, surtout gratuite. 3. 4. 5. 6.

Lea Verou | Life at the bleeding edge (of web standards) 10 Outils pour faire vos prototypes web et mobile Une liste de sites ou d’applications performantes permettant d’élaborer des wireframes ou des prototypes, sous plusieurs formats d’écrans différents. Le wireframe est une étape indispensable dans le métier d’un UX designer, cela consiste à élaborer des prototypes de l’interface finale. Il existe plusieurs niveaux de réalisation, du plus grossier ( zoning, croquis ) au plus élaboré ( UI, vrai contenu ) le wireframe nécessite des outils spécifiques pour chacune de ces étapes. Les meilleurs sont payants, ce qui est normal, un service de qualité mérite une reconnaissance, mais si vous êtes UX designer et que les prototypes font normalement partie intégrante de votre travail, il est préférable de débourser un peu d’argent pour un des logiciels de votre choix, cela vous fera gagner un temps fou comparé aux solutions basiques, tels que Photoshop / Illustrator ou encore des services gratuits. Une liste de 10 outils pour faire vos prototypes #wireframe #UX Click To Tweet Découvrez Axure Et vous ?

Emmanuel Béziat :: Changer une image au survol Lorsque l'on fait un site, on est parfois confronté à un besoin : Celui de gérer le changement d'une image au survol de la souris. C'est souvent le cas avec des menus. Si la technique des sprites CSS (à propos desquels j'ai écrit ce tutoriel et qui ne sera donc pas détaillée ici) est utile dans certains cas, elle est fortement déconseillée dans le cas d'une image cliquable. Le problème posé Pourquoi ne pas utiliser les sprites ? Les sprites sont très utiles pour gérer les images de fond ; mais dès lors qu'une image véhicule une information (image cliquable, portrait d'un auteur, schéma explicatif, etc.) et n'est plus seulement décorative, il est nécessaire que cette image soit présente dans le HTML (balise <img />). Dans le cas d'une image cliquable, à plus forte raison un menu qui ne contiendrait aucun texte, il est très fortement déconseillé de recourir aux images CSS, car cela impose que le lien dans le HTML soit vide : En conséquence, la navigation sur votre site sera impossible !

Related: