Tutoriel Vidéo HTML-CSS Compiler ses fichiers SCSS avec libSASS Comme vous le savez je suis un très grand fan du préprocesseur SASS, je l'utilise dans tous mes projets et je l'acompagne aussi de la librairie Compass. Malheureusement, j'ai toujours été frustré par la lenteur du système et le besoin de devoir installer Ruby pour le faire fonctionner (les gens qui comme moi sont sur Windows comprendront :)). Un portage de SASS a été fait en C pour permettre une compilation plus rapide et un portage plus simple du compilateur : libSASS.
Créer des graphiques dynamiques via Google Présentation de l'API ? Google propose son API qui vous permet de faire vos propres graphiques très simplement. Tout comme l'API Google map ou Google Search ce service est gratuit. L'avantage c'est qu'il sont dynamique, vous passer en paramètres vos valeurs et le graphique s'adapte automatiquement. Le système fonctionne via une URL personnalisée à placer dans la source d'une balise image.
Les effets graphiques (très) avancés en CSS Vincent De Oliveira · Kiwiparty 2012 t.co/Vw9tDej Vincent De Oliveira Les effets (presque) courants Quoi de plus? de mieux? La gestion des cookies en JavaScript Les cookies ont été inventés par Netscape afin de donner une "mémoire" aux serveurs et navigateurs Web. Le protocole HTTP, qui gère le transfert des pages Web vers le navigateur ainsi que les demandes de pages du navigateur vers le serveur, est dit state-less (sans état) : cela signifie qu'une fois la page envoyée vers le navigateur, il n'a aucun moyen d'en garder une trace. Vous pourrez donc venir deux, trois, cent fois sur la page, le serveur considérera toujours qu'il s'agit de votre première visite.
Réaliser un lecteur vidéo HTML5 personnalisé Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration La balise HTML5 <video> permet la lecture de vidéos directement sans installation de plugins/codecs. La plupart des navigateurs propose un lecteur prédéfini mais il peut être intéressant de le personnaliser en fonction du design du site dans lequel on va l’intégrer. En effet il peut y avoir des différences de couleurs/formes suivant le navigateur utilisé comme montré ci-dessous :
Guide d'installation de SASS avec Sublime Text 3 Sublime Text 3 Hop… Captain Obvious passe la tête par l’encadrure de la porte pour vous préciser que sans Sublime Text 3 (j’insiste sur la v3), ce guide perd légèrement de son intérêt. Ruby Comment centrer verticalement sur tous les navigateurs ? Ce tutoriel présente des solutions pour centrer verticalement des éléments de tailles variables dans des conteneurs de hauteur fixe ou fluide. Les techniques exposées sont compatibles avec tous les navigateurs actuels, à partir d'Internet Explorer 7 (IE6 n'est volontairement pas abordé) et n'utilisent ni <table>, ni JavaScript. Sommaire
De la géométrie avec CSS Grâce aux CSS et à la nouvelle norme CSS3, nous pouvons créer de plus en plus de formes telles que les carrés, les rectangles, les ronds, etc. Dans cet article, je vais présenter les différentes possibilités de formes faisables en CSS (du moins une liste non exhaustive). Tous les exemples auront pour structure HTML cette base : Compatibilité : Chrome, Safari, Opera, Firefox 4, IE9.Compatibilité partielle : Firefox 3.5 et IE8 (problème avec le border-radius). 5 commentaires