Веб дизайнерлер жана devs үчүн 30 Chrome кеңейтүүлөрү

Автор: Monica Porter
Жаратылган Күнү: 17 Март 2021
Жаңыртуу Күнү: 17 Май 2024
Anonim
Веб дизайнерлер жана devs үчүн 30 Chrome кеңейтүүлөрү - Чыгармачыл
Веб дизайнерлер жана devs үчүн 30 Chrome кеңейтүүлөрү - Чыгармачыл

Мазмун

Chrome'дун Dev куралдары мыкты, бирок веб-дизайнды жана иштеп чыгууну жеңилдетүү үчүн, интернет браузериңизге андан да кызыктуу өзгөчөлүктөрдү кошсоңуз болот.

Албетте, иш-аракеттерди тездетүү үчүн бир нече башка куралдар бар, биздин сүйүктүү веб-дизайн куралдарыбыздын постун көрүңүз. Азырынча, веб-дизайнерлер жана иштеп чыгуучулар үчүн сүйүктүү 30 Chrome кеңейтүүлөрүбүз бар.

01. Gmail жөнөкөйлөтүү

Эгер Gmail өз кызыкчылыгы үчүн бир аз башаламандыкка дуушар болуп жаткандыгын байкасаңыз, акыркы бир нече жыл ичинде ага кирген бардык таштандыларды жана UI чечимдерин тазалаган Gmail жөнөкөйлөтүү менен саламдашыңыз. Gmailдин мурунку башкы дизайнери Майкл Леггетт тарабынан түзүлгөн, ал бардык алаксыткан башаламандыктардан арылып, сизге арткы жана иштөө версиясын берет.

02. Спектр


Түстөрдүн сокурлугу дүйнө жүзү боюнча болжол менен 200 миллион адамга таасирин тийгизет, бирок дизайнерлердин жеткиликтүүлүгүн текшерүү тизмесинде алар үчүн тамактануу аз. Spectrum менен, сиз сайтыңызды түстүү көрүү жетишсиздигинин ар кандай түрлөрүнө каршы тез арада текшерип, бардыгы ачык-айкын болушун камсыздай аласыз.

03. CSS Scan 2.0

Chrome'дун Dev Tools сайты кандай иштээрин билүү үчүн капоттун астынан текшерүүнүн ыңгайлуу ыкмасы болуп саналат, бирок CSS Scan 2.0 аны карап көргүңүз келсе, андан да оңой. Кайсы гана элемент болбосун, анын CSS файлын калкып чыкма терезеде пайда болот, анын эрежелерин бир чыкылдатуу менен көчүрүп алууга мүмкүнчүлүк берет. Сиз аны колдонуп, белгилүү бир элементтерди темалардан же шаблондордон көчүрүп алсаңыз болот.

04. Амино


Бул жерде дагы бир сонун CSS куралы бар. Amino - браузерде стилдер баракчаларын түзүп, аларды веб-сайттарга реалдуу убакытта колдонууга мүмкүнчүлүк берген жандуу CSS редактору. Натыйжада, сиз кирген бардык сайттарга туруктуу дизайндык өзгөртүүлөрдү киргизүүгө мүмкүнчүлүк берет жана эгер сиз Chrome эсебиңизге Google аккаунтуңуз менен кирген болсоңуз, анда стилдер баракчалары синхрондоштурулат, ошондуктан алар бардык жумушчу стол түзмөктөрүңүздө Chrome'дон жеткиликтүү болот.

05. Сиз

Жооптуу веб-дизайн ушул күндөрү белгилүү болду, жана сиз дизайныңызды бир нече көрүү жайлары аркылуу текшерүүнүн түз жолун каалайсыз, Sizzy карап көрүүгө арзыйт. Бул сизге ар кандай түзмөктүн экран өлчөмдөрүндө көрсөтүлгөн баракчаңыздын интерактивдүү көрүнүшүн көрсөтөт, ошондой эле түзмөктүн окшоштурулган клавиатурасын көрсөтүп, жашырып, портреттик жана пейзаждык режимдерди алмаштыра аласыз.

