Archives par mot-clef : css

Astuce d’utilisation des Chrome Dev Tools aujourd’hui. Faites un clic droit quelque part sur une page quelconque puis choisissez « Inspecter cet élément ». Dans le panneau des éléments, cliquez sur la valeur d’une des propriétés CSS. D’habitude, vous effacez, changez la valeur et vous recommencez tant que ça ne vaut pas la bonne valeur. Problème, c’est pas très efficace comme méthode quand on cherche au pixel près la bonne taille et que l’élément perd sa taille de référence et donc clignote à chaque fois que l’on teste une nouvelle valeur. Bof. Appuyez donc sur la flèche haute ou la flèche basse. La valeur change, ça ne clignote plus. Beaucoup plus efficace Le principe : flèche haut et bas, pas de 1. Page suivante ou précédente : pas de 10.

Salut à tous ! Comment allez-vous ? Alors tout d’abord, je tiens à remercier mes lecteurs qui sont venus me voir et discuter avec moi. Je ne sais pas si vous vous rendez compte du plaisir que je prends à me faire alpaguer comme ça au détour d’un couloir pour me faire un coucou. C’est un peu basique mais c’est vraiment génial Avec Camille Havas, ma camarade de prise de notes, on a assuré sur la première journée, c’était génial. 14 conférences, du niveau, du très haut-niveau. Bon, les confs en anglais, c’est pas toujours simple mais on s’en sort bien. Vous pouvez retrouver nos premières prises de notes sur Unishared http://www.unishared.com/web5-2013/. Ce sont des documents Google Docs collaboratifs. Je vous les remettrai à plat prochainement sur ce blog. Lyle Troxell de chez 4D/Wakanda a fait un paquet de photos avec … Continuer la lecture

Salut les kids ! Aujourd’hui je vais vous parler de ma désagréable expérience avec Less. Un billet de blog qui fera bien plaisir à mon ami goldoraf qui s’est quelque peu démené pour m’éviter cette mésaventure. J’aurais dû l’écouter. Less Je vais quand même commencer par présenter l’animal. Nous avons affaire à un package node qui permet de compiler des fichiers éponymes en fichiers CSS et pourquoi pas au passage de les compresser. C’est à dire d’en réduire la taille sur le principe simplifié de la minification pour le JavaScript. Ne sont supprimés que les espaces et autres commentaires. Sur le principe, l’idée est excellente mais. Les énormes défauts Il n’y a que peu ou pas d’option. La plus expliquée mais la moins importante est de pouvoir activer la compression avec l’outil développé par Yahoo plutôt qu’avec la compression native. … Continuer la lecture

Hello, après deux semaines sans m’être occupé de la chronique, elle est de retour ! jQuery 1.8 est disponible ! Pas grand chose à dire de plus que la dernière fois que je vous en ai parlé. Dans cette version, il y a : le nouveau Sizzle ; les animations ont été revues ; les préfixes automatiques ont été mis en place pour les CSS. jQuery ajoute automatiquement moz- pour les propriétés spécifiques à Firefox par exemple. N’oubliez cependant pas que même si jQuery vous assiste bien pour gérer vos CSS il ne doit pas en faire le boulot ; Plus de 160 bogues corrigés ; Le code a été allégé, pas énorme mais c’est toujours ça de pris Le process de construction de jQuery a été revu pour se baser sur Grunt, ce qui vous permettra d’obtenir votre propre … Continuer la lecture

Encore une fois en décalage par rapport à mes habitudes. Mais on se rattrape, au moins, on est encore lundi. Il y a eu de l’annonce officielle, on va donc voir ça de près : Dave Methvin a annoncé la beta 1 de jQuery 1.8 ! Tout d’abord, la mise en place d’un constructeur personnalisé. Vous pourrez choisir quel éléments vous souhaitez embarquer ou non. Je me suis toujours battu contre cette solution pour l’allègement mais finalement, ils adoptent quand même. Tant pis, ça ne m’empêchera pas de continuer à militer pour les CDN après tout. Nous bénéficierons des CSS dynamiques adaptés au navigateur. Vous connaissez tous les horribles mais incontournables -webkit-*, moz-* et autres cochonneries pollueuses de code ? Et bien là, quand vous ferez : $("#myscroll").css("marquee-direction", "backwards") Vous obtiendrez ça : marquee-direction: backwards; //avant -webkit-marquee-direction: backwards; //maintenant sous Webkit -moz-marquee-direction: backwards; //maintenant sous … Continuer la lecture

