Aujourd'hui, le BlogDuWebdesign vous propose de découvrir cssreference.io, une documentation visuelle de (presque) toutes les propriétés CSS illustrées par des exemples visuels et interactifs.
Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
Time to Learn
Environnement d'Apprentissage Collaboratif Curated by Frédéric DEBAILLEUL |
Scooped by Frédéric DEBAILLEUL |
Aujourd'hui, le BlogDuWebdesign vous propose de découvrir cssreference.io, une documentation visuelle de (presque) toutes les propriétés CSS illustrées par des exemples visuels et interactifs.
Rescooped by Frédéric DEBAILLEUL from Performance Web : front-end & UI-UX |
Des années durant, j'ai intégré des sites Web et développé des applications JavaScript sans ressentir le besoin d'une méthodologie pour nommer les classes CSS. Puis, les projets grossissant, le code CSS est devenu douloureux…
L'épineux sujet du nommage en CSS est loin d'être fermé. Depuis le début de la décennie, plusieurs auteurs majeurs ont partagé leurs recherches. Ils ont apporté un regard nouveau et sont allés à contrecourant, en rupture avec ce qui faisait jusqu'alors consensus. Je raconte dans cet article mon propre cheminement dans leurs travaux en espérant qu'il sera utile à l'intégrateur Web autant qu'au développeur JavaScript. J'ai cherché en effet une approche adaptée à la fois aux pages et aux applications Web.
Scooped by Frédéric DEBAILLEUL |
Aujourd’hui, c’est un fait: tout le monde connaît et utilise CSS. Et c’est tant mieux! Cependant, bien que le langage en lui-même soit plutôt simple, certains aspects peuvent sembler encore obscurs.
Cet article fait suite à une présentation que j'ai donnée lors de la Kiwi Party 2013, puis lors des MSTechDays 2014.
Scooped by Frédéric DEBAILLEUL |
Si vous cherchez un moyen simple de faire vos propres fichiers de sprites CSS pour votre site web, il existe une application web baptisée Stitches qui va bien vous simplifier la vie.
Pas besoin d'avoir Photoshop, vous glissez-déposez toutes les images que vous souhaitez placer sur cette image unique et Stitches déterminera automatiquement l'emplacement en pixels de chaque image et vous fournira le code HTML à insérer dans vos pages.
Rescooped by Frédéric DEBAILLEUL from Performance Web : front-end & UI-UX |
jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code.
Scooped by Frédéric DEBAILLEUL |
Les languages HTML et CSS associés permettent à eux seuls de réaliser des sites web. Même si nombre d’outils peuvent simplifier la réalisation des pages, le développement de compétences de base en programmation reste essentiel. Tel est le but de cette formation.
Episode 1 : Définition du HTML et du CSS
Episode 2 : Structure de base d’une page HTML 5
Episode 3 : Méthode et affichage des commentaires en HTML
Episode 4 : Créer des paragraphes
Episode 5 : Gérer le titrage
Episode 6 : Mettre en valeur du texte
Episode 7 : Aller à la ligne
Episode 8 : Insérer une image
Episode 9 : Gérer les illustrations
Episode 10 : Faire une liste à puces
Episode 11 : Faire un lien relatif vers des pages
Episode 12 : Faire des liens externes
Episode 13 : Faire un lien vers une adresse mail
Episode 14 : Faire un lien vers un fichier
Episode 15 : Créer une ancre
Episode 16 : Intégrer une vidéo
Episode 17 : Faire un tableau
Episode 18 : Lier un fichier CSS
Episode 19 : Présentation du CSS
Episode 20 : Propriétés et valeurs CSS
Episode 21 : Principe des balises CSS
Episode 22 : Principe des class CSS
Un bon plan, un bon découpage, du bon boulot. Bravo! En 2 minutes? ;)
Rescooped by Frédéric DEBAILLEUL from Ma veille - Développement web |
CSS : (en anglais, « Cascading Style Sheets » : feuilles de style en cascade). Codification informatique des éléments de présentation d’un site.
Scooped by Frédéric DEBAILLEUL |
This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below.
Rescooped by Frédéric DEBAILLEUL from Logicamp.org |
Bear CSS est un service en ligne gratuit qui permet de généré un fichier CSS en fonction de votre code HTML, il ne vous crée pas un design complet mais mâche le travail.
Rescooped by Frédéric DEBAILLEUL from Rapid eLearning |
David DeSandro reveals how to use CSS transforms to create a zoomable user interface similar to that of 2011.beercamp.com.
Scooped by Frédéric DEBAILLEUL |
Créer les éléments CSS d’un webdesign n’est pas inné pour tout le monde. Certains par le le CSS couramment, mais d’autres ne se rappellent jamais de la syntaxe.
Pour ces derniers, qui réalisent peu de développements CSS, voici un outil intéressant.
LayerStyles est un webware qui permet de créer ses éléments CSS et tous les artefacts cosmétiques (ombres, bordures, arrondis, backgrounds, gradients de couleurs …) directement dans le navigateur et sans rien y connaitre au CSS.
Scooped by Frédéric DEBAILLEUL |
Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.
We’ve put together this guide to save you the time and frustration of figuring it out for yourself. With 24 different email clients tested, we cover all the popular applications across desktop, web and mobile email.
As the number of email clients continues to grow, we’ve decided to simplify the web-based version of the guide to focus on the 10 most popular email clients on the market. For the complete report on all 24 email clients across the desktop, web and mobile email world, download the complete guide in PDF format.
Scooped by Frédéric DEBAILLEUL |