国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目錄
Page Ruler
WhatFont
CSS3 Generator
Check My Links
Gravit Designer
ColorZilla
StyleBot
首頁(yè) 科技週邊 IT業(yè)界 2017年設(shè)計(jì)師的7個(gè)超級(jí)使用的鍍鉻擴(kuò)展

2017年設(shè)計(jì)師的7個(gè)超級(jí)使用的鍍鉻擴(kuò)展

Feb 17, 2025 pm 12:45 PM

提升網(wǎng)頁(yè)設(shè)計(jì)效率的7個(gè)Chrome擴(kuò)展程序

7 Super-Useful Chrome Extensions for Designers in 2017

核心要點(diǎn):

  • Chrome擴(kuò)展程序能簡(jiǎn)化設(shè)計(jì)流程,提供檢查和編輯網(wǎng)頁(yè)元素、鏈接檢查和生成複雜CSS代碼的工具,無(wú)需離開(kāi)瀏覽器。
  • Page Ruler、WhatFont、CSS3 Generator、Check My Links、Gravit Designer、ColorZilla和StyleBot等擴(kuò)展程序?qū)υO(shè)計(jì)師特別有用,提供顏色取樣、字體識(shí)別和實(shí)時(shí)網(wǎng)站定制等功能。
  • 使用這些擴(kuò)展程序可以節(jié)省時(shí)間並減少對(duì)其他軟件的需求,使其成為設(shè)計(jì)師和開(kāi)發(fā)人員的寶貴資源。

每個(gè)設(shè)計(jì)師都有自己獨(dú)特的工作方式。無(wú)論您是直接在瀏覽器中進(jìn)行設(shè)計(jì)(使用代碼),還是僅使用瀏覽器實(shí)時(shí)測(cè)試網(wǎng)頁(yè)設(shè)計(jì),都有許多Chrome擴(kuò)展程序可以極大地簡(jiǎn)化您的工作流程。我最討厭的事情是什麼?不得不打開(kāi)一個(gè)龐大的桌面應(yīng)用程序來(lái)完成一個(gè)相對(duì)較小的任務(wù),所以我一直在尋找可以快速解決常見(jiàn)設(shè)計(jì)問(wèn)題的Chrome擴(kuò)展程序。

以下是我七個(gè)必不可少的Chrome擴(kuò)展程序,以及六個(gè)適用於Firefox的設(shè)計(jì)師擴(kuò)展程序(如果您是Web開(kāi)發(fā)人員,您可能需要在所有瀏覽器中進(jìn)行交叉測(cè)試?。?。

  1. Page Ruler

Page Ruler是一個(gè)有用的Chrome擴(kuò)展程序,用於查找瀏覽器中任何元素的位置和/或大小——它比使用Chrome代碼檢查器更快,或者更糟糕的是,笨拙地遍歷CSS文件。首先,使用十字準(zhǔn)星圍繞目標(biāo)元素繪製一個(gè)選擇框。瀏覽器頂部的欄將顯示該元素的長(zhǎng)度和寬度,以及它距屏幕每一側(cè)的距離(好像應(yīng)用了fixed/absolute定位)。

提示:使用箭頭鍵微調(diào)您的選擇,以獲得最大精度。

7 Super-Useful Chrome Extensions for Designers in 2017

  1. WhatFont

由於我經(jīng)常需要檢查網(wǎng)頁(yè)上的字體,查看某些文本塊中使用的字體大小、實(shí)際字體名稱(chēng)及其顏色,因此WhatFont Chrome擴(kuò)展程序?qū)ξ襾?lái)說(shuō)非常有用。

單擊任何文本部分即可查找十六進(jìn)制/RGBA值、粗細(xì)、行高、字體樣式以及字體系列。

有時(shí),在瀏覽器底部添加Chrome檢查窗口會(huì)在您工作時(shí)造成乾擾,因此能夠在不打開(kāi)整個(gè)檢查窗口的情況下獲取所有這些信息會(huì)使事情變得更容易!

7 Super-Useful Chrome Extensions for Designers in 2017

  1. CSS3 Generator

CSS3 Generator是一個(gè)Chrome應(yīng)用程序,可幫助您生成一些複雜或難以記住的CSS代碼片段。對(duì)於簡(jiǎn)單的事情您不需要它,但讓我們面對(duì)現(xiàn)實(shí),一些CSS值很難從頭開(kāi)始編寫(xiě)(例如創(chuàng)建跨瀏覽器兼容的漸變或CSS轉(zhuǎn)換所需的CSS)。只需點(diǎn)擊幾下,您就可以生成一些非常有用的CSS,在擴(kuò)展程序預(yù)覽中預(yù)覽它,然後復(fù)制CSS並將代碼粘貼到您的實(shí)際CSS文件中。

以下是支持的內(nèi)容列表:

  • 多個(gè)文本陰影
  • 十六進(jìn)制/RGBA代碼
  • CSS轉(zhuǎn)換
  • 邊框半徑
  • 多個(gè)框陰影
  • CSS列
  • 箭頭(用於工具提示)
  • 漸變(線性、徑向……甚至條紋)

