Archives par mot-clef : bootstrap

Vous venez ou allez lancer un service web ? C’est bien ! Qu’il soit intuitif c’est bien aussi. Mais prendre la peine d’expliquer à vos « clients » comment ils fonctionnent, c’est mieux ! Les outils suivants permettent de mettre en place une visite guidée de votre site. Vous placez plein de petites étapes ordonnées un peu partout assez facilement et voilà, votre visiteur est beaucoup plus en confiance. Peu importe votre framework CSS Un super outil qui ne gère malheureusement pas le multipage : IntroJS. Bootstrap Si, pour construire votre service, vous vous êtes basés sur Bootstrap, je vous recommande vivement l’usage d’un outil tel que Bootstrap Tour. Il gère le multipages et d’autres trucs cools. Je sais qu’il y a notamment aussi un plugin tiers pour Drupal. Foundation Le plugin jQuery Joyride est ce qu’il vous faut. Directement développé par les … Continuer la lecture

Deux annonces cette semaine avant que je prenne un petit mois de vacances pour la chronique, voire même le blog. On part enfin en vacances^^ Vivement les plages réunionnaises, le kyte surf, les randos et les requins :p Jasper de Groot a annoncé la seconde version alpha de jQuery Mobile 1.4.0. Beaucoup plus de fonctionnalités pour les thèmes graphiques et un gros paquet de petits widgets bien pratiques. A noter donc : des tabs, des switchs et des filtres. Je vous laisse farfouiller l’annonce. Et sinon, vu que ça a été un mois plus que calme, je conclue sur la sortie de la version 3 de Bootstrap. Que ça plaise ou non, c’est un framework plus qu’utilisé. Et comme d’hab, ils continuent d’utiliser jQuery tout en améliorant leur approche mobile. Il n’en reste pas moins malheureux que leurs développeurs soient … 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 tout le monde ! Alors que je m’apprête à pondre un second coup de gueule contre Darty, la chronique, elle, continue sans soucis. Rien d’officiel ceci dit. On a le droit à un topo très complet et intéressant, en anglais, de la part de l’équipe de elated sur la sortie de jQuery Mobile 1.3. Je vous le conseille franchement. Un énième site pour répertorier les plugins vient de voir le jour. Il a pour mérite d’être plutot bien réalisé et de regrouper plus de 600 plugins. J’espère qu’ils continueront d’alimenter la liste, unheap fait désormais partie de mes sources de plugins. Merci à tous les twittos qui en ont parlé et qui m’ont permis de découvrir ce service. Comme souvent, Megaptery a su nous dégoter une jolie petite perle. Tooltipster est un plugin de tooltip très complet et qui … Continuer la lecture

Certains m’ont dit s’être bien marrés à la lecture de mon précédent article concernant IE 6. Certains pour le style (je les en remercie), d’autres parce que ne comprenant pas pourquoi je me retrouve encore à déboguer une appli web pour IE 6. Je vais donc essayer de vous exposer ici le pourquoi de cette situation de façon plus concrète. Je précise cependant que c’est mon point de vue, basé sur ma courte expérience, et en aucun cas une vérité générale. La quantité de clients Tout d’abord, même sur ce blog, j’ai encore 1% de visiteurs à l’année qui viennent avec IE 6. Je leur souhaite de migrer aussi vite que possible ne serait-ce que pour une version supérieure. Mais ils existent, et je ne peux pas les ignorer. Techniquement, ça représente un investissement. Mais je ne suis pas un pseudo-gourou de la technologie … Continuer la lecture

Je vous parlais il y a peu d’AngularJS. Et notamment mon projet de plugin/module de notifications pour ce framework, le tout basé sur Twitter Bootstrap. Etant donné qu’il n’y a pas de politique à proprement parler sur la façon de construire un plugin « graphique » pour AngularJS, j’ai construit un module (au sens strict du framework). GuiNotify fait des choses simples : Afficher une notification là où vous le souhaitez (réglable via CSS) ; Afficher plusieurs notifications en simultané ; Faire persister l’affichage de celles-ci ; Pouvoir fermer une notification au choix ; Fermer toutes les notifications courantes en un seul clic. Rien de bien original, mais pour ceux qui souhaitent s’initier à AngularJS (module, modèle, contrôleur, vues, services, directives, filtres), j’y utilise toutes les composantes de ce framework. Au passage, j’ai fait en sorte que ce code soit complètement validé par … Continuer la lecture

Salut à tous, j’espère que vous passez un bon nouvel an chinois ! Pas grand chose à se mettre sous la dent, ceci dit, on tape dans le qualitatif pour ce qu’il y a à dire. Je commencerai par vous reparler de jQuery UI Bootstrap. Le framework de dev, basé sur Twitter Bootstrap pour le design et sur jQuery UI pour le côté JS. Il est actuellement disponible en version 0.2. Merci à Addy Osmani pour son énorme travail à ce sujet. Autre « mise à jour », Mirko Tebaldi a mis à jour sa version PDF de la doc de jQuery. Vous pouvez la récupérer ici. Sinon, côté plugins, il y en a deux qui m’ont botté cette semaine. Le premier, chez les copains de BowJay qui continuent sur la lancée avec un plugin de slideshow assez sympa. L’autre, je l’ai découvert … Continuer la lecture

Ceux qui me suivent sur Twitter ont sûrement vu passer quelques tweets de ma part à propos de Twitter Bootstrap. Je vais donc vous faire un petit topo sur la chose : Qu’est-ce que c’est ? Bootstrap, c’est d’abord un framework CSS proposé par Twitter sous licence Apache. C’est à dire que vous pouvez l’utiliser comme vous le souhaitez, que ce soit commercial ou non. Qu’est-ce que ça fait ? Bootstrap dépasse les frameworks CSS classiques et propose carrément des éléments graphiques complets avec une garantie maximale de compatibilité entre les divers navigateurs. Ainsi Bootsrap est un « reset CSS », un « CSS grid framework » et plus. Au programme, vous avez des grids, des layouts, des typos, des tableaux, des formulaires, des alertes, des popins ainsi qu’une gestion des médias et de la navigation. Le CSS c’est bien, mais ça ne fait … Continuer la lecture