Catégories
Astuces et Design

Une barre latérale collante de taille dynamique avec HTML et CSS

Créer un contenu de page qui colle à la fenêtre lorsque vous faites défiler, quelque chose comme un menu de saut à l'ancre ou des en-têtes de section, n'a jamais été aussi simple. Jeter un position: sticky dans votre jeu de règles CSS, définissez le décalage directionnel (par exemple top: 0) et vous êtes prêt […]

Catégories
Astuces et Design

Mettre à l'échelle linéairement la taille de la police avec la pince CSS () En fonction de la fenêtre

La typographie responsive a été essayée dans le passé avec une multitude de méthodes telles que les requêtes multimédias et CSS calc(). Ici, nous allons explorer une manière différente de mettre à l'échelle du texte de manière linéaire entre un ensemble de tailles minimale et maximale à mesure que la largeur de la fenêtre augmente, […]

Catégories
Astuces et Design

Comment changer la taille des diapositives dans PowerPoint

Alors que la plupart des utilisateurs sont habitués au format 16: 9 standard des présentations, vous pouvez modifier la taille des diapositives dans PowerPoint. Vous pouvez modifier pour s'adapter à une taille d'écran différente – peut-être l'ancien format 4: 3 – ou pour créer un type de fichier personnalisé. L'outil comprend même quelques tailles prédéfinies […]

Catégories
Astuces et Design

Transformer un objet de taille fixe en un élément réactif

J'étais récemment dans une situation où je voulais montrer un iPhone sur un site Web. Je voulais que les utilisateurs puissent interagir avec une démo d'application sur ce téléphone «simulé», donc elle devait être rendue en CSS, pas une image. J'ai trouvé une excellente bibliothèque appelée marvelapp / devices.css. La bibliothèque a implémenté l'appareil dont […]

Catégories
Astuces et Design

Taille de police accessible, expliquée | Astuces CSS

Les directives pour l'accessibilité du contenu Web (WCAG), une organisation qui définit des normes pour l'accessibilité du contenu Web, ne spécifie pas de taille de police minimale pour le Web. Mais nous savons que le texte est trop petit pour être lisible, tout comme le texte peut être trop volumineux pour être consommé. Alors, comment […]