7 Super-Useful Chrome Extensions for Designers in 2017

URL鍵入錯(cuò)誤(或完全忘記包含它們,但那是另一回事)相當(dāng)容易,因此無(wú)論您的客戶是否需要現(xiàn)有網(wǎng)站的幫助,或者您是從頭開(kāi)始構(gòu)建網(wǎng)站,Check My Links對(duì)於任何網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)都是必不可少的。

Check My Links將掃描網(wǎng)頁(yè)並查找損壞的鏈接——就這麼簡(jiǎn)單。它可以免去您手動(dòng)檢查它們的麻煩。 UI非常直觀。 Check My Links不會(huì)列出無(wú)效鏈接,而是簡(jiǎn)單地將實(shí)際網(wǎng)頁(yè)上的損壞鏈接變成紅色,而有效鏈接將顯示為綠色,因此您可以一目了然地看到需要修復(fù)的內(nèi)容。簡(jiǎn)單!

7 Super-Useful Chrome Extensions for Designers in 2017

  1. Gravit Designer

如果您需要設(shè)計(jì)圖形,但又不想打開(kāi)資源密集型設(shè)計(jì)應(yīng)用程序(或者如果您沒(méi)有/不想購(gòu)買(mǎi)一個(gè)),請(qǐng)下載適用於Chrome的免費(fèi)Gravit Designer擴(kuò)展程序。

令人驚訝的是,它非???。使用常用的畫(huà)板尺寸開(kāi)始設(shè)計(jì)非常容易,包括博客圖形、社交媒體圖形和常用打印尺寸的預(yù)設(shè)。 Gravit是一個(gè)矢量設(shè)計(jì)應(yīng)用程序,這使得設(shè)計(jì)可縮放的分辨率無(wú)關(guān)的設(shè)計(jì)變得非常容易。

我驚訝於許多選項(xiàng)和功能——它與使用Sketch等高級(jí)設(shè)計(jì)應(yīng)用程序並沒(méi)有太大區(qū)別,儘管視覺(jué)UI感覺(jué)更像Affinity Designer。

預(yù)期會(huì)有明顯的元素,如形狀、對(duì)齊、翻轉(zhuǎn)、旋轉(zhuǎn)、模糊、投影、複合形狀的創(chuàng)建等等。它還能夠?qū)С龅絇NG、JPG、SVG和PDF,符號(hào)功能(如Sketch和Adobe XD),具有貝塞爾曲線和貝塞爾曲線的複雜SVG編輯工具,甚至還有濾鏡,Gravit Designer實(shí)際上對(duì)於想要?jiǎng)?chuàng)建營(yíng)銷(xiāo)圖形的專(zhuān)業(yè)設(shè)計(jì)師、攝影師和業(yè)餘設(shè)計(jì)師來(lái)說(shuō)是一個(gè)非常有吸引力的選擇。

我的意思是,想像一下能夠在Google Chrome中創(chuàng)建設(shè)計(jì),而無(wú)需打開(kāi)Photoshop、Illustrator、Sketch或Adobe XD。實(shí)際上,您不必想像,您可以立即免費(fèi)下載Gravit Designer!

Gravit Designer截圖

  1. ColorZilla

ColorZilla是Google Chrome的吸管工具——它使您能夠通過(guò)幾次點(diǎn)擊從網(wǎng)頁(yè)中採(cǎi)樣任何顏色。首先,單擊Chrome中的ColorZilla擴(kuò)展程序圖標(biāo),然後將光標(biāo)懸停在您要採(cǎi)樣的區(qū)域上。您將獲得該顏色的HSL、十六進(jìn)制和RGBA值。通常情況下,您需要截取網(wǎng)站屏幕截圖並將其導(dǎo)入Photoshop,但ColorZilla更快。 ColorZilla還可以根據(jù)任何網(wǎng)站按需生成調(diào)色板,並使用顏色歷史記錄功能保存您最近使用的顏色,這使其在ColorPick Eyedropper等競(jìng)爭(zhēng)對(duì)手中脫穎而出。

7 Super-Useful Chrome Extensions for Designers in 2017

  1. StyleBot

StyleBot是一個(gè)方便的Chrome擴(kuò)展程序,適用於那些想要在實(shí)時(shí)網(wǎng)站上快速試用自定義CSS的人。它使您可以嘗試不同的字體、不同的顏色、不同的樣式等,而無(wú)需在代碼編輯器和Google Chrome之間來(lái)回切換。我們發(fā)現(xiàn)StyleBot作為一種在實(shí)際提交到代碼庫(kù)之前在實(shí)時(shí)網(wǎng)站上原型設(shè)計(jì)微小調(diào)整和更改的方法非常有用。

7 Super-Useful Chrome Extensions for Designers in 2017

結(jié)論

