2018-ի ապրիլի 10 նոր վեբ ձևավորման գործիքներ

Հեղինակ: Monica Porter
Ստեղծման Ամսաթիվը: 17 Մարտ 2021
Թարմացման Ամսաթիվը: 17 Մայիս 2024
Anonim
8 самоделок своими руками по ремонту за 5 лет.
Տեսանյութ: 8 самоделок своими руками по ремонту за 5 лет.

Բովանդակություն

Այս ամիս մեր հավաքածուի թեման արագությունն ու արդյունավետությունն է. Սրանցից մի քանիսը վեբ ձևավորման գործիքներ կկատարի զարմանալի բաներ ձեր աշխատանքային հոսքի համար ՝ կտրելով հոգնեցուցիչ, հիասթափեցնող առաջադրանքներ, որոնք ոչ մի կապ չունեն դիզայնի հետ: Վերցրեք Stackswell - դա ավտոմատացնում է Sketch- ում պատասխանատու դիզայն կատարելու բոլոր նյարդայնացնող բիտերը: Մեր գործիքներից մեկը արագացնում է գործը ձեզ համար .sketch ֆայլից արդյունահանելով և կազմակերպելով բոլոր ակտիվները:

Դրանից բացի, կա Stripe- ի նոր զեղչային ապրանքատեսակ, որը հիանալի ցանցային գործիք է Tina Roth Eisenberg- ի ստեղծագործողների համար և ձեր էկրանին պիքսելներով չափելու ֆանտաստիկ գործիք:

01. Դիզայնի համակարգերի ռեպո

Եթե ​​ձեզ հանձնարարվել է աշխատել ձեր կազմակերպության նախագծման համակարգի որոշ բաղադրիչների վրա, կամ գուցե նույնիսկ համակարգն ինքնուրույն կառուցել կամ կոդավորել, ապա կցանկանաք արագորեն զարգացնել թեմայի վերաբերյալ վերջին ռեսուրսները:


Դրա համար Design Systems Repo- ն ձեր ընկերն է: Դա գրքերի, հոդվածների, զրույցների, կայքերի, գործիքների, դիզայնի համակարգերի, օրինակային գրադարանների և ոճի ուղեցույցների հավաքածու է, որը կարող եք օգտագործել ՝ հասկանալու համար, թե ինչպես են ամեն ինչ անում առաջատար կազմակերպություններն ու առաջատար մտածողները:

02. PixelSnap

PixelSnap- ը շատ հիանալի ծրագիր է, որը ձեր էկրանին իրերի չափումը դարձնում է շատ ավելի քիչ նյարդայնացնող: Տեղադրեք ձեր կուրսորը երկու տարրերի միջև, ինչպիսիք են նկարը և վերնագիրը, և այն ինքնաբերաբար պատմում է նրանց միջեւ պիքսելների քանակը: Նկարի՛ր ուղղանկյուն մի տարրի շուրջ, և այն կպահի շուրջը և կասի դրա չափերը: Այո Կարող եք արագ չափել իրերը:

Տեսեք տեսանյութը գլխավոր էջում ՝ գաղափարը ստանալու համար: Appրագրի գինը 15 դոլար է, և միակ թերությունն այն է, որ այն այժմ հասանելի է միայն որպես Mac հավելված: Բայց եթե Mac օգտագործող եք, դա հիանալի բան է:


03. Էսքիզ. Ռիփերը

Sketch- ից այլ թիմին հանձնելու համար ակտիվների արտահանումն ու պատրաստումը կարող է իսկական քաշքշուկ լինել, ուստի մի գործիքի հեռանկար, որը դա ձեզ համար անում է մեկ հպումով, բավականին հետաքրքիր է: Էսքիզ. The.Ripper- ը քաղում և կազմակերպում է էկրանները, պատճենում և ռաստերային պատկերները բոլոր արտատախտակներից .sketch ֆայլում և ներկայացնում դրանք հարմար եղանակով: Պատռված ֆայլից արդյունքի օրինակ կարող եք տեսնել այստեղ:

Այս գործիքը վեբ վրա հիմնված է, ուստի այն աշխատում է ցանկացած ՕՀ-ի վրա, ինչը կարող է հեռացնել որոշ շփումներ ձեր աշխատանքային հոսքից, եթե մարդիկ օգտագործում են տարբեր համակարգեր: Այն պատրաստել է Icons8- ը, և դրա մասին ավելին կարող եք կարդալ այստեղ:

04. Սթեքսվել

