Веб-дизайнерлерге арналған 30 кеңейтілім

Автор: Monica Porter
Жасалған Күн: 17 Сапта Жүру 2021
Жаңарту Күні: 17 Мамыр 2024
Anonim
2020 ЖЫЛДЫҢ ЖАҢА ЭЛЕКТР ТЕХНИКАЛАРЫ. БЮДЖЕТ ҮЛГІЛЕРІ
Вызшақ: 2020 ЖЫЛДЫҢ ЖАҢА ЭЛЕКТР ТЕХНИКАЛАРЫ. БЮДЖЕТ ҮЛГІЛЕРІ

Мазмұны

Chrome-дың құралдары өте жақсы, бірақ веб-дизайн мен дамуды жеңілдету үшін интернет-шолғышқа одан да қызықты мүмкіндіктер қосуға болады.

Әрине, жылдамдықты арттыру үшін басқа құралдардың саны бар, біздің сүйікті веб-дизайн құралдары туралы хабарламаны қараңыз. Қазіргі уақытта веб-дизайнерлер мен әзірлеушілерге арналған сүйікті Chrome кеңейтімдерінің 30-ы бар.

01. Gmail-ді жеңілдетіңіз

Егер сіз Gmail-дің өз пайдасы үшін біршама бүлініп жатқанын байқасаңыз, онда Gmail-ді жеңілдетіңіз, ол соңғы бірнеше жыл ішінде оған енген барлық қоқыстар мен UI шешімдерінің бәрін сыпырып тастайды. Gmail-дің бұрынғы жетекші дизайнері Майкл Леггетт жасаған, ол барлық алаңдаушылық тудыратын бей-берекеттерден арылып, сізге стильді және функционалды нұсқасын ұсынады.

02. Спектр


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

03. CSS Scan 2.0

Chrome’дың Dev құралдары - бұл тораптың астында сайттың қалай жұмыс істейтінін тексерудің ыңғайлы тәсілі, бірақ CSS Scan 2.0 сіз қарап көргіңіз келетін CSS болса, одан да оңай. Кез-келген элементтің үстіне апарыңыз және оның CSS-і қалқымалы көріністе пайда болады, оның ережелерін бір шерту арқылы көшіруге мүмкіндік береді. Сіз оны жеке тақырыптар немесе шаблондардан жеке элементтерді көшіріп алу үшін қолдана аласыз, ол сіздің жеке өміріңізге бейімделу үшін қажет, және бұл сіздің жеке кодыңызды күйге келтіру үшін өте ыңғайлы.

04. Амино


Мұнда тағы бір тамаша CSS құралы бар. Amino - браузерде стильдер кестесін жасауға және оларды веб-сайттарға нақты уақытта қолдануға мүмкіндік беретін тірі CSS редакторы. Бұл сізге кірген кез-келген сайтқа дизайнды тұрақты түрде өзгертуге мүмкіндік береді, егер сіз Google есептік жазбаңызбен Chrome жүйесіне кірсеңіз, онда стильдер кестелері синхрондалатын болады, сондықтан олар сіздің барлық жұмыс үстелдеріңізде Chrome-дан қол жетімді болады.

05. сіз

Жауапты веб-дизайн қазіргі уақытта берілген, және сіз дизайнды бірнеше көрініс аумағында тексерудің тікелей әдісін қалайсыз, сіз де қарап көріңіз. Бұл сізге құрылғының әртүрлі экран өлшемдерінде көрсетілген парағыңыздың интерактивті көрінісін көрсетеді, сонымен қатар құрылғының имитациялық пернетақтасын көрсетуге және жасыруға, портреттік және альбомдық режимдерді ауыстыруға болады.

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


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

07. Checkbot

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

08. Тоби

Сіз Chrome-ді бірнеше сағат бойы ашқанға дейін, бұл саусағыңыздың енінде қойындылардың шатасқан ұясы болатынын жалпы мойындаған шындық. Тоби оларды үйретудің керемет тәсілі; онымен сіз барлық қойындыларды сілтемелер жиынтығына жеке бетбелгілердің жүктемесіне балама ретінде ұйымдастыра аласыз және оларды басқаруды едәуір жеңілдетесіз.

09. DomFlags

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

10. Жоғары жарықтандырғыш

Міне, адамдарды пікірталасқа тартудың қызықты тәсілі: Интернеттегі мақалалардағы маңызды сәттерді бөлісуге мүмкіндік береді, осылайша сіз мәтіннің маңызды бөліктеріне назар аудара аласыз.

Келесі: тағы 10 Chrome кеңейтімі

Сайтта Қызықты
Маусымдық шабытпен сәйкестендіру Ұлыбританияның алғашқы қысқы ЛГБТ іс-шарасына ықпал етеді
Ары Қарай Оқу

Маусымдық шабытпен сәйкестендіру Ұлыбританияның алғашқы қысқы ЛГБТ іс-шарасына ықпал етеді

Жылдағы ең үлкен лесби, гей, бисексуал және трансгендерлер партиясы Ұлыбританияға бара жатыр. Қысқы мақтаныш тобы оны стильде насихаттағысы келетін Ұлыбританиядағы Digitally Roa ted De ign дизайн аген...
Шолу: ZBrush 4R8
Ары Қарай Оқу

Шолу: ZBrush 4R8

ZBru h 4R8-дің қуатты және инновациялық жаңа мүмкіндіктері оны қолданыстағы пайдаланушылар үшін маңызды жаңартуға айналдырады және жаңадан келгендерді іздеуге тұрарлық. Жаңа құралдар мен мүмкіндіктер ...
Веб-сайт стиліне арналған нұсқаулық жасаңыз
Ары Қарай Оқу

Веб-сайт стиліне арналған нұсқаулық жасаңыз

Бұл мақала веб-дизайнерлер мен әзірлеушілерге арналған әлемдегі ең көп сатылатын журнал .net журналының 219 санында алғаш пайда болды.Стиль нұсқаулығы дегеніміз не? Қарапайым тілмен айтқанда, бұл сізд...