Clik here to view.
Astuce : Les attributs async et defer pour
Deux attributs HTML permettent de modifier le comportement des balises <script> et plus particulièrement pour le chargement des ressources JavaScript : async : charger/exécuter les scripts de...
View ArticleClik here to view.
Astuce : L’accélération matérielle au service de vos animations CSS
C'est quoi l'accélération matérielle ? Comme le dit fort à propos Wikipédia : L'accélération matérielle consiste à confier une fonction spécifique effectuée par le processeur à un circuit intégré...
View ArticleOutil : Rendu par défaut des éléments HTML
Outil conçu par Julien Royer, permettant d'observer les différences de rendu par défaut... et mieux comprendre certaines divergences d'affichage.
View ArticleClik here to view.
Outil : Schnaps.it, le générateur de template HTML5
Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel outil de génération de code HTML / CSS ! Combinaison de plusieurs outils existants (KNACSS, Schnapsum et Squelettor),...
View ArticleClik here to view.
Astuce : Optimisation des pré-chargements avec prefetch, dns-prefetch et...
Les navigateurs rivalisent d'ingéniosité pour diminuer le temps de chargement des pages, ou du moins le faire ressentir à l'utilisateur. Quelques tentatives de pré-chargement automatique furent...
View ArticleOutil : LearnLayout
LearnLayout est un mini-site d'apprentissage dédié au positionnement en CSS. Parfaitement adapté aux débutants (display, modèle de boîte, float, position, inline-block), le tutoriel n'exclut pas les...
View ArticleClik here to view.
Astuce : Convertir du Flash (SWF) en HTML5 avec Swiffy
Qu'on l'aime ou non, la technologie Flash existe encore et aucune date d'enterrement n'est prévue par Adobe. Utilisé à bon escient, il est toujours possible d'en avoir plein les mirettes avec des...
View ArticleClik here to view.
Tutoriel : Découverte du framework CSS KNACSS
KNACSS, un "framework CSS" ? KNACSS est une feuille de styles CSS de base pour débuter ses projets d'intégration web, conçue par Raphaël Goetter et Alsacréations. Concentré de bonnes pratiques, de...
View ArticleClik here to view.
Tutoriel : Menu de navigation avec amélioration progressive
L'ouvrage "Adaptive Web Design" d'Aaron Gustafson, dont nous avons fait le retour de lecture récemment est un excellent condensé du principe de développement par "Amélioration Progressive"...
View ArticleArticle : Abréviations sur le web, balisage sémantique et exemples de code
Les règles typographiques de la langue française sont merveilleuses, riches et alambiquées à la fois. Surtout appliquées au Web. Par exemple, la règle générale pour les abréviations – même s’il...
View ArticleOutil : Red Pen
RedPen est un site bien pratique pour envoyer votre design (format image) et obtenir une URL courte à partager. Avec cette adresse, vous pouvez ajouter des annotations partagées entre différentes...
View ArticleClik here to view.
Tutoriel : Canvas 3D (WebGL) plus facile avec Three.js
Nous avons tous déjà vu des sites de grandes marques nous en mettant plein la vue avec des animations 3D interactives, ou des démonstrations technologiques qui font rêver. On pense ici à quelques...
View ArticleClik here to view.
Outil : Prepros
Prepros est un "environnement de travail" (workflow) graphique destiné aux projets d'intégrations HTML et CSS basés sur des préprocesseurs tels que LESS, Sass/Compass et Stylus. Ce logiciel est...
View ArticleOutil : Real Favicon Generator
Real Favicon Generator est un outil gratuit en ligne permettant de vérifier et de générer des fichiers "favicon" pour son site web. Bien plus complet que d'autres outils du même acabit, RFG ne se...
View ArticleClik here to view.
Tutoriel : Réduire le poids d'une image SVG : d'Illustrator à l'export final
Beaucoup d’articles prônent l'usage du format d'image SVG pour les illustrations et icônes sur les sites web. Le SVG étant un format vectoriel, il a le très gros avantage de permettre le...
View ArticleOutil : Tanaguru Contrast-Finder
Un outil de plus pour vérifier si les couleurs sont accessibles ? Pas vraiment. Tanaguru Contrast-Finder fait ce que de nombreux autres outils ne font pas : trouver et proposer des jeux de couleurs...
View ArticleOutil : Dareboost
Dareboost se présente comme un site d'analyse et conseil en performance et qualité web. C'est un outil d'audit en ligne comme il en existe d'autres, mis à part que celui-ci dispose de nombreux atouts...
View ArticleClik here to view.
Tutoriel : Bower pour les nuls (comme moi)
Vous êtes intégrateur ou développeur front-end ? Vous avez envie de vous faciliter la vie tout en étant quelque peu allergique à la ligne de commande (un peu comme moi en fait) ? Vous adorez votre job...
View ArticleClik here to view.
Article : C'est quoi le Responsive Web Design ?
Consacré "mot-clé de l'année 2013" par le célèbre magazine Mashable, le Responsive Web design (RWD) est aujourd'hui incontournable dans nos projets web (et dans les cahiers des charges de nos...
View ArticleClik here to view.
Article : Détecter le support des fonctionnalités avec @supports
La règle @supports, également nommée “règle conditionnelle”, permet de détecter la reconnaissance de certaines propriétés CSS au sein du navigateur. Introduite au sein des spécifications dans le...
View Article