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


Capturer des captures d'écran complètes du site Web avec cette extension Chrome

J'aime toujours prendre une capture d'écran complète des sites Web impressionnants que je trouve en ligne. Mais le bouton "Imprimer l'écran" ne saisit que ce qui est directement sur votre écran.

Capture d'écran pleine page est la meilleure solution que j'ai trouvé qui vous permet de récupérer 100% des captures d'écran verticales complètes à partir de n'importe quelle page Web .

Avec cette extension, vous venez de visiter la page et de cliquer sur l'icône de la petite caméra dans votre volet des extensions. Facile sans vent, sans limitations.

L'extension est totalement gratuite et devrait fonctionner dans toutes les versions de Chrome, y compris les versions dev.

Il est également livré avec une commande de raccourci pratique Alt + Maj + P qui tire automatiquement la capture d'écran de toute page que vous êtes sur. Cette extension capture la page en faisant défiler automatiquement les images vers le haut et vers le bas, puis en assemblant toutes les images en une seule fois.

Ce processus peut prendre quelques secondes en fonction de la taille de la page. J'ai trouvé que c'est assez rapide sur les sites qui n'ont pas trop de fonctionnalités dynamiques.

Une fois l'opération terminée, vous trouverez l'instantané ouvert dans un nouvel onglet dans Chrome, prêt à être copié ou enregistré directement sur votre ordinateur.

Une chose que j'ai remarqué avec ce plugin est que vous devez faire attention aux objets animés. Certains éléments de la page, comme les diaporamas, défilent automatiquement entre les photos et peuvent gâcher votre dernière prise de vue.

Certes, il n'est pas si difficile d'assembler cela avec un écran de plus par vous-même. Mais parfois, vous aurez des fonctions ennuyeuses comme des barres de navigation collantes qui apparaissent dans chaque nouvelle section de la page, ruinant votre vue en pleine page.

Pour résoudre ce problème, je me dirige vers le panneau DevTools de Chrome et édite le CSS pour la barre fixe pour le garder statique . Pourrait prendre un peu de travail supplémentaire, mais ma capture d'écran sort pixel parfait.

Si vous prenez fréquemment des écrans de sites Web cette extension se révélera être un énorme gain de temps.

Guide du débutant: Création de pages Web HTML5 / CSS3

Guide du débutant: Création de pages Web HTML5 / CSS3

Cet article fait partie de notre "série de tutoriels HTML5 / CSS3" - destiné à vous aider à devenir un meilleur concepteur et / ou développeur. Cliquez ici pour voir plus d'articles de la même série. HTML5 et CSS3 ont balayé le web en deux ans. Avant eux il y avait beaucoup de sémantique modifiée dans la façon dont les concepteurs de sites Web devraient créer des pages Web, et avec leur arrivée, un grand nombre de supports tels que des médias alternatifs, des balises XML et des attributs d'entrée progressifs pour les concepteurs web. des fonctionn

(Conseils techniques et de conception)

20 conceptions d'espace de travail soignées pour stimuler la productivité

20 conceptions d'espace de travail soignées pour stimuler la productivité

Vous en avez marre de l'état de votre espace de travail ou de votre bureau? Peut-être que ce post va vous convaincre de faire quelque chose à ce sujet. Peu importe si vous travaillez à la maison ou si vous êtes enchaîné à un bureau ou à une cabine, votre espace de travail est votre espace personnel et a donc un impact sur votre état d'esprit à chaque fois que vous vous asseyez pour exécuter votre travail.Même un pet

(Conseils techniques et de conception)