50 ֆանտաստիկ գործիք պատասխանատու վեբ ձևավորման համար

Հեղինակ: Monica Porter
Ստեղծման Ամսաթիվը: 17 Մարտ 2021
Թարմացման Ամսաթիվը: 17 Մայիս 2024
Anonim
Шпаклевка стен под покраску. Все этапы. ПЕРЕДЕЛКА ХРУЩЕВКИ от А до Я #20
Տեսանյութ: Шпаклевка стен под покраску. Все этапы. ПЕРЕДЕЛКА ХРУЩЕВКИ от А до Я #20

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

Ինչպես ներմուծեց / հորինեց Իթան Մարկոտը ինչպես իր «Պատասխանատու վեբ ձևավորում» հոդվածում, այնպես էլ իր ամենավաճառվող գրքում, կայքի համար պատասխանատու դարձնելու համար անհրաժեշտ է երեք տարր.

  1. Flexibleկուն / հեղուկ ցանց
  2. Պատասխանող պատկերներ
  3. Մեդիա հարցումներ

Կան բազմաթիվ այլ հիանալի հոդվածներ, որոնք լուսաբանում են պատասխանատու վեբ ձևավորման վերաբերյալ դրդապատճառները, հասկացությունները և տեխնիկան, այնպես որ մենք այս հոդվածի ուշադրությունը կշարունակենք որոշ լավագույն գործիքների վրա, որոնք կօգնեն ձեզ պատասխանատու պատասխանատու լինել:

Գործիքներ սկսելու համար

Նախքան ձեր կայքի կառուցումը սկսելը, լավագույնն է ուրվագծել, թե ինչպես են էջի տարրերը հարմարվելու `զանազան զննարկչի տարբեր չափերին համապատասխանելու համար, որոնք դիտվելու են, և խուսափել այն անջատումից, որը հաճախ գալիս է հիմնականում մտածելիս աշխատասեղանի դիզայնը և մնացած պատասխանատու կրկնությունները ՝ որպես հետագա միտք (տե՛ս հատկապես Stephanie (Sullivan) Rewis- ի մեկնաբանությունը):

01. Պատասխանող վեբ ձևավորման ուրվագծերի թերթեր

Պատասխանատու էսքիզային թերթիկների այս շարքը, որը գրել է Jeremy P Alford- ը, հիանալի մեկնակետ է `սկսելու գծագրել, թե ինչպես են էջերի բաժինները տեղաշարժվելու տարբեր տարբերությամբ:


02. Պատասխանատու դիզայնի ուրվագիծ

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

03. Պատասխանող Wireframes

Արձագանքող կայքեր կառուցելու դժվարություններից մեկը `մետաղալարերի օգտագործումն է` ցույց տալու, թե ինչպես է գործելու պատասխանատու դիզայնը: Adobe- ի Jamesեյմս Մելլերսը միավորել է այս փորձնական գործիքը ՝ ցույց տալու համար, թե ինչպես կարող է աշխատել բարդ դասավորությունների պատասխանատու մետաղալարացումը:


04. Բազմասարքերի դասավորության օրինակներ

Պատասխանատու դիզայն պլանավորելիս օգտակար է տեսնել, թե ինչպես են այլ մարդիկ դրան մոտեցել ձեզանից առաջ, այնպես որ Լյուկ Վրոբլևսկու «Բազմալար սարքի դասավորության նախշերը», որոնք թվարկում են հանրաճանաչ նախշեր ՝ օրինակների հղումներով, հիանալի տեղ են սկսել:

05. Ոճային սալիկներ

Samanatha Warren- ի Style Tiles- ն առաջարկում է պատասխանատու տարիքում դիզայնի նոր տեխնիկա. այլ ոչ թե ֆիքսված լայնությամբ դիզայնի ծաղրեր, դրանք նման են սվաչերի կամ տրամադրության տախտակների, որոնք ցույց են տալիս նախագծման ընդհանուր մոտեցումը ՝ առանց մանրակրկիտ մանրամասների մեջ մտնելու:

Գործիքներ ճկուն / հեղուկ ցանցի համար

Ինչպես արդեն նշվել է ավելի վաղ, պատասխանատու նախագծման համար անհրաժեշտ առաջին բաղադրիչը ճկուն / հեղուկ ցանցն է:Հետևյալներն արդեն նախապես կառուցված են. Դուք պարզապես պետք է ներբեռնեք դրանք և արագորեն կգտնեք ավելի պատասխանատու կայքի ճանապարհ:


