Il est quelque peu ironique qu'un site Web appelé "CSS-Tricks", se déroule depuis plus d'une décennie, n'a pas eu son propre livre jusqu'à présent. J'ai écrit des livres sur WordPress et SVG, mais étonnamment, jamais un livre CSS dédié!
Cela change aujourd'hui. J'ai compilé "The Greatest CSS Tricks Vol. I", une collection conçue pour être à la hauteur du nom du site. Considérez-le comme un livre de table de café CSS, chaque chapitre se concentrant sur une technique CSS unique, exceptionnellement intelligente et pratique que j'ai rencontrée au fil des ans. C'est une sélection organisée des meilleures astuces CSS que j'ai découvertes.
J'utilise le terme "livre" sans serrer. Il n'est pas encore formaté comme un ebook, et je n'ai pas envisagé de l'imprimer (bien qu'une URL de "livre complet" soit disponible pour imprimer ou créer un PDF). Actuellement, il existe en tant que collection de articles de blog liés. Et "Volume I" implique plus de venir!
Certains chapitres couvrent des concepts bien connus, mais beaucoup sont basés sur des idées d'individus spécifiques, que je m'efforce toujours de crédit de manière appropriée.
La gamme de chapitre actuelle comprend:
- Pin de défilement vers le bas
- Faire défiler
- Flash jaune
- Morphing de forme
- Grilles flexibles
- Triangles frontaliers
- Indicateur de défilement
- Boutons carrés
- Formes auto-tracées
- Fallbacks de police parfaits
- Ombres de défilement
- Blocs de style modifiable
- Éléments dragables
- Gradients d'arrêt dur
- Squigglevision
Cette liste est susceptible de changer; Je peux ajouter plus de chapitres, réorganiser la commande et affiner le contenu. Bien que l'édition soit toujours nécessaire, la valeur fondamentale est déjà présente.
La proposition de valeur: au-delà de la satisfaction immédiate de l'apprentissage de nouvelles astuces CSS, cette collection offre une compréhension plus approfondie. Chaque astuce révèle une nouvelle facette de CSS, améliorant votre intuition et vous rendant plus à l'aise avec ses capacités. C'est comme s'entraîner avec des poids: l'effort facilite le codage futur. Ces astuces agissent comme des poids mentaux, ce qui fait que les tâches CSS moins complexes se sentent sans effort en comparaison.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Style CSS de niveau supérieur pour les curseursApr 23, 2025 am 11:04 AMLes curseurs personnalisés avec CSS sont excellents, mais nous pouvons faire passer les choses au niveau supérieur avec JavaScript. À l'aide de JavaScript, nous pouvons passer entre les états du curseur, placer du texte dynamique dans le curseur, appliquer des animations complexes et appliquer des filtres.
Worlds Collide: Détection de collision de l'ordre clé à l'aide de requêtes de styleApr 23, 2025 am 10:42 AMLes animations CSS interactives avec des éléments se ricochent semblent plus plausibles en 2025. Bien qu'il soit inutile de mettre en œuvre Pong dans CSS, la flexibilité et la puissance croissantes de CSS renforcent le soupçon de Lee selon lequel un jour, ce sera un jour
Utilisation du filtre de fond CSS pour les effets d'interface utilisateurApr 23, 2025 am 10:20 AMConseils et astuces sur l'utilisation de la propriété CSS Back-Filter pour styliser les interfaces utilisateur. Vous apprendrez à superposer des filtres en toile de fond entre plusieurs éléments et à les intégrer à d'autres effets graphiques CSS pour créer des conceptions élaborées.
Smil sur?Apr 23, 2025 am 09:57 AMEh bien, il s'avère que les fonctionnalités d'animation intégrées de SVG n'ont jamais été obsolètes comme prévu. Bien sûr, CSS et JavaScript sont plus que capables de porter la charge, mais il est bon de savoir que Smil n'est pas mort dans l'eau comme précédemment
'Pretty' est dans l'œil du spectateurApr 23, 2025 am 09:40 AMYay, laissez-le saut pour le wat-wrap: joli atterrissage dans la technologie safari aperçu! Mais méfiez-vous qu'il est différent de la façon dont il fonctionne dans les navigateurs de chrome.
CSS-Tricks raconte xliiiApr 23, 2025 am 09:35 AMCette mise à jour de CSS-Tricks met en évidence des progrès significatifs dans l'Almanac, des apparitions de podcast récentes, un nouveau guide CSS Counter et l'ajout de plusieurs nouveaux auteurs contribuant un contenu précieux.
La fonctionnalité @Apply de Tailwind est meilleure qu'il n'y paraîtApr 23, 2025 am 09:23 AMLa plupart du temps, les gens présentent la fonctionnalité de Tailwind avec l'un des utilitaires à propriété unique de Tailwind (qui modifie une seule déclaration CSS). Lorsqu'il est présenté de cette façon, @Apply ne semble pas du tout prometteur. So évidence
Se sentir comme je n'ai pas de libération: un voyage vers les déploiements sainsApr 23, 2025 am 09:19 AMLe déploiement comme un idiot se résume à un décalage entre les outils que vous utilisez pour déployer et la récompense en complexité réduite par rapport à la complexité ajoutée.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
Dreamweaver Mac
Outils de développement Web visuel
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
