hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Inspecteur CSS détaillé sur chaque site avec CSSPeeper pour Chrome

Le panneau habituel de Chrome DevTools est très puissant. Il permet à quiconque de plonger profondément dans n'importe quelle page pour étudier la mise en page d'un site, CSS, et même les en-têtes HTTP si nécessaire.

Vous pouvez faire beaucoup avec l'inspecteur DevTools CSS. Mais il n'a pas de panneau d'interface graphique clair et c'est une chose que tout développeur aimerait.

Découvrez CSSPeeper, une extension Chrome gratuite qui ajoute cet inspecteur graphique à votre navigateur. Il vous permet d'étudier les propriétés CSS de n'importe quel élément sur n'importe quelle page, bien que ce ne soit que pour Chrome.

Une fois installé, vous n'avez qu'à visiter une page Web et cliquer sur le bouton principal de l'extension dans la barre des modules d'extension Chrome. Une nouvelle fenêtre d'inspecteur apparaît en haut de la page Web avec des détails sur chaque élément principal.

Lorsque vous naviguez sur le site, vous pouvez cliquer sur n'importe quel élément que vous voyez avec un contour pointillé. Cela peut inclure des boutons, des sections de page, des en-têtes, des éléments de navigation, vous l'appelez.

De là, vous obtiendrez un inspecteur complet avec des détails sur la typographie, les choix de couleurs et les styles de police. C'est un excellent moyen de tirer des styles directement à partir d'une page Web sans chercher le code CSS vous-même.

CSSPeeper vous permet même de choisir des couleurs associées avec un sélecteur de couleurs intégré et un générateur de schémas de couleurs. Vous pouvez exporter des images à partir de pages, créer vos propres jeux de couleurs et les appliquer dans vos propres maquettes avec Photoshop ou Sketch.

Je recommande principalement cette extension pour les concepteurs plutôt que pour les développeurs, car il s'agit d'un plugin beaucoup plus convivial qui récupère les CSS bruts et transforme le code en blocs de données faciles à lire.

Mais ce plugin peut aussi aider les développeurs! C'est vraiment un outil d'inspection de site puissant pour tous les types de CSS .

Jetez un oeil à la page d'accueil CSSPeeper pour en savoir plus sur ce qu'il peut faire. La page principale inclut également un lien vers la boutique Chrome afin que vous puissiez installer l'extension gratuitement et l'emporter pour un test.

Progressivement vous permet de charger des images paresseux avec Vanilla JS

Progressivement vous permet de charger des images paresseux avec Vanilla JS

Chaque site web moderne doit être rapide. Bien qu'il existe de nombreuses techniques et plugins pour augmenter la vitesse de la page, vous ne savez peut-être pas par où commencer.Le script Progressivement est une excellente ressource pour augmenter la vitesse de la page . Il fonctionne comme un script d'image de chargement paresseux qui charge les images au fur et à mesure que l'utilisateur fait défiler la page.C

(Conseils techniques et de conception)

Koala App: une application multiplateforme pour le développement Web moderne

Koala App: une application multiplateforme pour le développement Web moderne

À l'époque de Netscape et d'Internet Explorer 6, la plupart des développeurs Web écrivaient uniquement des documents Web au format HTML, CSS et JavaScript. Aujourd'hui, nous disposons de nombreux outils utilitaires pour écrire ces trois langages Web plus efficacement, avec LESS, Sass, CoffeeScript et Jade, pour n'en nommer que quelques-uns.Nous

(Conseils techniques et de conception)