Stackswell- ը արագացնում է ձեր պատասխանատու դիզայնի աշխատանքային հոսքը ՝ Sketch- ի մեջ բերելով մեդիայի հարցումները և ավտոմատացնելով յուրաքանչյուր կետի համար տիպի ոճերի և խորհրդանիշների թարմացման գործընթացը: Այս աշխատանքը ձեռքով կատարելու փոխարեն, երբ գեղարվեստական ​​տախտակի լայնությունը կարգավորում եք, ոճերն ավտոմատ կերպով թարմացվում են:


Stackswell- ը նաև խնայում է ձեզ `յուրաքանչյուր ճեղքման կետի համար ստուգելու ձեր ուղղահայաց հեռավորությունը, այնպես որ կստանաք նվազագույն քաշքշուկով կայուն տարածություն: Դրա մասին ավելին կարող եք կարդալ այս հոդվածում:

05. Փոփոխական տառատեսակներ

Փոփոխական տառատեսակները հնարավորություն են տալիս օգտագործել տարբեր տառատեսակների կշիռներ և լայնություններ ՝ առանց յուրաքանչյուրի համար առանձին ֆայլ ներառելու. Դուք ներառում եք մեկ ֆայլ, ապա փոխում տառատեսակը ՝ օգտագործելով CSS: Դա հիանալի իրավիճակ է, քանի որ այն հնարավորություն է տալիս տպագրություն օգտագործել ձեր լավագույն ձևով ՝ առանց ձեր էջի քաշը մեծացնելու:

Չնայած բոլոր փոփոխական տառատեսակները հավասար չեն. ոմանք ավելի ճկուն են, քան մյուսները: Այս գործիքը հնարավորություն է տալիս գտնել տարբեր տառատեսակներ և փորձեր կատարել դրանց միջոցով ՝ տեսնելու համար, թե արդյոք դրանք համապատասխանում են ձեր պահանջներին: Փոփոխական տառատեսակների վերաբերյալ լրացուցիչ տեղեկություններ ստանալու և պատկերացում կազմելու համար, թե ինչի կարելի է հասնել, փորձեք այս ցուցադրումը:

06. Շերտավոր վճարներ

Stripe- ի նոր բիզնեսի համար բիլինգային արտադրանքը երրորդ ձևն է առաջարկում ընկերություններին `հաշվի առնելով բիլինգային համակարգ կառուցելու կամ գնելու երկընտրանքը (այս մասին մանրամասների համար, նայեք մեր առցանց խանութների լուծումների վերաբերյալ հոդվածին): Stripe Billing API- ն հեշտությամբ ինտեգրվում է գոյություն ունեցող կայքի մեջ և հնարավորություն է տալիս օգտագործել շինանյութեր `ձեր պահանջներին համապատասխան ճկուն համակարգ ստեղծելու համար:

Երբ ձեր համակարգը կարգավորված է, ամեն ինչ կառավարվում է կառավարման վահանակից, որտեղ կարող եք պահպանել բաժանորդագրությունները, հաշիվ-ապրանքագրերը և ֆինանսական հաշվետվությունները: Դուք նաև ստանում եք այնպիսի հզոր գործառույթներ, ինչպիսիք են Stripe- ի գլոբալ վճարային համակարգը, որը կարգավորում է տարբեր արժույթներ և կրեդիտ քարտեր, և բիլինգի ճկուն բաղադրիչները, որոնք թույլ են տալիս փորձեր կատարել գնագոյացման հետ:

07. CreativeGuild

CreativeGuild- ը CreativeMornings- ի ՝ ամսական անվճար դասախոսությունների շարքի մեկնարկն է, որը հիմնադրվել է Թինա Ռոթ Այզենբերգի կողմից Բրուքլինում մեկ տասնամյակ առաջ: Հայեցակարգը հիթ էր, և այժմ կան CreativeMornings գլուխներ աշխարհի ավելի քան 185 քաղաքներում, որոնցից յուրաքանչյուրն ունի իր կենսունակ համայնքը, որը դաստիարակում և ոգեշնչում է իր անդամներին:

CreativeGuild- ը նպատակ ունի համայնքի որոշ մասեր առցանց ներդնել, որպեսզի այն հասանելի լինի ավելի շատ մարդկանց համար: Կարող եք մտածել, որ դա մի քիչ նման է LinkedIn- ին, բայց ստեղծագործողների համար: Կա ստեղծագործական ընկերությունների, անհատների և աշխատատեղերի գրացուցակ, և կարող եք որոնել ըստ գտնվելու վայրի ՝ ձեր քաղաքում հնարավորություններ գտնելու համար:

08. Մոբբին

Mobbin- ը բջջային հավելվածների նմուշների պատկերասրահ է, որը կարող եք օգտագործել ՝ ձեր սեփական նախագծերի համար գաղափարներ ստանալու համար. Շատ հավելվածներ տեղադրելու փոխարեն, կարող եք դրանք մեկ վայրում զննել ՝ տեսնելու, թե ինչպես են մյուսները լուծում դիզայնի խնդիրները: Յուրաքանչյուր ծրագրի համար ցուցադրվում է վեց էկրան, որպեսզի կարողանաք պատկերացում կազմել օգտագործողի ճանապարհորդության և յուրաքանչյուրի համար նախագծման օրինակի մասին: Կա նաև կողային տող, որը ցուցադրում է աշխատանքների ցուցակները:

09. HueSnap

Երբեք չգիտես, թե երբ է գործելու ոգեշնչումը. միգուցե հյուրանոցի դեկորը կամ այգու լույսը ձեզ համար զգա ճիշտ գունային սխեման ձեր աշխատանքի համար: Եթե ​​դա տեղի ունենա, դուք կարող եք լուսանկարել մի լուսանկար և օգտագործել HueSnap- ը ՝ գույները պատկերից հանելու և դրանք պալիտրա դարձնելու համար:

Appրագիրն ուղղված է բջջայինի օգտագործմանը, այնպես որ լավագույնս աշխատում է ձեր հեռախոսում, և ձեր ներկապնակները կարող եք պահպանել և կիսել ուրիշների հետ: Գոյություն ունեն տարբեր հատկանիշներ, որոնք կօգնեն ձեզ փոփոխել ներկապնակը, ինչպիսիք են լրացուցիչ և բարդ գույները ընտրելու ընտրանքները: Ձեր ներկապնակները կարող են ունենալ յուրաքանչյուրը մինչև վեց գույն:

Լրացուցիչի համար ՝ դիտեք վեբ դիզայներների լավագույն գունային գործիքների մեր հավաքածուն:

10. Բանջարեղեններ

Ով հավաքում է այս գեղեցիկ գրադիենտների այս հավաքածուն, հիանալի հայացք ունի դեպի գույնը և հետաքրքիր հումորի զգացում: Յուրաքանչյուր գրադիենտ ցուցադրվում է ձվի տեսքով տարայի մեջ և տալիս է անուն, որը կարող է ինչ-որ կերպ առնչվել գույներին: Եթե ​​կա հարաբերություն, մենք չենք կարողացել վերծանել այն:

Օրինակների անունները ներառում են `« Հաջողակ ներգաղթյալը »փիրուզագույն գրադիենտի համար,« Վոզնյակի կոտրված սիրտը »գունատ կապույտի համար և« Ողորմած թշնամին »դեղինից կանաչ անցման համար:

