Twitter Bootstrap : un peu d'animation

Magazine
Marque
Linux Pratique
Numéro
79
Mois de parution
septembre 2013
Spécialités


Résumé
Dans le numéro précédent, nous avons fait un tour d'horizon des possibilités statiques offertes par Twitter Bootstrap. Mais aujourd'hui, difficile de ne pas mettre un peu de mouvement dans un site web ! Là aussi, Bootstrap vous donnera un petit coup de pouce avec une bonne douzaine de JavaScript prêts à l'emploi, toujours dans le même esprit : élégant et sobre. Et la plupart du temps, vous n'aurez même pas besoin de mettre les mains dans le JavaScript, ou alors si peu...

1. Fenêtre modale

Bootstrap fournit un système permettant d'afficher une fenêtre modale pour la page courante. Une fenêtre modale est une fenêtre qui bloque toute action de l'utilisateur hors d'elle. Elle est modale pour un environnement : une fenêtre peut être modale pour tout le système, auquel cas l'utilisateur ne pourra vraiment rien faire avant de l'avoir refermée ; elle peut être modale pour l'application, comme un message généré par l'instruction JavaScript alert() (jusqu'à récemment sous Firefox, ce n'est plus le cas aujourd'hui ; je n'ai pas vérifié ce qu'il en était des autres navigateurs, cette instruction est désuète depuis un bon moment maintenant) ; ou encore, comme dans notre cas, pour la page.

L'intérêt majeur de cette fonctionnalité est que Bootstrap permet de définir une telle fenêtre sans que le développeur ait à intervenir sur le JavaScript pour la faire fonctionner, le HTML est suffisant :

<a href="#maModale" role="button" class="btn"...

Cet article est réservé aux abonnés. Il vous reste 93% à découvrir.
à partir de 21,65€ HT/mois/lecteur pour un accès 5 lecteurs à toute la plateforme
J'en profite


Articles qui pourraient vous intéresser...

Web scraping avec Node.js

Magazine
Marque
GNU/Linux Magazine
HS n°
Numéro
114
Mois de parution
mai 2021
Spécialités
Résumé

Le web scraping, c’est l’activité qui consiste à gratter (to scrap) du code HTML pour en extraire des données exploitables. Node.js se prête particulièrement bien à l’exercice, aussi je vous propose d’apprendre à gratter de la donnée avec ce formidable outil.

Flutter : applications mobiles, web et desktop

Magazine
Marque
GNU/Linux Magazine
Numéro
248
Mois de parution
mai 2021
Spécialités
Résumé

Flutter est un framework permettant de développer des applications natives pour Linux, Windows, macOS, Android, iOS et le Web à partir du même code source. Un moteur graphique OpenGL ultra performant et la compilation native en ARM, x86-64 ainsi que WebAssembly, associés à un cycle de développement agile et hyper intuitif, en font la solution ultime pour les créateurs d’applications. L’essayer, c’est l’adopter !

Un bot qui surveille le Web et envoie des alertes

Magazine
Marque
GNU/Linux Magazine
HS n°
Numéro
114
Mois de parution
mai 2021
Spécialités
Résumé

De nos jours, lorsque l’on recherche une information, on se tourne immédiatement vers le Web. Ainsi, de très nombreuses informations sont mises à jour quotidiennement et il faut donc penser à visiter les sites les produisant, de manière à être au courant des dernières modifications. Et si nous codions un bot qui ferait cela pour nous ?

Le partage de fichiers en ligne, simple et sécurisé

Magazine
Marque
Linux Pratique
Numéro
123
Mois de parution
janvier 2021
Spécialités
Résumé

À l’heure où nous rédigeons ces lignes, le recours au télétravail est fortement recommandé, ce qui nécessite de s’équiper au mieux pour pouvoir assurer la continuité de son activité dans de bonnes conditions. Dans ce contexte, il n’est pas toujours aisé de partager facilement et de manière sécurisée des données avec ses collaborateurs. Cela est également valable dans un cadre privé, où l’on souhaiterait par exemple pouvoir échanger en quelques clics les photos des dernières fêtes ou des documents sensibles avec ses proches. Gros plan sur trois services en lignes libres, décentralisés et respectueux de la vie privée qui se révèleront fort utiles dans ces situations.