Programming, motherfucker est une communauté de développeurs humiliés depuis des années par les programmes, les méthodologies et le management, tous centrés sur les heures facturables et les tests sans intérêt. Alors que le développeur veut surtout… développer. Tiens, en parlant de développement web, voici une sacrée liste de tutoriels qui devrait faire de vous un p***** de développeur ^__^ Lire le reste de cet article »
26/02/11
Minify — Accélérez l’affichage des pages en réduisant le nombre de requêtes HTTP
Minify est un script PHP5 dont l’objectif est d’aider les webmasters à atteindre un des objectifs les plus importants des règles de hautes performances pour les sites web proposées par Yahoo! : diminuer le nombre de requêtes HTTP. Pour y parvenir, Minify combine (concatène) les fichiers CSS ou Javascript. En prime, il supprime les commentaires et les espaces en trop. Minify se charge même de l’encodage gzip tout en envoyant les bons en-têtes (headers) au navigateur. Lire le reste de cet article »
21/12/10
Lightbox CSS avec tabindex et pseudo-classe :focus
Lightbox sans Javascript – Les Lightbox s’affichent généralement suite à un événement click capturé par Javascript. CSS ne possède pas de pseudo-classe :click, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement click par la pseudo-classe :focus et la propriété tabindex pour permettre aux images d’avoir le «focus». Voir la démonstration. Lire le reste de cet article »
17/10/10
CSS Text Wrapper — Habiller vos textes avec des formes non rectangulaires
Fini les textes rectangulaires ! CSS Text Wrapper habille votre textes HTML avec n’importe quelle forme : courbe, zig-zag ou ce que vous voulez. Suivez les instructions et copiez-collez le code généré. Parmi les options possibles, on trouve la largeur et la hauteur de la zone de texte, l’interlignage, la taille de la police de caractère, et la zone de saisie de votre texte au format HTML. Lire le reste de cet article »
23/08/10
ChangeClass — Changer de classe CSS à la volée
ChangeClass — Changer une classe CSS à la volée. Trouvé sur cet excellent article de Noupe sur l’utilisation de Javascript et de jQuery pour la majorité des solutions pour régler 12 problèmes courant liés aux navigateurs. Via @zeubeubeu. Lire le reste de cet article »
13/07/10
30 astuces et stratégies de développement avec jQuery
Nick Parsons de Webitect nous propose sur Pro Blog Design 30 bouts de codes jQuery en prêt-à-porter taillés dans les meilleurs tissus. Dans les rayons, vous trouverez de quoi habiller les longues soirées d’été : Lire le reste de cet article »
22/06/10
Étendre la zone cliquable d’un lien à l’élément parent avec jQuery
Pour étendre la surface cliquable d’un lien les CSS sont bien utiles : il suffit d’augmenter le padding de l’ancre concernée. Mais ne serait-il pas judicieux de rendre cliquable l’élément parent d’un lien ? C’est ce que propose Eroan Boyer dans son billet Étendre la portée d’un lien avec Jquery : Lire le reste de cet article »
01/04/10
Modernizr — Détection des fonctionnalités CSS3 et HTML5
Modernizr est une petite bibliothèque Javascript qui détecte la prise en charge (ou non) des fonctionnalités CSS3 et HTML5 comme @font-face, canvas, video, rgba(), border-radius, les fonds multiples, CSS Columns, etc. Modernizr teste plus de 20 fonctionnalités en quelques millisecondes pour ajouter des classes spécifiques dans la balise html indiquant indiquer la prise en charge (ou non) des propriétés testés par le navigateur. Lire le reste de cet article »
02/03/10
Carrousel fonctionnel sans Javascript
Content Switcher — Bel exemple de mise en place d’un système permettant de passer d’un contenu à un autre via un menu en utilisant les concepts de l’amélioration progressive et du Javascript non intrusif. Ce Carrousel est d’abord pensé pour fonctionner en HTML et CSS et peut bénéficier des améliorations apportées par Javascript (en l’occurrence jQuery) pour avoir des transitions plus funky entre les contenus. Via JPV.
04/02/10
Implémentation jQuery du module CSS3 Template Layout
css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS. Lire le reste de cet article »