Ստացեք ձեր տոմսը Generate New York- ում

Վեբ դիզայնի առաջատար միջոցառում Ստեղծեք Նյու Յորք վերադարձել է. Ապրիլի 25-27-ը ընկած ժամանակահատվածում վերնագրերի բանախոսները ներառում են SuperFriendly’s Dan Mall- ը, վեբ անիմացիայի խորհրդատու Val Head- ը, JavaScript- ի լրիվ դասի մշակող Wes Bos- ը և այլն: Կա նաև սեմինարների օր և ցանցային առաջատար հնարավորություններ ՝ մի կարոտեք այն: Ստացեք ձեր Generate տոմսը հիմա.

Համոզվեք, Որ Կարդացեք
Լուսանկարների խմբագրման լավագույն ծրագրակազմը 2021 թ
Կարդալ

Լուսանկարների խմբագրման լավագույն ծրագրակազմը 2021 թ

Լուսանկարների խմբագրման լավագույն ծրագրակազմը կարող է միջակ լուսանկարը վերածել տպավորիչ բանի, կամ էլ ավելի լավ դարձնել հիանալի լուսանկարը: Այն թույլ է տալիս անել ամեն ինչ ՝ սկսած նուրբ կսմթվածքներ կատ...
Ստեղծեք բջջային կայք jQuery Mobile- ի միջոցով
Կարդալ

Ստեղծեք բջջային կայք jQuery Mobile- ի միջոցով

Գիտելիք է անհրաժեշտ. Սկսած HTML5, միջանկյալ C , jQuery և jQuery MobileՊահանջում է. jQuery և jQuery Շարժական գրադարաններ և տեքստի խմբագիրՐագրի ժամանակը. 4-6 ժամԱջակցության ֆայլՍա խմբագրված հատված է 15-...
Createրաներկով շշմեցուցիչ հրդեհային էֆեկտներ ստեղծեք
Կարդալ

Createրաներկով շշմեցուցիչ հրդեհային էֆեկտներ ստեղծեք

Բոցերից լույսի խաղը, ստվերների խորհուրդը և փոխակերպված դեմքերի վրա կրակի արտացոլումը այս վարպետության դասի հիմնական նպատակներն են:Կոմպոզիցիան նկարի ամենակարևոր մասն է: Այստեղ իմ նկարը բաղկացած է տեղան...