Hello tout le monde ! Rien d’officiel cette semaine, une quantité folle de plugins, quelques publications intéressantes, d’autres déroutantes. C’est reparti pour un nouvel épisode des chroniques jQuery. Je commence par vous rappeler que s’est tenu cette semaine la jQuery UK 2012 à Oxford. Je ferai un débrief dessus dans un billet séparé pour ne pas vous noyer d’infos. Deux choses m’ont vraiment marqué cette semaine. Tout d’abord une publication de Geekos.fr qui a proposé un article permettant de travailler avec deux versions simultanées de jQuery. Je me doute qu’ils ont sûrement réfléchi longuement avant de commettre cette infamie. Mais je tiens à rappeler que ceci est tellement sale que ça ne relève même plus de la mauvaise pratique. C’est carrément à proscrire, en tout cas en production. Amis développeurs, décideurs, intégrateurs et tout autre personne touchant du code jQuery, mettez … Continuer la lecture

Vous vous souvenez que je vous avais parlé de Twitter Bootstrap ? C’est bon, tout le monde se souvient ? Eh bien voilà la 2.0 ! Au menu, il y a eu quelques gros changements mine de rien et du coup, vous devez revoir votre copie si vous voulez passer de l’un à l’autre. Déjà du côté de la doc, où tout a été mis en place pour la traduction. Donc très prochainement, on devrait avoir une documentation non seulement complète et mis à jour mais en plus dans différentes langues. Pratique ça déjà parce que ça n’était pas toujours très simple. Pour le système de grilles, on a système limité à 12 colonnes plutôt que 16. Certainement parce que séparé en 16 de toute façon, c’était illisible. Et au passage, ils ont retravaillé le bousin pour le rendre plus … Continuer la lecture

Avec un peu de retard, voilà le 59ème. On commence direct avec les annonces officielles : jQuery UI 1.8.17 est disponible ! Bon vous l’aurez compris au numéro de version, c’est juste une mineure. Dans le ventre, elle corrige des problèmes du widget Accordion, Autocomplete, Button, Datepicker, Droppable, Position, Progressbar, Selectable, Sortable et Tabs plus quelques bidouilles du côté des CSS. Rien de formidable en soit mais la consolidation est toujours nécessaire. Comme presque toujours, c’est Scott González qui a fait l’annonce et comme d’habitude vous y trouverez le changelog complet. Todd Parker a publié à propos d’une très prochaine version de jQuery Mobile du genre 1.0.1. En soit, pareil, une version mineure donc des corrections. Mais cela prépare surtout l’arrivée de la 1.1 sur laquelle ils travaillent à fond. Et on a eu le droit à un aperçu. Il … Continuer la lecture

Les fêtes ne sont visiblement pas finies pour tout le monde. Très faible activité du côté officiel, heureusement, la communauté, elle, a déjà repris du service. On commence du côté du core de jQuery. Avec rien à dire. Enfin si, juste une petite astuce en rappel de la part de mon ami Olivier Pons. Qui nous rappelle comment faire pour appeler une seule fois une fonction lors d’un évènement. On attaque donc directement avec un super tutoriel vidéo réalisé par les gars de Grafikart concernant le composant DatePicker de jQuery UI. Comme d’habitude, ils présentent très bien les choses, ils sont exhaustifs, prennent le temps d’expliquer chaque point et font un bon tour de la question. Continuez les gars, c’est cool ce que vous faites ! Le site DesignModo a publié une liste de plus de 35 animations diverses réalisées … Continuer la lecture

Bon bah dans ma logique habituelle de recherche de l’IDE ultime, je ne pouvais pas ne pas tester WebStorm 3. L’IDE de JetBrains qui prétend carrément être « le meilleur IDE pour JavaScript avec éditeur HTML ». Rien que ça déjà, je suis pas fan. Mais bon, c’est pas en disant qu’on fait de la m*rde qu’on vend. On commence par les trucs annoncés : intégration de JSLint (ça c’est cool), de NodeJS (ouf) et de CoffeeScript (pareil : ouf). Jusque là, honnêtement, ça présente bien. Je commence le test, la présentation des fonctionnalités ne ment pas. On a affaire à une auto-complétion présente et efficace (y compris pour le HTML, j’aime toujours autant avoir la complétion sur mes chemins de média), le refactoring de code est plutôt utile (c’est vrai que ça manque dans beaucoup d’IDE). JsTestDriver, un plugin maison, est utilisé … Continuer la lecture