background preloader

CSS / HTML

Facebook Twitter

Ultimate CSS Gradient Generator - ColorZilla.com. Générer un ruban / ribbon 3D en CSS pour son site web. Downloads. Elements and Attributes. HTML5 ADVENTURE CALENDAR. Apple Template.

Apple Template For troubleshooting, feature requests, and general help, contact Customer Support at .

Apple Template

Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page. E-mail: What's New CSS3 Menu v3.1 (Jul 3, 2012) Read more CSS3 Menu v2.3 (Feb 2, 2012) CSS3 Menu v2.2 (Dec 14, 2011) Features CSS3 Animation Menu , CSS3 Transition Menu , Mega Drop Down Menu , CSS Menu Examples , CSS3 Buttons Generator , CSS3 Menu Bar , Web Menu , HTML Drop Down Menu , CSS Drop Down Menu , Free Drop Down Menu Recent Templates See live.. See live.. See live.. See live.. Formulaires HTML5 – Quoi de neuf ? « slDesign. Utiliser CSS3 aujourd'hui : outils et ressources - Alsacréations. Bien que les spécifications CSS 3 soient encore en phase de maturation, il devient acquis qu'un certain nombre de ses composantes sont déjà exploitables en production sur les navigateurs actuels, moyennant quelque gymnastique pour notre attachant boulet à tous qu'est Internet Explorer.

Utiliser CSS3 aujourd'hui : outils et ressources - Alsacréations

Le contexte actuel est pour le moins excitant pour nous autres webdesigners, puisque l'on peut enfin s'évader d'une norme CSS2.1 vieille de plus de 10 ans ! Nous nous trouvons dans une période clé, et de grands changements vont bientôt s'opérer dans notre façon de travailler au quotidien. Cependant Internet Explorer modère cet engouement puisque seule sa version 9 commence à supporter ces nouveautés, version encore au stade beta non utilisable par le grand public. De multiples ressources CSS3 pour déjouer les faiblesses d'IE voient le jour presque quotidiennement, notamment par l'ajout de JavaScript. Voyons quelques uns de ces outils en ligne en vogue actuellement : 14 Light and Easy to Use Open-Source Content Management Systems :Speckyboy Design Magazine. An all singing and all dancing CMS (who uses all of there features anyway?)

14 Light and Easy to Use Open-Source Content Management Systems :Speckyboy Design Magazine

Is not always the best option for every web design project, sometimes all you need is something with a little less punch, something with a smaller learning curve and something that is really, really light. Ultimate Guide to HTML Emails - Tips,Tutorials and Resources. HTML emails is a great marketing tool, and if built good, they work great.

Ultimate Guide to HTML Emails - Tips,Tutorials and Resources

In 2009 HTML email ROI was $43.52 for every dollar spent on it. If you are a freelancer be aware that sooner or later your clients will start asking for you to build HTML emails. You might think that it’s not a big deal. Just a miniature HTML web page. Exploiter n'importe quelle police dans vos pages HTML avec FLIR - Alsacréations. FLIR est une solution axée sur une combinaison PHP/Javascript.

Exploiter n'importe quelle police dans vos pages HTML avec FLIR - Alsacréations

Elle génère dynamiquement une image à partir d'un texte contenu dans votre page web dans une police de caractère déposée sur votre serveur et qui, autrement, ne pourrait pas être vue par vos visiteurs. L'image générée sera automatiquement insérée dans votre page à l'aide de Javascript et visible sur tous les navigateurs modernes. N'importe quel élément contenant du texte peut être remplacé depuis les headers (<h1>, <h2>, etc...) jusqu'aux éléments <span>. Avant de vous jeter les yeux fermés dans l'éxecution de ce tutoriel, sachez que désormais CSS offre la possibilité - beaucoup plus souple et accessible - d'inclure une police "exotique" dans une page web grâce à la propriété @font-face.

Bords arrondis en XHTML/CSS. 15 Useful CSS3 and HTML5 Templates and Frameworks - Speckyboy De. CSS3 and HTML5 are two of the coolest things to come along within web design for a very very a long long time.

15 Useful CSS3 and HTML5 Templates and Frameworks - Speckyboy De

Whats not to love? And the best thing of all? The major browsers are now catching up and giving support. Below you will find a collection of visually basic templates, but with all of them fully packed and enriched with CSS3 and HTML5 goodness. On top of all these templates you will also find a couple of HTML5 powered CSS3 frameworks. HTML5 Basic Template Pack. Improve Your CSS Skills With Pure CSS UI Components. Valid CSS floating corners. Many websites have eye-catching CSS floating corners.

Valid CSS floating corners

These can be used for many purposes, such as advertations. In this post I'll explain how to create those CSS floating corners. If you're viewing this page, you'll see one floating corner in your browser. CSSDesk - Dynamic CSS Sandbox. Middle Box Links. Worst name ever, but I was having a hard time naming it and that seemed to fit the bill.

Middle Box Links

This is the end result: It covers a variety of things I thought were interesting: Centrer les éléments ou un site web en CSS - Alsacréations. Il existe plusieurs méthodes d'alignement et de centrage en CSS, qui dépendent de la structure des balises (bloc, en-ligne) et le type (vertical, horizontal).

Centrer les éléments ou un site web en CSS - Alsacréations

