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. Nouveautés HTML 5 – Formulaires et champs de formulaires.

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 ! 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. All of the CMSes below can be regarded as ‘light’, that’s not to say they are lightweights, but what they are is a simpler system, for you and your clients, to manage content. 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. 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 This template has been heavily inspired by the Smashing Magazine HTML 5 template tutorial, however the (CSS & Design) has been modified in several ways. 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: jQuery 1.4's new element creation syntax which is pretty cool and we haven't coveredWriting a little plugin to prevent repeated code (and keep it in the spirit of jQuery)Touches on what I am starting to consider object-oriented CSS The Goal. 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

Le centrage horizontal des éléments de type en-ligne Vous voulez centrer horizontalement un élément de type "en-ligne" au sein d'un bloc. 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 { } They are immensely useful in a variety of situations. 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 » ? Un peu d'histoire… Ce n'est pas encore bien clair ? 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.

Comme vous le verrez, certaines astuces sont assez avancées et peu communes, pourtant certaines sont incroyablement utiles ! 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 !

Dans l'étape suivante, vous pourrez choisir les différents éléments qui constitueront votre formulaire: 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. 19 September 2013 Added support for @font-face, @media and HTML 5 media tags in email clients, as well as email-relevant CSS properties. 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.

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. 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. It also helps to hone skills, especially with the constantly evolving technologies that drives the Internet. There has also been a lot of talk of change with HTML 5.

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.