使用這些節(jié)省時(shí)間的擴(kuò)展程序,通常很繁瑣或需要您打開(kāi)/購(gòu)買(mǎi)更多軟件的任務(wù)可以通過(guò)幾次點(diǎn)擊完成,您甚至不必離開(kāi)Web瀏覽器即可完成。設(shè)計(jì)師和開(kāi)發(fā)人員都會(huì)發(fā)現(xiàn)這些Chrome擴(kuò)展程序非常有用。

Chrome擴(kuò)展程序?qū)堕_(kāi)發(fā)網(wǎng)站的人肯定很有用,但是希望從實(shí)時(shí)網(wǎng)站中提取視覺(jué)信息以便在Sketch、Adobe XD或Photoshop中使用它的設(shè)計(jì)師也會(huì)很快看到明顯的節(jié)省時(shí)間的好處。

(FAQs部分已省略,因?yàn)榕c偽原創(chuàng)目標(biāo)不符,且篇幅較長(zhǎng)。 可以根據(jù)需要單獨(dú)生成FAQs部分。)

以上是2017年設(shè)計(jì)師的7個(gè)超級(jí)使用的鍍鉻擴(kuò)展的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

熱門(mén)話題

開(kāi)發(fā)人員的快捷方式到您的Udemy樣平臺(tái) 開(kāi)發(fā)人員的快捷方式到您的Udemy樣平臺(tái) Jun 17, 2025 pm 04:43 PM

在開(kāi)發(fā)類(lèi)似於Udemy的學(xué)習(xí)平臺(tái)時(shí),重點(diǎn)不僅僅是內(nèi)容質(zhì)量。同樣重要的是如何交付內(nèi)容。這是因?yàn)楝F(xiàn)代教育平臺(tái)依賴(lài)於媒體,快速且易於消化。

用於購(gòu)買(mǎi)SSL證書(shū)的經(jīng)濟(jì)有效的轉(zhuǎn)售商平臺(tái) 用於購(gòu)買(mǎi)SSL證書(shū)的經(jīng)濟(jì)有效的轉(zhuǎn)售商平臺(tái) Jun 25, 2025 am 08:28 AM

在一個(gè)在線信任不可談判的世界中,SSL證書(shū)對(duì)於每個(gè)網(wǎng)站都至關(guān)重要。 SSL認(rèn)證的市場(chǎng)規(guī)模在2024年價(jià)值56億美元,並且由於電子商務(wù)業(yè)務(wù)的激增而推動(dòng)了強(qiáng)勁的增長(zhǎng)

SaaS的5個(gè)最佳支付門(mén)戶:您的最終指南 SaaS的5個(gè)最佳支付門(mén)戶:您的最終指南 Jun 29, 2025 am 08:28 AM

付款網(wǎng)關(guān)是付款過(guò)程的關(guān)鍵組成部分,使企業(yè)能夠在線接受付款。它充當(dāng)客戶與商人之間的橋樑,安全地傳輸付款信息並促進(jìn)交易。 為了

新研究聲稱(chēng)AI比我們更好地'理解”情緒。特別是在情感上充滿電的情況下 新研究聲稱(chēng)AI比我們更好地'理解”情緒。特別是在情感上充滿電的情況下 Jul 03, 2025 pm 05:48 PM

在我們認(rèn)為人類(lèi)始終超越機(jī)器的領(lǐng)域的另一個(gè)挫折中,研究人員現(xiàn)在建議AI比我們更好地理解情感。研究人員發(fā)現(xiàn)人工智能證明了一個(gè)

由於新的Microsoft AI型號(hào) 由於新的Microsoft AI型號(hào) Jul 05, 2025 am 12:44 AM

一種新的人工智能(AI)模型已經(jīng)證明了比幾個(gè)使用最廣泛使用的全球預(yù)測(cè)系統(tǒng)更快,更精確地預(yù)測(cè)重大天氣事件的能力。該名為Aurora的模型已接受過(guò)培訓(xùn)。

您的設(shè)備餵養(yǎng)AI助手並收集個(gè)人數(shù)據(jù),即使他們睡著了。這是如何知道您分享的內(nèi)容。 您的設(shè)備餵養(yǎng)AI助手並收集個(gè)人數(shù)據(jù),即使他們睡著了。這是如何知道您分享的內(nèi)容。 Jul 05, 2025 am 01:12 AM

不管喜歡與否,人工智能已成為日常生活的一部分。許多設(shè)備(包括電動(dòng)剃須刀和牙刷)已成為AI驅(qū)動(dòng)的“使用機(jī)器學(xué)習(xí)算法來(lái)跟蹤一個(gè)人的使用方式,Devi的方式

高級(jí)AI型號(hào)的CO₂回答相同問(wèn)題時(shí)的排放量比更常見(jiàn)的LLM 高級(jí)AI型號(hào)的CO₂回答相同問(wèn)題時(shí)的排放量比更常見(jiàn)的LLM Jul 06, 2025 am 12:37 AM

根據(jù)最近的一項(xiàng)研究,我們?cè)噲D使AI模型的功能越精確,其碳排放量就越大 - 某些提示產(chǎn)生的二氧化碳比其他提示高達(dá)50倍。

See all articles