Extensions Chrome pour les concepteurs - Accélérez votre flux de travail avec ces extensions

1. Les 8 meilleures extensions de Chrome pour les concepteurs: dans la classe courte, je vais vous montrer les huit meilleures extensions de croissance pour les designers. En tant que concepteur, nous ne voulons pas être bloqués lorsque nous créons un objet. Donc, par exemple, lorsque vous concevez un site Web et que vous voulez connaître un téléphone, avez-vous vu sur un site Web où vous voulez connaître un collier ? Vous pouvez le faire avec des extensions chromées. Ou, par exemple, si vous voulez rapidement générer un texte Laura Ipsum ou si vous voulez faire un invité d'écran de votre écran. Comment faites-vous ça ? Ce M ou tout est possible avec les extensions gratuites que je vais vous montrer dans cette courte classe si vous ne me connaissez pas ? Je m'appelle Reno. Je me conçois, et j'ai utilisé ces extensions chromées. Lorsque je travaille sur des sites Web de clients ou que je crée ces vidéos, je pense qu'elles sont très pratiques. Donc c'est un peu de fond sur moi aux lunettes de chemise divisée en huit vidéos simples . Pour chaque extension il y a une vidéo, puis, après avoir jamais vidéo, vous pouvez décider ce que vous voulez utiliser l'extension ou non. Alors j'espère vous voir dans la prochaine vidéo 2. Choix des couleurs: D' accord. Donc, la première extension que je veux vous montrer est le sélecteur de couleurs. Extension très facile à utiliser et son compte-gouttes couleur or. Si vous êtes sur un site Web est, par exemple, mon propre site de portefeuille, et vous voulez savoir ce que l'appelant est hors de ce bouton ? Donc, où vous allez faire est que vous allez cliquer dessus, et je vais juste créer un petit choix de couleur avec un très grand bientôt, ce qui est vraiment sympa parce que parfois vous voulez voir la couleur d'une petite icône, par exemple, et vous peut vraiment zoomer sur un point spécifique. Et si tu cliques quelque part, tu auras le code hexadécimal. Et tu pourrais juste copier ça déjà. Archie, Peacoat et Andrews vont à ton Adobe X et collent ce collier où tu veux. Alors oui, c'est tout. Et en passant, tous les liens pour ces extensions, je vais les mettre vers le bas dans la description. Donc, tous les liens sont osés 3. Comment connaître la police: Bon, alors passons au numéro deux et le numéro deux s'appelle What's Fonds ? C' est un peu similaire, mais alors vous pouvez voir quel genre de fonds il y a sur le site. Donc, si vous passez la souris sur les téléphones, vous pouvez déjà voir le front principal. Et puis si vous cliquez sur un fonds spécifique, vous obtiendrez beaucoup d'informations sur les téléphones mortels. Ainsi, par exemple, le poids, qui est quelque chose que vous pouvez utiliser dans beaucoup hors page constructeurs ou dans votre manteau ou la taille en pixels. Les hauteurs de ligne, par exemple. Et c'est bien, le collier parce que numéro un, le sélecteur de couleurs, est agréable pour les boutons et les arrière-plans et tout ça. Mais pour le texte, certains sont parfois le cœur d'une plus grande couleur parce que le texte est si léger ou il est très petit. Donc, vous allez également résoudre ce problème de collier pour le texte avec Disa branché ici. Mais j'utilise principalement pour vérifier quel type de site de téléphones utilise sur ce site Web que vous pouvez voir ses menaces de mois, et puis, si vous voulez sortir, vous appuyez juste évasion et puis est parti. Donc Super NYSE super rapide 4. Changez le style temporaire: Ok, donc la prochaine extension est aussi assez agréable. Il s'appelle Stell acheté, et il a son petit CSS Aiken par ici. Parfois, vous êtes sur un site Web, et vous voulez juste voir à quoi il ressemble lorsque vous agrandissez le texte ou que votre James the Line s'élève. C' est un bon plug in pour ça, parce que si vous cliquez sur la CIA comme je peux ici, il doit charger quelques secondes. Et puis si vous cliquez sur Bart style ouvert, vous pouvez cliquer sur n'importe quel élément sur les sites Web de, par exemple, sur ce texte de titre. Et puis, par exemple, il suffit d'appuyer sur la taille de votre téléphone et d'appuyer sur la flèche vers le haut ou vers le bas pour voir à quoi il ressemble. Si la taille du téléphone est plus grande par exemple, quand il est de boulons à la normale, ou quand il est italique ou italique et boulons ou peut-être dans des bouchons, par exemple, parce que sinon vous devriez aller à l'inspection, inspecter l'élément et trouver la pièce réelle, puis le changer et vous devez savoir voit comme effort est Blufgan. Vous n'avez pas besoin de savoir que vous pouvez même changer des choses comme le collier de fond. Ici, vous pouvez modifier les bordures ainsi que les marges et les dépendances d'un élément spécifique. C' était donc beaucoup plus pratique que d'aller dans les éléments d'inspection. 5. Générer le texte Lorem Ipsum: Ok, donc la prochaine extension est aussi super sympa. Chaque concepteur utilise un texte Florham Ipsum qui, à l'époque, j'avais l'habitude d'aller sur un site comme celui-ci Laura Ipsum. Et puis je copiais un peu de texte et de gob. Vous aimeriez ça, puis allez Teoh mon Adobe X'd, par exemple, et puis collez ce Dex. Mais il y a un moyen plus rapide de le faire, et c'est Fiat display gin. Mais il est son grand l lèvre Laura Ipsum générateur il a, et si vous cliquez, il va juste créer un grand texte Laura Ipsen avec dans le robinet que vous travaillez. Vous pouvez même sélectionner pire, par exemple, Donc, si vous voulez seulement 20 conseils, par exemple, c'est vraiment facile à Dio que vous venez de sélectionner. Vous le copiez et vous pouvez même cliquer sur HTML ici, et il va créer une technologie B et a également une belle Aiken ici peu de détails de. Mais c'est sympa 6. Captures de l'écran pleine page: Ok, donc le suivant est aussi super sympa, et j'ai utilisé c'est presque tous les jours et c'est de l'or. Capture d'écran pleine page. C' est cet Aiken. C' est une caméra que je peux. Donc, si vous êtes sur un site web, vous pouvez cliquer sur cet Aiken, et il vous donnera cette belle animation Pechman, et il va créer un grand écran sur l'ensemble du site. Et cela fonctionne et la plupart du temps pour certains yeux de représentants où il y a beaucoup d'animation, cela ne fonctionne pas si bien avant la plupart des sites Web. Cela fonctionne très bien, et vous pouvez créer des shells d'écran pleine page sur un site Web, et ensuite ce que je fais toujours. Je viens de copier l'image, et je vais juste à mon dessin. Phil et moi avons basé un tas de sites Web que j'aime As pour l'inspiration. Donc, c'est ce que j'ai aussi fait, par exemple, pour mon site de portfolio est allé aux gens à nouveau, généré une image comme celle-ci, vous pouvez l'enregistrer, ou vous pouvez le copier. Vous pouvez aller à votre favori conçu pour, et vous pouvez juste baser ici, et puis il génère un très gros clichés d'écran. Vous pouvez re sites alors, cette façon, vous pouvez juste créer un très beau tableaux d'art avec beaucoup de différence sur les pages pour votre inspiration si vous concevez un site Web, mais il est aussi un bon outil. Les tuteurs téléchargent tout votre site web après qu'il a été fait, parce que pour certains projets , bien sûr, vous ne créez pas le site entier dans un outil comme Adobe X'd vous venez de commencer, par exemple, dans WordPress, peut-être décliné a tant de budget à juste titre. Mais après tout, vous voulez juste voir si l'ensemble du site est dans un style. C' est un très massif. Donc, ce que vous pouvez faire est de télécharger toutes vos pages comme celle-ci avec ce plug in, puis de les baster dans Adobe X'd. Alors vous pouvez clairement voir comme Oh, c'est ça. C' est le design toujours cohérent. Donc il y a aussi une des prises. C' est aussi dans la description 7. Télécharger les images de site Web: Le suivant est le téléchargeur d'images et il a ce peu que je peux ici. Et si vous cliquez sur le téléchargement d'images, il va générer des liens. Donald établit des liens pour toutes les images individuelles d'un site Web. Vous pouvez également sélectionner tous, puis cliquez sur les downers et il va générer un zip tombé que vous pouvez enregistrer sur votre ordinateur. aussi un joli. 8. Extension d'enregistrement d'écran facile: puis pour le numéro sept. C' est aussi un super sympa, et ça s'appelle Loom. Donc, il s'agit d'un logiciel d'enregistrement, donc si vous cliquez sur Loom, il ouvrira votre appareil photo. Vous devez vous connecter avec Google une fois, puis vous pouvez faire un enregistrement hors de votre écran, y compris votre caméra faciale spirituelle. Donc, c'est vraiment sympa, parce que beaucoup de fois vous avez créé quelque chose sur l'ordinateur que vous voulez partager votre processus. Vous voulez montrer comment ça marche, ou vous voulez leur expliquer comment étaient le travail de presse, quelque chose que vous pourriez juste faire un petit enregistrement rapide. Ici, c'est absolument gratuit à utiliser. Vous pouvez même enregistrer votre écran uniquement si vous voulez votre microphone audio, puis il va générer un lien et vous pouvez même le télécharger et ensuite l'envoyer à votre client ou téléchargé sur YouTube et envoyer un lien non répertorié, par exemple, comme ils étaient assez belle extension. Donc, oui, j'utilise le métier à tisser tout le temps. Je l'aime, Et continuons avec la dernière extension 9. Bonus : Changez votre nouveau fond de votre nouvel onglet: et continuons avec la dernière extension, et cela s'appelle mo mentum. J' ai beaucoup de questions à ce sujet. Comment obtenez-vous cet écran de démarrage super agréable lorsque vous ouvrez un nouvel onglet dans Google ? Chrome ? Beaucoup de gens voient ça dans mes vidéos, et ensuite j'ai des questions à ce sujet. C' est de l'or mo mentum. Ça ne vous aide pas avec le design, mais ça a l'air sympa. Et c'est également utile lorsque vous êtes dans une réunion, par exemple, vous ouvrez un nouvel onglet que vous ne voyez pas les sites Web précédents que vous avez ouverts. C' est juste une chose très propre à faire. Vous pouvez même taper quelque chose comme une tâche ici, et cela vous donnera votre rappel que vous pouvez cocher. Il a une nouvelle citation tous les jours et est parfois assez cool de voir que vous avez quelques paramètres ici. Mais je l'ai mis en place comme ça. Cela ne fait pas de vous un meilleur designer, mais ça a l'air sympa, et les concepteurs aiment les choses qui ont l'air sympa. Ne sommes-nous pas 10. Vous voulez plus d'autres ?: J' espère que vous apprendrez quelque chose de nouveau, et j'espère que vous avez insulté quelques-unes de ces extensions. Et maintenant, si vous voulez en savoir plus sur le design, cliquez sur mon profil. J' ai quelques classes d'actions plus qualifiées, pense à construire un site Web dans WordPress ou à créer un en-tête transparent. Vous pouvez les trouver sur mon profil, alors merci d'avoir regardé. Et peut-être jusqu'à la prochaine fois.