06. Ոսկե ցանցի համակարգ

Joni Korpi- ն, ով նաև մշակեց Less Framework- ը, վերջերս թողարկել է պատասխանատու ձևավորման հուսալի ցանցային համակարգի այս նոր տարբերակը: Համարվում է, որ «ծալվող» է, քանի որ այն հեշտությամբ հարմարվում է 16-ից ութ, մինչև չորս սյունակներին, «Ոսկե ցանց» համակարգը պարունակում է նաև զննարկչի փոքր ծածկույթ, որը բացահայտում է ձեր էջերի ցանցը փորձարկման համար:

07. Foldy960

Paravel, Inc- ի տաղանդավոր գենդերները թողարկել են փոփոխված 960.gs ցանցը, որն օգտագործում են որպես իրենց պատասխանատու նախագծերի հիմք:

08. SimpleGrid

SimpleGrid- ը, Conor Muirhead- ի կողմից, կառուցվել է թխած պատասխանունակությամբ, այնպես որ հեշտ է ոտքի կանգնել ձեր պատասխանատու կայքի նախագծով:

09. 1140px CSS ցանցը

Մեկ այլ հիանալի արձագանքող ցանցային համակարգ է Մելբուռնի դիզայներ Էնդի Թեյլորի 1140px CSS ցանցը, որը աշխատասեղանի լայն բանաձևից անցնում է բջջայինի:

10. Սյունակային CSS ցանցային համակարգ

Columal grid համակարգը, որը ստեղծվել է Pulp + Pixels aka ստեղծագործական տնօրեն Նիք Գորսլայնի կողմից, հիմնված է 1140px ցանցային համակարգի վրա, բայց ունի որոշ լրացուցիչ լավություններ, ինչպիսիք են դիզայնի հավաքածուն ուրվագծերով և մետաղալարերի ձևանմուշներով, ինչպես նաև CSS կարգաբերման ոճերով:

11. Իմաստային ցանցային համակարգ

Նախապես մշակված CSS ընդլայնումները, ինչպիսիք են Sass- ը և LESS- ը, ավելի ու ավելի տարածված են դառնում, և Tyler Tate- ի Semantic ցանցային համակարգը դրանք օգտագործում է առավելագույն ազդեցության համար այս ցանցային համակարգում, որը պնդում է, որ չի օգտագործում ավելորդ դասեր կամ տարրեր: Կարդալ ավելին ՝ coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-lay--outout- for- վաղը /:

12. ՍՈՒՍԻ

Սեմալիստական ​​ցանցային համակարգի նման, Oddbird- ի SUSY- ն ստեղծեց ցանցային համակարգ, որը չի օգտագործում լրացուցիչ նշումներ կամ հատուկ դասեր, բայց SUSY- ն ուղղված է միայն Sass- ի (և դրա ընդլայնման ՝ կողմնացույց) օգտագործողներին:

13. Գրիդպակ

Gridpak- ը, Erskine Design- ի կողմից, շրջապատող ցանցի ամենալավ պատասխանատու գեներատորներից մեկն է: Այն թույլ է տալիս սահմանել սյուններն ու ջրհորդանները մի շարք խզման կետերում, ապա դուրս բերել CSS, JavaScript և PNG ֆայլեր, այնպես որ ձեր ամբողջ թիմն աշխատում է նույն ելակետից:

14. Gridset

Gridset- ի շուրջ դեռ կա մի փոքր առեղծվածային օդ, քանի որ, երբ ես գրում եմ սա, այն իրականում դեռ չի թողարկվել: Բայց Mark Boulton Design- ի գործիքը խոստանում է պատվիրված, ոչ դեղատոմսային, ցանցային համակարգեր և ձեր ցանցերը առցանց փրկելու և կառավարելու միջոց:

15. Ավելի լավ Photoshop ցանց ՝ RWD- ի համար

Elliot Jay Stocks- ն առաջարկում է հրաժարվել 960px ցանցի հին ստանդարտ ստանդարտից և փոխարենը աշխատել 1000px բազայից ՝ ավելի հեշտ դարձնելով բոլոր տոկոսային հաշվարկների հետ աշխատելը: Եթե ​​համաձայն եք, նա PSD է պատրաստել, որպեսզի սկսեք աշխատել:

