background preloader

HTML5 / CSS3

Facebook Twitter

Initializr - Start an HTML5 Boilerplate project in 15 seconds! HTML5 Boilerplate, un template puissant et complet. HTML5 Boilerplate est un template (HTML+CSS+JS+...) lancé par Paul Irish (Modernizr) et Divya Manian.

HTML5 Boilerplate, un template puissant et complet

Il contient toutes les bonnes pratiques du moment en terme de performances, de compatibilité inter-navigateurs, de JavaScript, avec un soupçon d'accessibilité (si utilisé à bon escient), voire de Flash. Une version sur-mesure peut être générée via Initializr. Vous retrouverez donc dans un zip tous les fichiers et sous-répertoires organisés pour débuter votre intégration avec d'excellentes bases.

Bien entendu, vous l'aurez deviné, le but est de favoriser l'adoption de HTML, d'où l'inclusion par défaut de la librairie Modernizr, ainsi que jQuery via GoogleAPI (avec fallback local). Voici une liste des fonctionnalités supportées : Bien entendu d'autres sont à découvrir dans le code source, comme par exemples les indications pour les icônes Apple touch + favicon par exemple. HTML5 Boilerplate: The web’s most popular front-end template.

Astuces et plugins pour Aptana Studio 3. Bonjour à toutes et à tous.

Astuces et plugins pour Aptana Studio 3

Je vous fais par de petites astuces sur un célèbre IDE pour programmeur web. J’ai découvert il y a quelque mois de cela un célèbre IDE open-source se prénommant Aptana Studio 3 . J’ai eu l’occasion d’en tester d’autres comme Komodo IDE 7 , jEdit , Redcar , Dreamweaver, NotePad++, Eclipse, … qui sont eux aussi très bons. Les meilleurs ont un coût mais pas forcément utiles selon le contexte… Cet IDE m’a très vite conquis pour son interface très simpliste, explicite mais aussi par sa vaste communauté de développeur, ces multitudes d’options et de personnalisations (coloration syntaxique, thème, add-ons, …) Et j’en passe ! Bref, une pure merveille.. Pour couronner le tout, je vous ai concocté des petits plus concernant cet IDE qui fera des heureux… :).

Je vous propose ici une liste de thèmes très sympathique concernant la coloration syntaxique sous l’extension .tmTheme ! Voici des plugins très utiles (voir indispensable ^^) : Eclipse Babel Project. HTML5 MAKER Editor. Learn html 5. WampServer. Aptana Studio 3 Guided Tour and Tutorial: Create a Web Project Using the HTML 5 Boilerplate Framework. Aptana Studio is one of the most comprehensive tools in the free Web editor market.

Aptana Studio 3 Guided Tour and Tutorial: Create a Web Project Using the HTML 5 Boilerplate Framework

Though its primary function is as an Ajax development environment, it is equally adept at working with PHP, Ruby, Rails, .Net, Titanium, PyDev (Python, Jython, Iron Python). In this tutorial, we're going to get better acquainted with Aptana Studio 3 by creating a hypothetical newsletter subscription page. The page will contain a text field that accepts an email address and a button for submitting it to the server using jQuery. On the server-side, a PHP script will verify that the email was received and sends a message back to the browser for displaying. In building this project, we will learn how to include JavaScript libraries in our projects, how to configure Aptana Studio to use our Web server, and how to set up our own Server/Runtime Configurations and Preview Settings.

What You'll Need If you haven't already done so, download Aptana Studio 3 as a standalone application or plug-in for Eclipse 3.5+. Learn HTML5 in 5 Minutes! Written by Jennifer Marsman There's no question, HTML5 is a hot topic for developers.

Learn HTML5 in 5 Minutes!

If you need a crash course to quickly understand the fundamentals of HTML5's functionality, you’re in the right place. In this tutorial, I’ll cover the new semantic markup, canvas for drawing and animation, audio and video support, and how to use HTML5 with older browsers. Might be a bit more than five minutes, but I promise I’ll keep it quick. Stick with me…it’ll be worth it! There’s a great story about a university who, when building their campus, didn’t create any walking paths. A year later, the grass was all worn out where people walked most frequently.

It makes perfect sense!