Բովանդակություն
- 01. Պարզեցրեք Gmail- ը
- 02. Սպեկտր
- 03. CSS սկան 2.0
- 04. Ամինո
- 05. Սիզի
- 06. Կայքի ներկապնակ
- 07. Ստուգարկիչ
- 08. Թոբի
- 09. DomFlags
- 10. Highly Highlighter
Chrome- ի Dev Tools- ը հիանալի է, բայց հնարավոր է էլ ավելի հուզիչ հատկություններ ավելացնել ձեր ինտերնետ զննարկչին `վեբ ձևավորումը և մշակումը հեշտացնելու համար:
Իհարկե, կան մի շարք այլ գործիքներ ՝ գործն արագացնելու համար, տեսեք մեր սիրած վեբ ձևավորման գործիքների հաղորդագրությունը: Առայժմ, սակայն, ահա մեր 30 սիրելի Chrome ընդլայնումները վեբ դիզայներների և մշակողների համար:
01. Պարզեցրեք Gmail- ը
Եթե կարծում եք, որ Gmail- ը իր համար մի փոքր խառնաշփոթ է դառնում, բարևեք «Պարզեցրեք Gmail» - ին, որը քշում է բոլոր բեկորներն ու UI- ի վատ որոշումները, որոնք ներս են մտել վերջին մի քանի տարիների ընթացքում: Gmail- ի նախկին գլխավոր դիզայներ Մայքլ Լեգեթի կողմից ստեղծված ՝ այն ազատվում է շեղող խառնաշփոթությունից և ձեզ տալիս է ավելի մերկ և ֆունկցիոնալ տարբերակ:
02. Սպեկտր
Մի տեսակ գունավոր կուրությունը ազդում է շուրջ 200 միլիոն մարդու վրա ամբողջ աշխարհում, բայց նրանց համար սննդի սպասարկումը հաճախ ցածր է դիզայներների մատչելիության ստուգման ցուցակում: Spectrum- ի միջոցով, այնուամենայնիվ, դուք կարող եք արագորեն ստուգել ձեր կայքը տարբեր տեսակի գունային տեսողության պակասի դեմ և ապահովել, որ ամեն ինչ պարզ լինի:
03. CSS սկան 2.0
Chrome- ի Dev Tools- ը ծածկույթի տակ ստուգելու հարմար միջոց է `տեսնելու, թե ինչպես է կայքը աշխատում, բայց CSS Scan 2.0-ը նույնիսկ ավելի հեշտ է, եթե այն CSS է, որին ուզում ես նայել: Սավառնել ցանկացած տարրի վրա և նրա CSS- ը կհայտնվի pop-up տեսքում, ինչը հնարավորություն կտա ձեզ մեկ հպումով պատճենել դրա կանոնները: Կարող եք այն օգտագործել թեմաներից կամ ձևանմուշներից որոշակի տարրեր պատճենելու համար ՝ ձեր սեփական օգտագործման համար հարմարեցնելու համար, և դա հիանալի է ձեր սեփական կոդն ուղղելու համար:
04. Ամինո
Ահա ևս մեկ հիանալի CSS գործիք: Amino- ն CSS- ի կենդանի խմբագիր է, որը հնարավորություն է տալիս զննարկիչում առաջացնել ոճաթերթիկներ և դրանք իրական ժամանակում կիրառել կայքերում: Այն արդյունավետորեն թույլ է տալիս մշտական փոփոխություններ կատարել ձեր այցելած ցանկացած կայքում, և եթե ձեր Google հաշվով մուտք եք գործել Chrome, ապա ոճի թերթերը համաժամեցվելու են այնպես, որ դրանք Chrome- ից հասանելի լինեն ձեր բոլոր աշխատասեղանի սարքերում:
05. Սիզի
Պատասխանատու վեբ ձևավորումը տրված է այս օրերին, և այն ցանկանում եք, որ պարզ եղանակ լինի ստուգել ձեր նախագծերը բազմաթիվ դիտակետերում, Sizzy- ն արժե նայել: Այն ձեզ ցույց կտա ձեր էջի ինտերակտիվ տեսք, որը ներկայացված է սարքի էկրանի մի շարք տարբեր չափսերով, և դուք կարող եք նաև ցույց տալ և թաքցնել նմանեցված սարքի ստեղնաշարը և անցնել դիմանկարային և լանդշաֆտային ռեժիմների:
06. Կայքի ներկապնակ
Հաջորդ անգամ, երբ տեսնեք կայք, որը մեծապես օգտագործում է գույնը, ահա դրանից օգտվելու պարզ միջոց: Site Palette- ը հիմնական գույները քաղում է կայքից և առաջացնում է համօգտագործվող պալիտրա, որը կարող եք հեշտությամբ ցուցադրել համագործակիցներին: Կարող եք նաև ներբեռնել Sketch ձևանմուշ, և կա նաև Adobe Swatch աջակցություն:
07. Ստուգարկիչ
Համոզվելով, որ ձեր կայքի բոլոր հղումներն իրականում աշխատում են, օգտագործման ակնթարթային շահույթ է և դա նաև լավ միջոց է ձեր SEO- ն բարելավելու համար: Checkbot- ը Chrome- ի ընդլայնում է, որը ստուգում է կոտրված հղումները, կրկնօրինակ վերնագրերը, վերահղման շղթաները, անվավեր HTML / JS / CSS և ավելին, այնպես որ կարող եք արագ ստուգել ձեր կայքը վատ հղումների առկայության դեպքում և դրանք շտկել:
08. Թոբի
Aիշտն ասած, ճշմարտություն է, որը համընդհանուրորեն ընդունված է, որ քանի դեռ Chrome- ը մի քանի ժամ բացել եք, դա կլինի ձեր փոքր մատի լայնության ներդիրների շփոթեցնող բույնը: Toby- ը նրանց մեղմացնելու հիանալի միջոց է. դրանով դուք կարող եք կազմակերպել բոլոր այդ ներդիրները հղումների հավաքածուներում ՝ որպես առանձին էջանիշների բեռների այլընտրանք, նրանց կառավարումը շատ ավելի դյուրին դարձնելով:
09. DomFlags
Արմատապես արագացրեք DomFlags- ի տարրերի ոճավորման գործընթացները, իսկապես հիանալի ընդլայնում, որը հնարավորություն է տալիս ստեղծել ստեղնաշարի դյուրանցումներ DOM տարրերի համար: Դա նման է, որ էջանիշներ ունենաք DOM- ում նավարկելու համար. սա կփոխի DevTools- ի հետ աշխատելու եղանակը:
10. Highly Highlighter
Ահա մի հետաքրքիր միջոց `մարդկանց քննարկման դնելու համար. Թույլ է տալիս կիսել համացանցային հոդվածներից ստացված կարևորագույն իրադարձությունները, այնպես որ կարող եք ուշադրություն հրավիրել գրելու ամենաէական մասերի վրա:
Հաջորդը `Chrome- ի ևս 10 ընդլայնում