16. Հեղուկի ցանցեր

Եթե ​​ձեր դիզայնը շատ մասնագիտացված է, և ձեզ հարկավոր է ստեղծել ձեր սեփական ցանցը, ապա դա կարող եք անել .net Awards- ի նորեկի փայլուն անվանակարգում Harry Roberts- ի հեղուկացանցային ցանցի հաշվիչի միջոցով:

17. Պատասխանատու հաշվիչ

Մեկ այլ փիքսել տոկոսների հաշվիչ, բայց այս մեկը ՝ Stu Robson- ը, մեկ այլ քայլ առաջ է գնում, քան մյուսները `ստեղծելով CSS- ի բոլոր կանոնները ձեզ համար, ինչը նշանակում է, որ դուք կարող եք պարզապես պատճենել և տեղադրել դրանք ձեր ոճաթերթերում:

Պատասխանող պատկերների գործիքներ (և տեքստ)

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

18. Պատասխանող պատկերներ

Filament Group- ը մշակեց մի եղանակ `էկրանի լուծաչափի հիման վրա համապատասխան չափի պատկեր ուղարկելու համար: Բջջային հեռախոսով նկարների հետ կապված այս փորձը, որը մասշտաբով պատասխանում է և պատասխանատուորեն, կոչ է անում ունենալ տարբեր չափերի երկու պատկեր `հղման համար:

19. Հարմարվողական պատկերներ

Matt Wilcox- ը ոգեշնչվեց «Պատասխանատու պատկերներ» գործիքից `հարմարեցված պատկերներ ստեղծելու համար, որն օգտագործում է PHP և մի փոքր JavaScript` համապատասխան պատկերները օգտագործողի սարքին սպասարկելու համար `առանց որևէ լրացուցիչ նշագրման պահանջի:

20. Sencha.io Src (նախկին Tinysrc)

