Le Roundup de ce mois-ci couvre mes activités, les mises à jour de CSS-Tricks et les nouvelles de nos sites affiliés.
Smashing Conf San Francisco Présentation
Ma présentation, une version mise à jour de "Comment penser comme un développeur frontal", est maintenant disponible sur Vimeo (lien fourni en raison de restrictions d'intégration). Chaque itération reflète mon apprentissage et mon évolution en cours en tant que développeur.
Apparence de podcast d'un mois
J'ai récemment rejoint Chris Castiglione sur le podcast d'un mois. Nous avons discuté de mon parcours de codage, de la définition d'un développeur frontal, de mes ressources préférées pour rester à jour et des leçons apprises de plus de 300 épisodes Shoptalkshow. Une transcription complète est disponible.
Améliorations de codepen
Codepen a vu plusieurs mises à jour significatives: une nouvelle fonctionnalité "SUJET", un éditeur de stylo à part entière pour toutes les tailles d'écran, un bouton de partage de développement et de nombreuses fonctionnalités plus importantes actuellement en développement. Comme toujours, nous continuons notre Codepen Challenge, Spark Newsletter et podcast radio.
Speaking Engagements à venir
Je présenterai aux conférences suivantes:
- 9 juillet 2019 - Jamstack_Conf_london - Londres, Angleterre
- 21 août 2019 - Abstractions II - Pittsburgh, Pennsylvanie
- 29 août 2019 - Front Conference - Zurich, Suisse
- 13 septembre 2019 - Web Unleashed - Toronto, Canada
- 18 septembre 2019 - Dot All - Montréal, Canada
- 30 septembre 2019 - Artefact - Austin, Texas
- 16 octobre 2019 - Jamstack_Conf - San Francisco, Californie
Améliorations du site Web de la conférence frontale
Notre site Web de conférence frontale (un site 11ty hébergé par Netlify) a reçu des mises à jour, y compris des permaliens pour chaque conférence, des images générées dynamiquement (SVG et PNG) et des fonctionnalités de partage par e-mail via des fonctions Netlify. Les améliorations futures incluent des arrière-plans personnalisables pour chaque conférence. Les contributions communautaires sont les bienvenues!
Mai rabais sur le conseil d'emploi
Notre CSS-Tricks Job Board (propulsé par Codepen et Shoptalk Show) offre une remise de 100 $ en mai. Postez un emploi pour 199 $ (au lieu de 299 $) avec une inscription de 60 jours.
SHOPTALK show invités
Dave et moi avons récemment interviewé Heydon Pickering, Jessica Ivins, Scott Jehl et Guillermo Rauch au ShopTalk Show. Assurez-vous de vous abonner!
Nouvelle acquisition de vélo
J'ai acheté un Vado Ebike spécialisé pour vous rendre plus facile, en particulier compte tenu du terrain vallonné et du poids supplémentaire de la cargaison et d'un siège enfant.
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!

CSS Grid est un outil puissant pour créer des dispositions Web complexes et réactives. Il simplifie la conception, améliore l'accessibilité et offre plus de contrôle que les méthodes plus anciennes.

L'article traite de CSS Flexbox, une méthode de mise en page pour l'alignement et la distribution efficaces de l'espace dans les conceptions réactives. Il explique l'utilisation de Flexbox, la compare à la grille CSS et détaille la prise en charge du navigateur.

L'article traite des techniques de création de sites Web réactifs à l'aide de CSS, y compris des balises de méta de la fenêtre, des grilles flexibles, des médias fluides, des requêtes multimédias et des unités relatives. Il couvre également l'utilisation de la grille CSS et de Flexbox ensemble et recommande le cadre CSS

L'article traite de la propriété CSS-Box-Sizing, qui contrôle comment les dimensions des éléments sont calculées. Il explique des valeurs telles que la boîte de contenu, la boîte de bordure et la boîte de padding, et leur impact sur la conception de la disposition et l'alignement de la forme.

L'article discute de la création d'animations à l'aide de CSS, de propriétés clés et de combinaison avec JavaScript. Le principal problème est la compatibilité du navigateur.

L'article discute de l'utilisation de CSS pour les transformations 3D, les propriétés clés, la compatibilité du navigateur et les considérations de performances pour les projets Web. (Compte de caractère: 159)

L'article discute de l'utilisation des gradients CSS (linéaire, radial, répétant) pour améliorer les visuels du site Web, l'ajout de profondeur, de concentration et d'esthétique moderne.

L'article traite des pseudo-éléments dans CSS, de leur utilisation dans l'amélioration du style HTML et des différences par rapport aux pseudo-classes. Fournit des exemples pratiques.


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

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

PhpStorm version Mac
Le dernier (2018.2.1) outil de développement intégré PHP professionnel

Dreamweaver CS6
Outils de développement Web visuel

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.
