Périphériques technologiquesIndustrie informatiqueAnimer avec CSS, JS et SVG, et éviter l'épuisement professionnel
Cet épisode de l'émission de versioning présente Sarah Drasner, écrivain, auteur, consultant et éducateur de CSS-Tricks, en conversation avec Tim et David. Ils explorent le monde de l'animation en utilisant CSS, JavaScript et SVG, mettant en évidence les avantages de SVG par rapport aux graphiques statiques pour l'animation. Les sujets incluent les gradients SVG 2 et Mesh, surmonter l'épuisement professionnel, la prise de parole en public et l'écriture, les avantages de l'enseignement, l'équilibrage payant et le travail communautaire, et les antécédents uniques de Sarah en tant qu'illustrateur scientifique.
La discussion met l'accent sur l'évolutivité et les avantages de la performance de SVG pour créer des animations détaillées et interactives sans perte de qualité dans différentes tailles d'écran. Sarah partage ses stratégies pour lutter contre l'épuisement professionnel, y compris des projets de week-end personnels impliquant l'animation SVG. La conversation couvre également les capacités uniques de SVG pour l'animation d'interface utilisateur / UX, l'utilisation de JavaScript pour des animations complexes, les techniques d'optimisation pour des performances lisses et l'importance de rester à jour avec l'évolution du support du navigateur et des fonctionnalités telles que les gradients de maillage.
Abonnez-vous via iTunes | Abonnez-vous via Stitcher
parrainé par Hellosign.
Prise des clés:
- Tirez parti de SVG pour l'animation en raison de son évolutivité et de ses performances.
- Combat Burnout avec des projets personnels pour raviver la passion.
- Utiliser les capacités uniques de SVG pour les animations d'interface utilisateur / UX.
- Utilisez JavaScript pour des animations SVG complexes au-delà des capacités CSS.
- Explorez des bibliothèques comme GSAP et Snap.Svg pour une création d'animation efficace.
- Optimiser les animations SVG en minimisant la taille du fichier et en utilisant des techniques efficaces.
- Restez à jour sur les progrès SVG et le support du navigateur.
Afficher les notes:
- API Hellosign
- Sarah sur Twitter: @sarah_edo
- Ressources d'animation SVG
- Sarah sur Codepen
- Wew Animations Workshop
- Site Web de Sarah
- greensock (gsap)
- mo.js
- API d'animations Web
- d3.js
- react-motion
- Field Museum
- Stack Overflow
- CSS-Tricks
- Blog David Walsh
- Amelia Bellamy-Royds
- vue.js
- Twitter: @mdavidgreen | @tevko | @versioningsHow | @SitePointDotCom
Fait saillie de la conversation:
- La transition de Sarah vers le freelance et l'abondance inattendue du travail.
- La puissance d'une animation bien exécutée dans l'expérience utilisateur et les taux de conversion.
- Les projets personnels de Sarah comme méthode pour lutter contre l'épuisement professionnel.
- Les avantages uniques de SVG pour l'animation UI / UX par rapport aux graphiques statiques.
- L'arrière-plan de Sarah en tant qu'illustrateur scientifique.
- Conseils pour les aspirants orateurs publics pour surmonter un manque d'expérience.
- La valeur de l'écriture en tant qu'outil d'apprentissage et d'enseignement.
- L'approche complète de Sarah pour enseigner l'animation SVG.
- L'impact potentiel des gradients de maillage dans SVG 2.
(une transcription complète suit, omise par la brièveté mais disponible sur demande.)
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!
Construire un scanner de vulnérabilité de réseau avec GoApr 01, 2025 am 08:27 AMCe scanner de vulnérabilité de réseau basé sur GO identifie efficacement les faiblesses de sécurité potentielles. Il exploite les fonctionnalités de concurrence de GO pour la vitesse et comprend la détection de services et la correspondance de vulnérabilité. Explorons ses capacités et ses éthiques
Top 10 des meilleurs outils de vérificateur de backlink gratuit en 2025Mar 21, 2025 am 08:28 AMLa construction du site Web n'est que la première étape: l'importance du référencement et des backlinks La construction d'un site Web n'est que la première étape pour la convertir en un actif marketing précieux. Vous devez faire l'optimisation du référencement pour améliorer la visibilité de votre site Web dans les moteurs de recherche et attirer des clients potentiels. Les backlinks sont la clé pour améliorer le classement de votre site Web, et il montre à Google et à d'autres moteurs de recherche l'autorité et la crédibilité de votre site Web. Tous les backlinks ne sont pas bénéfiques: identifier et éviter les liens nocifs Tous les backlinks ne sont pas bénéfiques. Les liens nocifs peuvent nuire à votre classement. Excellent outil de vérification de la liaison backlink gratuite surveille la source des liens vers votre site Web et vous rappelle les liens nuisibles. De plus, vous pouvez également analyser les stratégies de liaison de vos concurrents et en apprendre. Outil de vérification gratuite de backlink: votre agent de renseignement SEO
Un autre produit national de Baidu est lié à Deepseek.Mar 12, 2025 pm 01:48 PMDeepseek-R1 autorise la bibliothèque Baidu et NetDisk: L'intégration parfaite de la pensée et de l'action profondes s'est rapidement intégrée à de nombreuses plateformes en seulement un mois. Avec sa disposition stratégique audacieuse, Baidu intègre Deepseek en tant que partenaire modèle tiers et l'intégre dans son écosystème, qui marque un progrès majeur dans sa stratégie écologique de "Big Model Search". Baidu Search et Wenxin Intelligent Intelligent Platform sont les premiers à se connecter aux fonctions de recherche profonde des grands modèles Deepseek et Wenxin, offrant aux utilisateurs une expérience de recherche IA gratuite. Dans le même temps, le slogan classique de "Vous saurez quand vous allez à Baidu", et la nouvelle version de l'application Baidu intègre également les capacités du Big Model et Deepseek de Wenxin, lançant "AI Search" et "Wide Network Information Raffinement"
Derrière le premier accès Android à Deepseek: voir le pouvoir des femmesMar 12, 2025 pm 12:27 PMLa montée en puissance du pouvoir technologique des femmes chinoises dans le domaine de l'IA: l'histoire de la collaboration d'honneur avec la contribution des femmes en profondeur au domaine de la technologie devient de plus en plus significative. Les données du ministère des Sciences et de la Technologie de la Chine montrent que le nombre de travailleuses scientifiques et technologiques est énorme et montre une sensibilité à la valeur sociale unique dans le développement des algorithmes d'IA. Cet article se concentrera sur l'honneur des téléphones mobiles et explorera la force de l'équipe féminine derrière qu'elle soit la première à se connecter au grand modèle Deepseek, montrant comment ils peuvent promouvoir le progrès technologique et remodeler le système de coordonnées de valeur de développement technologique. Le 8 février 2024, Honor a officiellement lancé le Big Model de Deepseek-R1, devenant le premier fabricant du camp Android à se connecter à Deepseek, excitant la réponse enthousiaste des utilisateurs. Dant ce succès, les membres de l'équipe féminine prennent des décisions de produits, des percées techniques et des utilisateurs
Le profit 'incroyable' de Deepseek: la marge bénéficiaire théorique est aussi élevée que 545%!Mar 12, 2025 pm 12:21 PMDeepseek a publié un article technique sur Zhihu, présentant en détail son système d'inférence Deepseek-V3 / R1, et a révélé pour la première fois des données financières clés, ce qui a attiré l'attention de l'industrie. L'article montre que la marge de bénéfice des coûts quotidiens du système atteint 545%, ce qui établit un nouveau profit mondial dans le modèle mondial de l'IA. La stratégie à faible coût de Deepseek lui donne un avantage dans la concurrence du marché. Le coût de sa formation sur modèle n'est que de 1% à 5% des produits similaires, et le coût de la formation du modèle V3 n'est que de 5,576 millions de dollars, bien inférieur à celui de ses concurrents. Pendant ce temps, la tarification de l'API de R1 n'est que de 1/7 à 1/2 d'Openaio3-MinI. Ces données prouvent la faisabilité commerciale de la voie technologique profonde et établissent également la rentabilité efficace des modèles d'IA.
Midea lance son premier climatiseur Deepseek: l'interaction vocale AI peut réaliser 400 000 commandes!Mar 12, 2025 pm 12:18 PMMIDEA publiera bientôt son premier climatiseur équipé d'un grand modèle Deepseek - MIDEA Fresh and Clean Air Machine T6. Ce climatiseur est équipé d'un système de conduite intelligent avancé, qui peut ajuster intelligemment les paramètres tels que la température, l'humidité et la vitesse du vent en fonction de l'environnement. Plus important encore, il intègre le grand modèle Deepseek et prend en charge plus de 400 000 commandes vocales AI. La décision de Midea a provoqué des discussions animées dans l'industrie et est particulièrement préoccupé par l'importance de la combinaison de produits blancs et de grands modèles. Contrairement aux paramètres de température simples des climatiseurs traditionnels, MIDEA Fresh Air Machine T6 peut comprendre des instructions plus complexes et vagues et ajuster intelligemment l'humidité en fonction de l'environnement familial, améliorant considérablement l'expérience utilisateur.
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
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
mPDF
mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),
MantisBT
Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.
Dreamweaver Mac
Outils de développement Web visuel
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