Meet the Pseudo Class Selectors. Pseudo class selectors are CSS selectors with a colon preceding them.

Meet the Pseudo Class Selectors

You are probably very familiar with a few of them. Like hover: a:hover { } 50+ CSS Techniques Designers Should Know. 118 Flares Twitter 9 Facebook 0 Google+ 0 StumbleUpon 109 Pin It Share 0 118 Flares × CSS (Cascading Style Sheets) is just an important part of Web Designing. Without CSS, Websites can look untidy as it used to happen before. Designers can alter images, graphics, shading, spacing and other design elements. 15 Google Chrome Extensions for People Who Build Websites. Create Your Own @font-face Kits.

Typographie web : gérer la taille du texte avec les « em » - Als. Ce tutoriel présente l'unité em et la démarche à suivre pour l'utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site… et donc à en améliorer la qualité générale. Pour concevoir un site web dont le texte sera lisible par tous, quelle que soit la configuration matérielle ou les besoins spécifiques de l'utilisateur, il faut permettre le redimensionnement du texte.

Cela implique l'abandon des tailles de texte en pixels, et l'utilisation d'unités relatives, qui ont deux caractéristiques principales : contrairement aux tailles indiquées en pixels, elles permettent l'agrandissement du texte « à la volée » (après le chargement de la page), même avec les réglages par défaut d'Internet Explorer pour Windows ; elles se basent sur la taille du texte par défaut indiquée par l'utilisateur dans les préférences de son navigateur.

Qu'est-ce qu'un « em » ? CSS @font-face : Des polices personnalisées. Design Spartan : actu, inspiration, tutoriels et ressources sur. Après un premier article présentant 10 astuces à connaître pour éviter de s’arracher les cheveux sur du CSS, voici la suite toujours aussi utile ! A première vue, le CSS est un langage, voire un « format », facile et rapidement assimilable. Seulement, il y a de nombreuses subtilités à connaître avant de maîtriser entièrement le duo xHTML/CSS.

Je vais délivrer certaines connaissances, astuces ou autres trucs pouvant vous éviter de perdre des heures de recherches. PhpForm - Un générateur de formulaire XHTML, CSS et JS complet - PhpForm est un service en ligne gratuit qui vous permettra de générer rapidement des formulaires XHTML et CSS bien conçus, prêts à être intégrés dans vos applications web.

Dans un premier temps, vous aurez la possibilité de choisir quel style vous souhaitez donner à votre formulaire. Le choix des couleurs est assez vaste, vous trouverez sans doute chaussure à votre pied ! Dive Into HTML5. CSS 2.1 and CSS 3 Help Cheat Sheets (PDF) - Smashing Magazine. Advertisement Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help sheets were created by GoSquared and released for Smashing Magazine and its readers. Download the cheat sheets for free! The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords.

Guide to CSS support in email clients - Articles & Tips - Campai. 2 May 2014 Removed support for various selector options (E) in Gmail and added support for direction, vertical-align and list-style-type in Outlook '07/'10/'13. 19 September 2013. Button Maker. Modernizr - Détectez si vos visiteurs supportent le CSS3 et HTML. Modernizr est une librairie Javascript permettant de tester le navigateur de vos visiteurs et de déterminer quelles sont les propriétés CSS3 et HTML5 qu'il est capable de supporter. Ainsi, avec quelques instructions CSS, vous aurez la possibilité d'utiliser les dernières propriétés CSS3 sur les navigateurs modernes, et proposer une solution alternative aux aux plus anciens. Au chargement de la page, un objet javascript est créé.

Il contient des booléens associés à chaque instruction CSS3: Webstuffshare.com - Worth Sharing Bo. As we know, CSS3 has many good features for help us creating more sweet User Interface. One of them is box shadow, it helps us adding shadow effect on each styled element. You must be familiar with drop down menu with shadow effect on it, I usually add the effect using some images but now we’ll create that one using pure CSS. Drop Down Technique To create drop down menu like the demo we can use a div for the menu container and an unordered list for the menu. Wrap the unordered list on the div and hide them, we’ll only show the menu when user hovering the div. Take a look at following image : What CSS3 Can Do For You: Streamlining Buttons and Imagery Trans.

For the web design world, advancements don’t come quick. It takes years of hard work to accomplish new overhauls such as HTML code and CSS levels. When new advancements are made, it makes us feel all giddy inside, and the anticipation kills us. So what do we do? The 10 HTML Tags Beginners Aren’t Using. Let's go back to the basics for this one. Everyone reading this at least knows what HTML is. I believe that, no matter what experience level someone has, reviewing the foundation can help increase knowledge. 10 Tips for Designing HTML Emails.

Love ‘em or hate ‘em, HTML emails are a wildly popular marketing tool and you will almost definitely come across clients that want you to build them. If you don’t know anything about HTML emails, they’re annoying to develop and break all the rules you’ve ever learned as a web designer, but being able to code them is a valuable skill to possess. Today we’ll look at ten quick and easy tips to get beginners started on the road to creating beautiful and functional emails. #1 Use Tables Wait what? Didn’t we abandon non-semantic table-based designs ages ago? Nettoyer trackpad macbook pro. 26 frameworks CSS — Mettez une grille dans votre site web.