Բովանդակություն
- 01. Թեմաների միջոցով նոր բան ուսումնասիրեք
- 02. Կաղապարներով նախատիպն ավելի արագ է
- 03. Սկսեք հավաքածու
- 04. Բարձրացնել արդյունավետությունը նախամշակիչների հետ
- 05. Ուսումնասիրեք CodePen- ի ամենաթեժ նոր առանձնահատկությունը. Projectրագրեր
- 06. Միացրեք հեռախոսը
- 07. Ընդունեք համայնքի ոգին
- 08. Մասնակցեք IRL հանդիպմանը
- 09. Նորացրեք Pro- ին
- 10. Ընկղմեք ներշնչանքի ջրհորի մեջ
CodePen- ը մարդասպան գործիքակազմ է արագ նախատիպավորման համար ՝ ներդրողների ոգեշնչող և աջակցող համայնքով: Այն դարձել է արդյունաբերության սիրված վեբ ձևավորման գործիքներից մեկը ՝ առաջարկելով ստեղծագործական կոդի անխռով կրկնություն, վերացնելով զարգացման նոր միջավայրերի առաջացման գլխացավերը և հնարավորություն տալով օգտվողներին հեշտությամբ լուծել առջևի անթիվ հասկացությունները ՝ սկսած քմահաճ և ծիծաղելիից մինչև գործնական և տեղակայել - արդեն
Այս հոդվածում մենք հավաքել ենք 10 լավագույն խորհուրդներ վեբ արդյունաբերության սիրված կոդավորման խաղահրապարակից ավելին ստանալու համար. Սրանք ընդմիշտ կփոխեն CodePen- ի օգտագործման եղանակը: Եթե դա ձեզ ոգեշնչում է ստեղծագործական դառնալու համար, գուցե ցանկանաք նաև ծանոթանալ CSS անիմացիայի օրինակների մեր համացանցային հավաքածուին կամ ցանցի ամենահետաքրքիր բաց աղբյուրի նախագծերին:
Անկանու՞մ եք ամեն ինչ դարձնել էլ ավելի առանց քաշքշուկի: Կառուցեք ձեր կայքը հեշտ փխրուն կայք ստեղծողով և ստացեք գերօգնական վեբ հոստինգի ծառայություն:
01. Թեմաների միջոցով նոր բան ուսումնասիրեք
CodePen թեմաները համեմատաբար նոր համայնքային առանձնահատկություն են, որն առաջարկվում է բոլոր մակարդակների օգտվողներին, և դրանք հիանալի միջոց են նոր շրջանակներ, UI նմուշներ կամ JS գրադարաններ ուսումնասիրելու համար: Թեմաներ էջը բացելուց հետո դուք կհանդիպեք մի շարք ընտրանքների, որոնք զտված են ըստ կատեգորիաների և նույնիսկ ավելի շատ ըստ ենթակատեգորիաների: Տեղական կատեգորիա դիտելուց հետո, օրինակ, Vue.js, մեզ հանդիպում է ակնարկային էկրան ՝ բազմաթիվ ընտրանքներով:
Ձեզ հարկավոր է սկզբնական ձևանմուշ ՝ Vue- ի այդ բաղադրիչը մշակելու համար: Ահա սիրված բաղադրիչների ցուցակը և հիանալի «Նոր գրիչ կաղապարից» կոճակը, որն օգնում է մեզ սկսել: Wantանկանու՞մ եք տեսնել գործող շրջանակի փորձառու համադրությամբ որոշ օրինակներ: Filտեք «Featured Vue Pens» - ով և ձեզ հանդիպելու են շրջանակային վարպետների և սկսնակների ոգեշնչող աշխատանքներ:Թեմայի այս ակնարկները զննելիս մեզ առաջարկում են համառ հղումներ դեպի պաշտոնական կայքեր, շրջանակային կամ գրադարանային փաստաթղթեր և ուղեցույցներ, և ծրագրի հիմնական GitHub ներկայությունը:
02. Կաղապարներով նախատիպն ավելի արագ է
Յուրաքանչյուր մշակող ինչ-որ պահի, ամենայն հավանականությամբ, իսկական ցավ է զգացել տեղական զարգացման միջավայր ստեղծելու ժամանակ, անկախ նրանից, թե ինչպիսի բուրգ է: նույնիսկ կաթսայատան տեղադրումը կարող է շատ ավելի շատ ժամանակ պահանջել, քան այն, ինչ ցանկանում է ներդրումներ կատարել `ստեղծելու և փորձարկելու համար նման մի քանիսը` ներկայացնելով կոճակի նախատիպերը: CodePen– ի հետ դուք արդեն այնտեղ եք ՝ IDE, որը պատրաստ է ձեզ համար ՝ հեշտությամբ թափելու ձեր ստեղծագործ մտքի բովանդակությունը:
Բայց օգտագործելով CodePen- ի կաղապարի առանձնահատկությունը, այժմ նույնիսկ ավելի հեշտ է պտտեցնել այն ճշգրիտ միջավայրը, որն անհրաժեշտ է աշխատանքն ավարտելու համար: Կաղապարը կարող է պարունակել ցանկացած քանակի նախորոշված արտաքին սցենարներ (կարող եք ներառել մեկ այլ գրիչ որպես արտաքին ակտիվ), թույլ կտա ձեզ նախապես նախադրել ձեր նախընտրած HTML / CSS / JS նախամշակիչը (որը կոկիկորեն ինքնաբերաբար կկազմվի ինքնաթիռում) և նույնիսկ կպահպանի ցանկացած գոյություն ունեցող ծածկագիր, որը դուք հոգ եք տանում պահպանելու մասին:
Գրիչը որպես ձևանմուշ նշելը բավականին պարզ է. Բացիր գրիչը, տրորիր այդ Կարգավորումներ կոճակը, կտտացրու գրիչի մանրամասներին և այնտեղից կտեսնես փոքրիկ կոկիկ կոճակ, որն առաջարկում է որպես կանոնավոր գրիչ կամ Կաղապար
Այսպիսով, ինչո՞վ է դա տարբերվում գոյություն ունեցող գրիչի պատառաքաղից: Գրիչը որպես ձևանմուշ դնելը թույլ կտա ձեզ ընտրել այս կարգավորումը անմիջապես ՝ նոր Գրիչ ստեղծելու որոշում կայացնելուն պես, առանց ձեր նախորդ գրիչների որոնման ՝ պատառաքաղը և դրանք փոփոխելու անհրաժեշտությունը, և կարիք չկա նորից ներմուծել ձեր նախընտրած բոլոր սցենարները այստեղից: հիմնավորեք և կարիք չկա կրկին ընտրելու շարահյուսական բոլոր ընտրանքներն ու պարամետրերը, որոնք կարող եք նախընտրել տվյալ հասկացության համար: Լրացուցիչ, կաղապարից նոր Գրիչ սկսելը ձեր Գրիչը վերաբերվում է որպես ամբողջովին նոր ստեղծագործության, մինչդեռ պատառաքաղը կստեղծի գրիչ, որը կապվում է դեպի բնօրինակը ՝ ավելի հստակ պատմությամբ, քան դատարկ թերթիկով: CodePen Pro հաշվի նորացումը ձեզ առաջարկում է աներևակայելի արժեքավոր ընդլայնված գործառույթներ, բայց նույնիսկ անվճար օգտագործողների հաշիվները թույլ կտան ստեղծել անսահմանափակ ձևանմուշ:
03. Սկսեք հավաքածու
Եթե ձեզ դուր է գալիս CodePen թեմաների միջոցով ռեսուրսներ որոնելու ունակություն, բայց ցանկանում եք, որ կարողանաք ձեր սեփականը բուժել, հավաքածուները ձեր ուզած պատասխանն են: Հավաքածուին գրիչ ավելացնելը նույնքան պարզ է, որքան «Հավաքածուներ» ցուցիչի ընտրությունը «Գրիչի խմբագրման տեսքից», որտեղ կարող եք նշել հավաքածու կամ ստեղծել նորը: Կրկին, դա կարող է լինել ցանկացած մեկի գրիչը (և եթե Pro մասնագետ եք, կարող եք ձեր հավաքածուն դնել անձնական): Հավաքածուների գեղեցկությունը ձեր բոլոր հավաքածուները մի տեղ դիտելու ուժեղ զտիչով, տեսակավորմամբ և որոնման ընտրանքներով է. Ռեսուրսները բուրգով կամ շրջանակով սահմանելու, ոգեշնչման գործառնական ցուցակ պահելու կամ գրիչների կլաստերային հմտությունների միջոցով հիանալի միջոց: Հետաքրքրվա՞ծ եք մեկ այլ օգտագործողի հանրային հավաքածուով: Դուք նույնիսկ կարող եք բաժանորդագրվել Հավաքածուին RSS- ի միջոցով ՝ թարմացումները վերև պահելու համար:
04. Բարձրացնել արդյունավետությունը նախամշակիչների հետ
Եկեք ընդունենք, որ մեզանից շատերն էկրանների ետեւում բավականաչափ ժամանակ են ծախսում, քան, հավանաբար, պետք է: Մեզանից շատերն այնքան ծանրաբեռնված են կարիերայի հետ կապված գործնական ջանքերով, դժվար է ժամանակ գտնել ժամանակն անօգուտ անջատիչների անջատիչների կամ WebGL էջի անցումների գրադարան կառուցելու համար, և մինչ CodePen- ը հեռացնում է կարգաբերման տիպային ժամանակը և թույլ է տալիս մեզ ուղղակիորեն աշխատել միշտ կատարելագործվել: Սա այն դեպքում, երբ CodePen- ի հայրենի նախնական մշակողները օգտակար են:
Օրինակ. Ուզում եք մի քանի հարյուր HTML բջիջներից բաղկացած ցանց ստեղծել, յուրաքանչյուրի ոճի հատկությունները պատահականորեն թարմացվու՞մ են JavaScript- ի միջոցով: Անշուշտ, կարող եք սկսել պատճենել և կպցնել div- ը: Եվ սրա վերջում խմբագրի բոլոր պատուհանը գրեթե անհնար է կողմնորոշվել:
Ահա թե որտեղ են փայլում HAML- ը, Pug- ը կամ Jade- ը. Գրչի կայանքների պատուհանից հեշտությամբ ընտրեք HTML նախամշակիչ, գրեք մի պարզ օղակ և ստեղծեք այս տարրերը մոտավորապես երկու տողում: Չգիտե՞ք որտեղից սկսել: Դրա համար կա գրիչ. CodePen- ում «HAML Loop» - ի որոնումը բերում է մեծ քանակությամբ կաթսայատախտակների գրիչների, որոնք ձեզ կարճ պատկերացում կտան, թե ինչպես արդյունավետորեն առաջացնել ձեր էջի տարրերը:
CSS- ի նախադպրոցական պրոցեսորներով, ինչպիսիք են LESS- ը և Sass- ը, մենք կարող ենք կառուցել խառնուրդներ և կանխորոշված գործառույթներ, որոնք ընդունում են բազմաթիվ փաստարկներ `դրանք դարձնելով կատարյալ լրացում քո CodePen ձևանմուշներին և թույլ տալով գրել այլապես բարդ ոճեր համեմատաբար հեշտությամբ: Միգուցե ավելի մեծ նախագծի համար եք կառուցում UI տարրեր. Այժմ կարող եք սահմանել ձեր բոլոր գույնի, տառատեսակի և միջակայքի փոփոխականները անվանումների հստակ և հակիրճ պայմանագրերով. և կրկին դրանք CodePen ձևանմուշում ներառելը թույլ է տալիս կրկնել գործնականում զրո կարգաբերմամբ:
Վայելե՞ք CoffeeScript- ի, TypeScript- ի կամ Babel- ի արդյունավետությունը: CodePen- ը կարող է բնիկ կազմել նաև ձեր նախընտրած JS նախամշակիչը: Եթե ցանկացած պահի ցանկանում եք դիտել կափարիչի տակ և տեսնել, թե ինչպիսին է ձեր կազմված կոդը, ձեր ընտրած կոդի խմբագրման վահանակից կարող եք պարզապես ընտրել «Դիտել կազմվածը» ՝ զգալու համար, թե ինչպիսին կլինի ձեր վերջնական արդյունքը: - և դուք պետք է Օղակների և առաջադեմ գործառույթների հետ աշխատելը կարող է անհամեմատ արագ դարձնել կարգաբերումն ու կրկնությունը, բայց նաև կարող է թոթափել մեծ քանակությամբ չօգտագործված շարահյուսություն: Եթե ցանկացած պահի մտադիր եք օգտագործել այս ստեղծագործությունները արտադրության մեջ, համոզվեք, որ ձեր բոլոր ծածկագրերը ամբողջությամբ կազմված են, և կատարման համար անհրաժեշտ ցանկացած կրճատումներ կամ ճշգրտումներ կատարեք:
05. Ուսումնասիրեք CodePen- ի ամենաթեժ նոր առանձնահատկությունը. Projectրագրեր
Դեռևս մի փոքր թարմ առանձնահատկություն ՝ CodePen Projects- ը մի տեսակ չերեկացող հերոս է. CodePen- ի բնօրինակ եռաշերտ HTML / CSS / JS կարգավորումն արդեն թույլ է տալիս իրականացնել արտաքին ներմուծում և իրական ժամանակում նախամշակման կազմում: Այսպիսով, ի՞նչն է առանձնացնում Projectրագրերը: Բացի ստանդարտ խմբագրման էջերից, դուք ի վիճակի եք ավելացնել ձեր սեփական տեղական ֆայլերը. Այսինքն ՝ կարող եք կազմել ձեր սեփական ֆայլերի կառուցվածքը, ինչպես կանեիք տեղական միջավայրում ՝ ստեղծելով բազմ էջեր կայքեր կամ ծրագրեր եզակի, ինքնամփոփ միջավայրում: առանց Gulp- ի կամ Webpack- ի բարդ կազմաձևերը տեղադրելու անհրաժեշտության, օրինակ.
CodePen նախագծերը հեշտացնում են ձեր առկա ֆայլերը քաշելը և գցելը (համոզվեք, որ դրանք ապահով կերպով կուտակեք ամպի պահեստում) և կոկիկորեն կպահպանեն ձեր կառուցվածքը կամ թույլ կտան փոփոխություններ կատարել խմբագրի ներսից: Եվ եթե Pro մակարդակի օգտվող եք, մի փոքր ավելի քաղցր է դառնում. Երբ պատրաստ եք գործը տեղակայել, մեկ հպումով կարող եք գործի դնել ձեր նախընտրած միջավայրը:
06. Միացրեք հեռախոսը
CodePen- ի առաջարկած բոլոր հզոր, գործնական գործիքների մեջ թաքնված է մի քմահաճ շեղում, որը հայտնի է որպես CodePen TV: CodePen TV- ն ուղղակի ընտրված գրիչների պատահական նմուշառում է, որն աստիճանաբար պտտվում է էկրանապահիչի նման եղանակով: Թերեւս ձեզ չի հետաքրքրում գրիչների պատահական ընտրությունը և ցանկանում եք պատրաստել ձեր սեփական «ալիքը», որում կան կատուներ: Դուք կարող եք նաև գործարկել CodePen հեռուստաալիք `հիմնվելով ցանկացած CodePen հավաքածուի վրա (ներառյալ այլ օգտվողների ստեղծած հավաքածուները): Եվ եթե Mac օգտագործող եք, կարող եք նույնիսկ օգտագործել CodePen TV- ն որպես ինքնուրույն OSX բնության էկրանապահիչ:
07. Ընդունեք համայնքի ոգին
Կոդավորող համայնքները հայտնի են բացառիկությամբ ՝ ստեղծելով խաբեբայական համախտանիշի իրական բուծման հիմքեր, որոնք կարող են անթափանց ու անհարմար զգալ նույնիսկ ամենակիրառու դիզայներների և մշակողների համար:
Այստեղ է, որ առանձնանում է CodePen– ը, և ինչու է համայնքի ակտիվ անդամ դառնալը նման առավելություններ առաջարկում: Տեսնո՞ւմ եք գրիչ, որը ուրախություն է առաջացնում: Տրորեք սրտի այդ կոճակը և մեկ այլ օգտագործողի ցույց տվեք մի փոքր սեր: Կարող եք առաջ գնալ և կտտացնել այն մինչև երեք անգամ, եթե իսկապես սիրում եք իրենց կատարած աշխատանքը:
Ոգեշնչվա՞ծ եք զգում, կամ գուցե մտածո՞ւմ եք այլ օգտվողի գրիչ այլընտրանքային ընդունելու մասին: Մեկ կտտոցով կարող ես պատառաքաղել գրիչին, այնուհետև հաղորդել քո սեփական ստեղծագործական ծաղկունքը, կամ նույնիսկ այն վերափոխել, ինչպես հարմար ես համարում:
Այլապես, եթե ավելի լավ մոտեցում եք տեսնում, կամ օգտագործողի կոդի մեջ թերություն եք հայտնաբերում, մտածեք մեկնաբանել Գրիչը ձեր ունեցած կառուցողական առաջարկներով: Չնայած այսպիսի կայքերում մեկնաբանությունների բաժինների մեծ մասը, որպես կանոն, բացասականության անկառավարելի աղբանոց է, համայնքը, որպես կանոն, հիանալի աշխատանք է կատարում ինքնավստահություն գործելու, դրականորեն խրախուսելու և մյուսներին աջակցելու համար:
Համայնքի մեջ սուզվելու լավագույն միջոցը, թերևս, CodePen- ի Spectrum զրույցին միանալն է `աշխատանքի փոխանակման, խորհրդատվություն ստանալու և ստեղծագործական համագործակցության բաց ֆորում: Օրինակներից մեկը «Անցիր գրիչը», CodePen- ի օգտագործող Քրիստոֆեր վան Սանտի հայեցակարգն է, որում ստեղծվում է գրիչ, այնուհետև այն կրկնվում է այն օգտվողների կողմից, ովքեր ցանկանում են ներդրում ունենալ:
CodePen- ը նաև առաջարկում է շաբաթական մարտահրավերների հրահանգներ ՝ ձեզ ստեղծագործորեն ներգրավելու համար: Հնարավոր է, չեք կարծում, որ ձեր գործն արժանի է կիսվելու, բայց, հավանաբար, սխալվում եք: Անցեք CodePen- ի Spectrum զրույցին և ցույց տվեք, թե ինչի վրա եք աշխատում ՝ անկախ նրանից, թե մեծ ու փոքր: Դուք հաճելիորեն կզարմանաք, թե որքանով է օժանդակ և օգտակար CodePen– ի միջին օգտագործողը, և, հավանաբար, ճանապարհին մի քանի տարբեր բաներ կսովորեք:
08. Մասնակցեք IRL հանդիպմանը
Հիմքում այն, ինչը CodePen- ը դարձնում է առաջնային գործիք մշակողների համար էական գործիք, համայնքն է: Բայց երբեմն օգտակար է ձեր հմտությունները էկկրանից դուրս հանել, և չկա ավելի լավ միջոց, քան հյուրընկալել կամ մասնակցել CodePen հանդիպմանը: CodePen- ը սիրով ձեզ կապահովի ներկաների լոգարան, և նրանց հովանավորների օգնությամբ նրանք նույնիսկ կօգնեն ձեզ ապահովել սննդի և խմիչքի փոխհատուցում. Գտնվելու վայրը և ամսաթիվը ձեզնից կախված է: Հանդիպումները հիանալի հնարավորություն են տալիս զույգացնելու ծրագիրը, հրապարակորեն հայցելու ռազմավարություններ կամ հասկացություններ, ավարտելու թիմային մարտահրավեր կամ պարզապես ավելի լավ իմանալու, թե ինչն է դրդում ձեր գործընկեր ծածկագրողներին: Կամ գուցե դուք պարզապես այնտեղ եք անվճար պիցցայի համար: Մենք ներում ենք ձեզ:
09. Նորացրեք Pro- ին
CodePen- ի առաջարկած ֆունկցիոնալության խորությունը իսկապես բավականին ուշագրավ է, հատկապես հաշվի առնելով հազարավոր օգտվողների բեռը միաժամանակ միմյանց հետ հավաքելով որոշ անհավատալիորեն սերվերային ինտենսիվ ստեղծագործություններ: Տուփից դուրս, դա բավականին լավ կլորացված փորձ է. Դա այնքան ժամանակ է, քանի դեռ չեք խայթել CodePen Pro- ից: Ուրեմն ինչու՞ ցատկել: Չնայած այն իր մեջ պարունակում է շատ օգտակար ընդլայնված հատկություններ, բայց մի առանձնահատկությունն այն արժանի է դարձնում ՝ Գրիչները մասնավոր կերպով փրկելու ունակությունը:
Ոչ Pro օգտագործողների համար ստեղծված յուրաքանչյուր գրիչ հրապարակորեն ինդեքսավորվում է, ինչը հաճախ պարզապես լավ է: Բայց ի՞նչ կլինի, եթե ես ուզում եմ որոշակի UI ծաղկել ՝ դեռևս մեկնարկող հաճախորդի ծրագրի համար: Սա այն դեպքն է, երբ մասնավոր խնայելու ունակությունը շատ օգտակար է. «Անձնական» -ը չի նշանակում թաքնված, դուք, այնուամենայնիվ, կարող եք ձեր ներքին թիմի հետ կիսել ձեր գրչի ուղղակի հղումները: Բայց ձեր գրիչը այլապես անբացահայտելի է: Թերեւս ձեզ պարզապես միջավայր է պետք ՝ նոր հասկացությունները ստուգելու համար, կամ սահմանափակ ժամանակ ունեք ստեղծագործության վրա աշխատելու համար և մտադիր եք ավելի ուշ վերադառնալ. Հենց այստեղ են, որ գաղտնիության տարբերակները տարբերություն են ստեղծում:
Այսպիսով, էլ ի՞նչ է ներառում Pro հաշիվը: Ակտիվների հոստինգ Մեկ ֆայլի սահմանում 2 Մբ-ի սահմաններում, CodePen- ը կհյուրընկալի ձեր գրչի ակտիվները, ինչը նշանակում է, որ արտաքին հոստում պատկերներ կամ սցենարներ վերբեռնելու անհրաժեշտություն չկա և թույլ է տալիս ավելի մեծ ճկունություն խստորեն խաչաձեւ ծագման բնութագրերով շրջանակների հետ աշխատելիս:
Pro հաշիվներն առաջարկում են մուտք դեպի Live View. Թույլ է տալիս օգտվողներին տեսնել իրենց խմբագրումները վերբեռնված թռիչքի ընթացքում բազմաթիվ պատուհանների միջով - Collab Mode - որը թույլ է տալիս կենդանի զույգի ծրագրավորում և ներառում է հարմար զրույցի տարբերակ - և Professor Mode- ը, որը կհեռարձակի ձեր կոդերի թարմացումները: Գրչի կենդանի նախադիտման հետ միասին իրական ժամանակում, իդեալական ծածկագրերի ուսուցիչների կամ կոնֆերանսի շրջանային մազոխիստների համար: CodePen Pro- ն առաջարկում է նաև ձեր սեփական պրոֆիլի էջը խմբագրելու հնարավորություն, ներառյալ հարմարեցված CSS և JS, և ընտրովի գրիչ ՝ որպես էջի վերնագիր, որովհետև իմանալով նրանց լսարանը ՝ նշանակում է, որ առջևի ծրագրավորողները իմանում են, թե ինչպես են հարմարվում, հարմարեցնում, հարմարեցնում:
10. Ընկղմեք ներշնչանքի ջրհորի մեջ
Թարմ գրիչը նման է դատարկ կտավի, բայց երբեմն ստեղծագործական բլոկը հարվածելու է, և այդ կտավը նիցշեյանական երկար հայացք կխլի ձեր մեջ: Ձեզ անշնչացած զգո՞ւմ եք: Նայեք վերջին CodePen Challenge- ին կամ միացեք կոդավորման մարտահրավերների խմբին, ինչպիսին է Codevember- ը կամ DailyUI- ն: Միգուցե անցեք Dribbble- ին և վերստեղծեք (կամ գուցե կենդանացնեք) նկարազարդում CSS- ում. Պարզապես համոզվեք, որ պատշաճ կերպով վարկ կտաք (ձեր գրչի հանրային մանրամասներին հղումներ ավելացնելը նախընտրելի մեթոդն է):
Դրանք կարող են թվալ անօգուտ վարժություններ, և մենք բոլորս էլ գաղտնի վիճում էինք մեկի ազատ ժամանակի կոդավորման դեմ, բայց CodePen- ում (հրապարակավ) ստեղծագործական ծածկագրման համար կա ևս մեկ քիչ ճանաչված հակառակ կողմ. Պոտենցիալ գործատուներն ու հավաքագրողներն իրականում ժամանակ են ծախսում կայքի վրա այն մարդկանց համար, ովքեր ստեղծագործական փառասիրություն են ցուցաբերում: Կառուցե՞լ եք որոշ բաներ, որոնցով հատկապես հպարտ եք: Համոզվեք, որ դրանք ներառեք ձեր պորտֆոլիոյում:
CodePen- ը ներդրումը դյուրին է դարձնում ՝ ցուցադրման բազմաթիվ ընտրանքներով, և օգտագործելով նրանց նոր նախադրյալի ներդրման առանձնահատկությունը, կարող եք ավելացնել CodePen խմբագրի պատուհանը ՝ մատուցված կոդով, անմիջապես ձեր պորտֆոլիոյի կայքի կոդային բազայից:
Այս հոդվածն ի սկզբանե տպագրվել է վեբ ձևավորման ստեղծագործական ամսագրում Վեբ դիզայներ.Գնիր 290 համարը.