Sencha- ն տրամադրում է ամպային ծառայություն, որն ուղարկում է հյուրընկալված պատկերների օպտիմիզացված տարբերակներ `իրենց հայցող սարքի չափի համար: Որպեսզի պարզեք, թե ինչպես օգտագործել այն, տե՛ս docs.sencha.com/io/src/:

21. FitText

Paravel- ի ևս մեկ այլ գոհար FitText.js- ն է, jQuery plug-in ՝ վերնագրի վեբ տիպը պատասխանատու դարձնելու նախագծին և սարքին: Մանրամասների համար տե՛ս trentwalton.com/2011/05/10/fit-to-scale/:

22. սալաքանդակ

Ոգեշնչված FitText- ից և SlabType ալգորիթմից ՝ Brian McAllister's slabText- ը jQuery plug-in է, որը կազմում է տեքստի համարձակ բլոկներ, որոնք պատշաճ կերպով չափափոխվում են ՝ պահպանելով սահմանված լայնությունը:

Գործիքներ մեդիայի հարցումների համար

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

23. Պատասխանել. Js

Պատասխանող դիզայնի միակ խնդիրն այն է, որ զննարկիչները, որոնք չեն կարող կարդալ մեդիայի հարցումները, հետ են մնում: Սա չի կարող ձեր թիրախային լսարանի հետ կապված խնդիր լինել, բայց դեռ լավ պրակտիկա է օգտվողներին ավելի հին բրաուզերներում տեղավորելու համար: Respond.js- ը, հեղինակ Սքոթ Յեհլը, աջակցում է հատկությունները միայն min-width և max-width:

Լրացուցիչ տեղեկությունների համար տե՛ս filamentgroup.com/lab/respondjs_fast_css3_media_queries_for_internet_explorer_6_8_and_more/:

24. CSS3-Mediaqueries.js

Wouter van der Graaf- ի կողմից CSS3-Mediaqueries.js- ը IE- ի և այլ զննարկիչների հին տարբերակներին հնարավորություն է տալիս արդյունավետորեն ստուգել և կիրառել բոլոր տեսակի մեդիա հարցումները:

25. Հարմարվել. Js

960.gs բնօրինակ ցանցային համակարգի հեղինակ Նաթան Սմիթը գրել է Adapt.js, սցենար, որը հայտնաբերում է զննարկչի չափերը և սպասարկում է միայն պահանջվող ոճաթերթերը, ինչպիսիք են մեդիայի հարցումները, բայց առանց մեդիայի հարցումների, ինչը նշանակում է, որ այն աշխատում է նաև հին զննարկիչներում:

26. Կատեգորիզատոր

Սա սարքի հայտնաբերումն է, որը մոտեցվում է հակառակ տեսանկյունից. Brett Jankord- ի «Կատեգորիզատոր» սցենարը ենթադրում է, որ սարքերը շարժական են, եթե այլ բան չի հայտնաբերվել որպես աշխատասեղան կամ պլանշետ, ինչը հնարավորություն է տալիս համակրելի կերպով ծառայել զննարկիչներին ռեսուրսների:

Պատասխանատու դիզայնի (և շարժական) կաթսայատներ

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

27. 320 և ավելի

Andy Clarke's 320 and Up- ը շարժական կաթսա է, որը ինտեգրվում է շատ այլ ժամանակակից վեբ ձևավորման գործիքների հետ, ինչպիսիք են LESS- ը և Bootstrap- ը (տե՛ս # 30): Կայքը արագ գործարկելու թեթև և ճկուն միջոց է: Նայեք նաև Էնդիի հետ մեր հարցազրույցին, որում նա մեզ ավելին է պատմում նոր տարբերակի մասին:

28. Անանց ցանց

Gridless- ը HTML5 և CSS3 կաթսա է, որը կարող է հիմք ծառայել ձեր պատասխանատու ձևավորման համար ՝ կենտրոնանալով տպագրության և խաչբրաուզերների թխած համատեղելիության վրա:

29. կմախք

Ի տարբերություն նախորդ երկու կաթսայատների, որոնց ելակետը ամենափոքր բանաձևով է, Dave Gamache- ի ստեղծած Skeleton զարգացման հավաքածուն հիմնված է 960.gs ցանցային համակարգի վրա և մասշտաբով հասնում է բջջայինի: Skeleton- ը նաև հպարտանում է հիանալի ոճով, որը մշակողները կառուցում են վերևում ոճեր կառուցելու համար:

30. Bootstrap

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

Plugins, shims և polyfills

Չնայած ժամանակակից զննարկիչները և ծրագրակազմը հակված են արձագանքելու, երբեմն մենք ստիպված ենք լինում օգտագործել լրացուցիչ գործիքներ `կայուն փորձ ապահովելու համար:

31. Պատասխանատու հավելում

Մարիոս Լուբլինսկին գրել է WordPress հավելված, որը խոստանում է ցանկացած ընթացիկ WP թեման վերածել պատասխանատու թեմայի: Թե ինչպես է դա գործում, ես դեռ չգիտեմ, քանի որ այն չի հրապարակվել որպես այս գրության ժամանակը, բայց եթե այն արդարացնի իր խոստումը, ապա դա շատ օգտակար կլինի:

32. Տապալում

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

33. Մեդիա սեղան

Մարկո Պեգորարոյի jQuery plugin- ը `MediaTable- ը, աշխատում է Respond.js- ի հետ` օգնելու ձեզ հաղթահարել փոքր էկրանային սարքերի վրա տվյալների մեծ աղյուսակները ցուցադրելու խնդիրը, դարձնելով պատասխանատու սյունակներ և ավելացնելով ցուցադրություն / թաքցնելու փոխարկիչ, որտեղ հարմար է:

«Փորձարկում, փորձարկում ՝ 1-2-3 ...»:

Արձագանքող աշխատանքային հոսքի մեկ այլ ասպեկտը ձեր թիրախային սարքերն ու բանաձևերն իմանալն է, ապա դրանցում փորձարկելը:

34. resizeMyBrowser- ը

resizeMyBrowser- ը, frontend- ի մշակող Chen Luo- ի կողմից, ձեր զննարկչի պատուհանի համար ունի մի քանի նախադրված չափսեր `պատասխանատու կերպով մշակված էջերը փորձարկելու կամ նոր նախադրվածություն ստեղծելու համար, եթե չկարողանաք գտնել ձեր պահանջներին համապատասխան:

35. պատասխանող

ResizeMyBrowser- ի նման, Remy Sharp- ի կողմից կառուցված responsivepx- ը, ձեր էջերը բեռնում է մի պատուհանում, որտեղ կարող եք ստուգել լայնությունն ու բարձրությունը `որոշելու, թե որքանով են կրակում ձեր լրատվամիջոցների հարցումները և որտեղ են նախագծման կետերը:

