Sprites CSS : découpe d'images en CSS

Magazine
Marque
Linux Pratique
Numéro
67
Mois de parution
septembre 2011
Domaines


Résumé

Lorsque vous voulez créer une animation comme, par exemple, le survol d'un bouton, vous n'utilisez plus de Javascript mais des CSS depuis fort longtemps. Pour chaque animation vous devez charger au minimum deux images et cela a un impact sur le temps de chargement de vos pages... Dans cet article, nous allons étudier une technique permettant d'exploiter un seul fichier contenant plusieurs images et de réduire ainsi les temps de chargement.


De nos jours, même si les débits de nos connexions ADSL, câble, ou fibre nous permettent de charger rapidement de nombreux fichiers, il est toujours important de minimiser le nombre de requêtes HTTP et ce pour deux raisons : minimiser le travail de votre (ou de vos) serveur(s) et permettre un chargement dans un temps correct pour les autres types de connexions... En effet, il faut penser que les sites ou applications web sont de plus en plus utilisés depuis des appareils nomades et que la 3G ne permet pas de rivaliser avec des connexions non itinérantes.

Dans cet article je vais vous présenter la technique des sprites CSS permettant de réduire le temps de chargement des fichiers d'images (même si vous n'utilisez que des images statiques). Nous verrons ce qu'est un sprite d'un point de vue théorique avant de passer à la pratique et, pour finir, nous verrons comment combiner cette technique relativement ancienne avec des directives CSS3 pour créer des animations.

1....

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...

Un alter ego d’Eliza en Java faisant du calcul symbolique

Magazine
Marque
GNU/Linux Magazine
Numéro
247
Mois de parution
avril 2021
Domaines
Résumé

ELIZA a été l’un des premiers programmes (chatbot) à avoir tenté de communiquer en langage naturel. Cet article est une tentative de démystification du comportement du programme. L’interprétation d’ELIZA présentée ici est une implémentation en français qui intègre la possibilité d’effectuer des calculs de dérivées en calcul symbolique.

Programmation avec le 6502 : vers des jeux plus évolués

Magazine
Marque
Hackable
Numéro
37
Mois de parution
avril 2021
Domaines
Résumé

Nous savons à présent comment exploiter les capacités du 6502 et du PPU de la NES afin de faire des jeux, comme le Pac-Man présenté lors du dernier article. J'espère d'ailleurs que certains d'entre vous ont essayé, et sont parvenus à améliorer ce programme, disponible sur le GitHub du magazine. Aujourd'hui, nous allons voir que les cartouches de jeux elles-mêmes peuvent renfermer des trésors d'ingéniosité électronique, permettant d'augmenter les capacités de base de la console.

À la découverte des namespaces mount et uts

Magazine
Marque
GNU/Linux Magazine
Numéro
247
Mois de parution
avril 2021
Domaines
Résumé

Le namespace mount, premier d'une longue série de namespaces a été ajouté à Linux quelques années après chroot() pour offrir plus de possibilités et de sécurité dans l'isolation des systèmes de fichiers. Introduit peu après et indéniablement plus simple, le namespace uts permet d'instancier les noms de machine. Les conteneurs sont bien entendu les premiers clients de ces fonctionnalités.

Godot : comment créer un jeu d’aventure

Magazine
Marque
GNU/Linux Magazine
Numéro
247
Mois de parution
avril 2021
Domaines
Résumé

Dans cette série dont cet article est le premier, nous allons découvrir comment créer un jeu aussi complexe qu’un jeu d’aventure avec le moteur de jeu Godot. Nous verrons les différentes étapes, les obstacles et les différents outils mis à votre disposition.