Twitter Bootstrap : un peu d&#039;animation

Tag(s)

Conception

Bootstrap

CSS

HTML

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,…

Cet article est réservé aux abonnés. Il vous reste 93% à découvrir.

S'abonner à Connect

Accédez à tous les contenus de Connect en illimité
Découvrez des listes de lecture et des contenus Premium
Consultez les nouveaux articles en avant-première

Je m'abonne

Déjà abonné ? Connectez-vous

Article rédigé par

127 articles

Par le(s) même(s) auteur(s)

Rocket : construisez une API REST en Rust

GNU/Linux Magazine

n°

275

mai 2025

Par

Code

Rapidité de traitement, fiabilité, sécurité, robustesse… Il y a de nombreuses raisons de choisir Rust comme langage pour développer une application en ligne. Mais quel framework choisir ? Nous vous proposons aujourd’hui d’examiner Rocket, un framework qui concilie ces qualités avec simplicité et rapidité de développement.

Réalisez un module Caddy : exemple de génération d’AVIF et de JXL à la volée

GNU/Linux Magazine

n°

273

janvier 2025

Par

Code

Depuis quelque temps déjà, les administrateurs de sites web soucieux de leur référencement se voient conseiller par leur ami Google d’utiliser des « formats d’images modernes tels que WebP » en lieu et place des traditionnels JPEG, PNG et quelques rares GIF restants. Plus facile à demander qu’à faire. La plupart des CMS ne sont pas en mesure de les convertir automatiquement. Bref, beaucoup de travail en perspective, à moins de trouver une solution générale, applicable sans trop d’efforts… Pourquoi pas un module Caddy ?

Adoptez PimCore, bien plus qu’un CMS

SysOps Pratique

n°

147

janvier 2025

Par

La complexité des besoins que doivent satisfaire les applications web ne cesse de croître. D’un autre côté, difficile de trouver la solution idéale parmi le nombre toujours croissant d’outils qui vous sont proposés pour les satisfaire. Comment faire le bon choix ? Aujourd’hui, je vous propose d’examiner PimCore : bâti sur Symfony, il offre souplesse, efficacité et puissance, à un niveau auquel peu d’autres peuvent prétendre.

Plus d'article de cet auteur

Les derniers articles Premiums

Les derniers articles Premium

Bun.js : l’alternative à Node.js pour un développement plus rapide

Contenu Premium

Par

Blachowiak Thomas

Code

Dans l’univers du développement backend, Node.js domine depuis plus de dix ans. Mais un nouveau concurrent fait de plus en plus parler de lui, il s’agit de Bun.js. Ce runtime se distingue par ses performances améliorées, sa grande simplicité et une expérience développeur repensée. Peut-il rivaliser avec Node.js et changer les standards du développement JavaScript ?

PostgreSQL au centre de votre SI avec PostgREST

Contenu Premium

Par

Auverlot Olivier

Data / Big Data

Dans un système d’information, il devient de plus en plus important d’avoir la possibilité d’échanger des données entre applications. Ce passage au stade de l’interopérabilité est généralement confié à des services web autorisant la mise en œuvre d’un couplage faible entre composants. C’est justement ce que permet de faire PostgREST pour les bases de données PostgreSQL.

La place de l’Intelligence Artificielle dans les entreprises

Contenu Premium

Par

Blachowiak Thomas

Société

L’intelligence artificielle est en train de redéfinir le paysage professionnel. De l’automatisation des tâches répétitives à la cybersécurité, en passant par l’analyse des données, l’IA s’immisce dans tous les aspects de l’entreprise moderne. Toutefois, cette révolution technologique soulève des questions éthiques et sociétales, notamment sur l’avenir des emplois. Cet article se penche sur l’évolution de l’IA, ses applications variées, et les enjeux qu’elle engendre dans le monde du travail.

Petit guide d’outils open source pour le télétravail

Contenu Premium

Par

Samhi Jordan

Système

Ah le Covid ! Si en cette période de nombreux cas resurgissent, ce n’est rien comparé aux vagues que nous avons connues en 2020 et 2021. Ce fléau a contraint une large partie de la population à faire ce que tout le monde connaît sous le nom de télétravail. Nous avons dû changer nos habitudes et avons dû apprendre à utiliser de nombreux outils collaboratifs, de visioconférence, etc., dont tout le monde n’était pas habitué. Dans cet article, nous passons en revue quelques outils open source utiles pour le travail à la maison. En effet, pour les adeptes du costume en haut et du pyjama en bas, la communauté open source s’est démenée pour proposer des alternatives aux outils propriétaires et payants.