06. Сайттын палитрасы


Кийинки жолу түстөрдү көп колдонгон сайтты көргөндө, анын артыкчылыгын пайдалануунун жөнөкөй жолу келтирилген. Сайт палитрасы веб-сайттагы негизги түстөрдү бөлүп алат жана бөлүшүү палитрасын түзөт, аны сиз кызматташтарга оңой эле көрсөтсөңүз болот. Sketch шаблонун жүктөп алсаңыз болот, ошондой эле Adobe Swatch колдоосу бар.

07. Checkbot

Сиздин сайттагы бардык шилтемелер чындыгында иштегенине көзүңүздү жеткиликтүү кылып, бул сиздин SEOңузду өркүндөтүүнүн жакшы жолу. Checkbot - бул бузулган шилтемелерди, кайталанган аталыштарды, багыттоочу чынжырларды, жараксыз HTML / JS / CSS жана башкаларды текшерүүчү Chrome кеңейтүүсү, ошондуктан сиз тез эле начар шилтемелерди текшерип, аларды оңдой аласыз.

08. Тоби

Эки саат бою Chrome ачылганга чейин, бул кичинекей манжаңыздын кеңдигиндеги башаламан уялардын уясы болуп калаары жалпыга таанылган чындык. Тоби аларды жоошутуунун мыкты жолу; анын жардамы менен, сиз бардык ушул өтмөктөрдү шилтемелердин жыйнагына жүктөп, жеке кыстармаларга альтернатива кылып, аларды башкарууну бир топ жеңилдетесиз.

09. DomFlags

DomFlags менен элементтерди стилдөө процесстерин түп-тамырынан тездетүү, бул DOM элементтери үчүн баскычтоп жарлыктарын түзүүгө мүмкүнчүлүк берген эң сонун кеңейтүү. Бул DOM багыттоо үчүн кыстармалар бар сыяктуу; бул DevTools менен иштөө ыкмаңызды өзгөртөт.

10. Өтө жарыктандыргыч

Бул жерде адамдарды талкуулоого кызыктуу ыкма сунуштайбыз: Интернеттеги макалалардагы урунттуу окуялар менен бөлүшүүгө мүмкүнчүлүк берет, андыктан жазуунун эң маанилүү бөлүктөрүнө көңүл бура аласыз.

Кийинки: дагы 10 Chrome кеңейтүүсү

Жаңы Билдирүүлөр
3D текстураларын кадимки карталар менен тез моделдөө
Кененирээк Маалымат

3D текстураларын кадимки карталар менен тез моделдөө

Эгер сиз 3D искусствосу жана CGI дүйнөсү менен жаңы таанышсаңыз, анда тандоого өтө эле көп куралдар бар деп ойлошуңуз мүмкүн. Менин макалаларымда, мен ар бир сүрөтчү кайсы шайман мыкты экендигин билүү...
Ушул жылдын декабрь айында веб-дизайндын 6 объектиси таң калыштуу
Кененирээк Маалымат

Ушул жылдын декабрь айында веб-дизайндын 6 объектиси таң калыштуу

Эгер сиз веб-дизайндын бир аз илхамына муктаж болсоңуз, биз жардам берүүгө даярбыз. Бул жерде веб-дизайн дүйнөсүнө сүңгүп кирген алты объектти сунуштайбыз.Дизайндагы версияны башкаруу ketch менен айка...
IOS колдонмосунун ийгилиги үчүн тажрыйбаны өркүндөтүүчү 10 кеңеш
Кененирээк Маалымат

IOS колдонмосунун ийгилиги үчүн тажрыйбаны өркүндөтүүчү 10 кеңеш

Human Interface Guideline техникалык документ сыяктуу сезилет, бул Apple компаниясынан таң калыштуу болушу мүмкүн, бирок эрежелер платформанын техникалык аспектилерин түшүнүүгө жардам берет жана аны ж...