36. Պատասխանատու դիզայնի փորձարկում

Դիզայներ և մշակող Մեթ Քերսլիի աներևակայելի օգտակար գործիք. Պարզապես մուտքագրեք Responsive Design Testing- ում ձեր պատասխանատու կայքի URL- ը ՝ տեսնելու, թե ինչպես է այն մատուցվում զննարկչի տարբեր չափսերով:

37. Պատասխանատու

Մուտքագրեք URL և Պատասխանատուն ձեզ ցույց կտա, թե ինչպես է այն ցուցադրվում սարքի շատ տարածված չափսերում `անողոք ռոբոտացված արդյունավետությամբ: Թամա Պագսլին և Էնդի Հովին պատասխանատու են այս մեկի համար:

38. Պատասխանող

Responsive.is- ը թույլ է տալիս մուտքագրել URL, այնուհետև արագ չափափոխել այն մի շարք տարբեր նախադրվածներով: Այն պատրաստել է թիմը, որը կանգնած է սպասվող Typecast հավելվածի ետևում:

39. Screenqueri.es

Browserննարկչի չափսերի ևս մեկ գործիք, բայց Screenqueri.es- ը Mandar Shirke- ից տարբերվում է իրենից `ունենալով բջջային և պլանշետային համակարգի նախադրյալների մեծ շարք, ինչպես նաև ցանց և տիրակալներ, որոնք շատ ավելի հեշտացնում են նուրբ չափումը:

40. Ապտուս

Բազմաթիվ սահմանված չափերով կայքերի փորձարկման մեկ այլ ծրագիր, սակայն Aptus- ը բնիկ Mac- ով է: Այն հասանելի է Mac App Store- ի միջոցով, և հայրենի լինելը բերում է լրացուցիչ հատկությունների, ինչպիսիք են հեշտ էկրանի նկարները և անցանց աջակցությունը:

41. Պատասխանատու դիզայնի էջանիշ

Վիկտոր Կուլոնը պատրաստել է շատ պարզ, բայց արդյունավետ գրքույկ; երբ այն ակտիվացնում եք ցանկացած ինտերնետային էջում, այն ավելացնում է գործիքագոտի, որը հնարավորություն է տալիս անցնել էկրանի չորս ընդհանուր չափսերի միջև, որպեսզի տեսնեք, թե ինչպես է ձեր կայքը տարբեր չափերի մատուցվում:

42. Պատասխանատու դիզայնի թեստի էջանիշ

Benjamin Keen- ի այս էջանիշը թույլ է տալիս ավելի շատ անհատականացնել `թույլ տալով, որ դուք որոշեք ձեր սեփական սարքի չափերը, և այնքան շատ կամ քիչ, որքան ցանկանում եք: Ակտիվացնելիս այն ցույց է տալիս կայքը բոլոր ընտրված չափերով, կողք կողքի ՝ հեշտ համեմատության համար:

43. Էկրանի ճանճ

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

44. Լրատվամիջոցների հարցման ցուցիչ

Johan Brook- ը առաջարկում է CSS- ի մաքուր եղանակ `ստուգելու համար, թե երբ է զննարկիչը գործարկել մեդիայի հարցում: Media Query Indicator- ը եւս մեկ լավ գործիք է դիզայնի խախտման կետերի հետ փորձարկման և խաղի համար:

45. Շիմ

Boston Globe- ի, RWD շարժման հետին տղայի վերափոխման մեջ օգտագործված գործիքներից մեկը `Shim- ը, Node.js ծրագիր է, որն ինտերնետային կայք է վարում միևնույն Wifi ցանցի բազմաթիվ սարքերի վրա` այդպիսով դյուրին դարձնելով խաչասարքերի փորձարկումը: ,

46. ​​Ուղևորություն

Եթե ​​Shim- ը գործարկելու համար Node.js սերվեր չկա, Scott Jehl- ը պատրաստել է ավելի պարզ տարբերակ, որը կոչվում է Drive-In, որն աշխատում է սկզբունքորեն նույն կերպ, բայց օգտագործելով PHP, Apache և .htaccess ֆայլ:

47. Adobe Shadow

Adobe- ը շարունակում է իրենց մղումը դեպի վեբ տեխնոլոգիաներ հեռակառավարման վրիպազերծման այս գործիքի միջոցով: Տեղադրեք Shadow- ը և Chrome- ի ընդլայնումը Mac- ում կամ Windows- ում, գումարած Shadow- ի հաճախորդը Android- ում կամ iPhone- ում, և կարող եք համացանցային էջեր տարածել շատ տարբեր սարքերի միջև:

48. Opera Mobile Emulator + Remote Debug

Բջջային էջերը վրիպազերծելու ավելի հեշտ միջոց է տեղադրել Opera- ն և Opera Mobile Emulator- ը և միացնել այդ երկուսը իրենց Remote Debug տարբերակով: Տեղադրման պարզ և արագ ձևավորում և փորձարկման լրացուցիչ առավելություն, քան WebKit- ի վրա:

Հետագա ոգեշնչում

Wantանկանու՞մ եք պատկերացում կազմել, թե ինչպես են մյուսները արձագանքում իրենց դիզայնին:

49. MediaQueri.es

Եթե ​​դա արդեն չեք տեսել, Mediaqueri.es կայքն ունի անընդհատ աճող թվով կայքեր, որոնք անցել են պատասխան կողմ:

50. @RWD

Իթան Մարկոտը վարում է Twitter հաշիվ, որը բերում է վերջին նորությունները, գործիքներն ու ցուցափեղկերը RWD աշխարհից:

Դենիս obեյքոբսը պաշտում է լինել խոսնակ, հեղինակ, վեբ դիզայնի մարզիչ և ստեղծագործական ավետարանիչ, մինչդեռ Փիթեր Գասթոնը «Գրքի CSS3» գրքի հեղինակն է և վետերան վեբ մշակող, ով բլոգում է Broken Links- ում:

Դուր եկավ սա Կարդացեք սրանք:

  • Բջջային կայք ստեղծելու օգտին առաջարկություններ
  • CSS- ի և JavaScript- ի լավագույն տեխնիկան
  • Ինչպես ստեղծել ծրագիր
  • Լավագույն անվճար վեբ տառատեսակները դիզայներների համար
  • Բացահայտեք, թե ինչ է հաջորդը լրացված իրականության համար
  • Ներբեռնեք անվճար հյուսվածքներ `բարձր լուծաչափով և պատրաստ օգտագործման համար
Նախորդ Հոդվածը

Ինչու են վեբ դիզայնը UX մասնագետների կարիք ունենում
Հաջորդ Հոդվածը

Քրիս Կոյերը ՝ CSS խրամատներում կյանքի մասին
Ավելի Մանրամասն
Ո՞ր ժամին պետք է արթնանան դիզայներները առավոտյան:
Հայտնաբերել

Ո՞ր ժամին պետք է արթնանան դիզայներները առավոտյան:

Մայիս 2024
Դուք առավոտյա՞ն եք, ով անկողնուց վեր է թռչում և սուրճի ամենակարճ հոտից հետո անցնում գործին, միայն թե տեսնեք, թե ինչպես եք ընկնում և դանդաղեցնում, գալիս եք վաղ կեսօրին: Թե՞ ձեր բոլոր առաջադրանքներն ավա...
Էրիկ Չանի թվային քաոսը
Հայտնաբերել

Էրիկ Չանի թվային քաոսը

Մայիս 2024
Նյու Յորքում բնակվող բազմամասնագիտական ​​նկարիչ Էրիկ Չանը, Համակարգչային արվեստի «Գերազանցության մրցանակ» համակարգչային արվեստի 2009 թ.-ի շրջանավարտների ցուցափեղկում շահելուց ի վեր, կայունոր...
Ստեղծեք նիշ ՝ օգտագործելով Copic նշիչները
Հայտնաբերել

Ստեղծեք նիշ ՝ օգտագործելով Copic նշիչները

Մայիս 2024
Copic Marker - ը հայտնվել է իմ ռադարում գրեթե երկու տարի առաջ, և այդ ժամանակից ի վեր ես հետ չեմ նայել: Ինստագրամի իմ էջը սկսելու ժամանակ էր, և իմ հետևորդները կարող էին տեսնել, թե ինչպես է հինգ նշիչի հ...