CodePen: Adeiladu, Profi, Rhannu a Darganfod HTML, CSS, a JavaScript

Codepen: Adeiladu, Profi, a Darganfod Cod Pen Blaen

Un her gyda system rheoli cynnwys yw profi a chynhyrchu offer wedi'u sgriptio. Er nad yw hynny'n ofynnol i'r mwyafrif o gyhoeddwyr, fel cyhoeddiad technoleg, rwy'n hoffi rhannu sgriptiau gweithio o bryd i'w gilydd i helpu pobl eraill. Rydw i wedi rhannu sut i ddefnyddio JavaScript i wirio cryfder cyfrinair, Sut i gwirio cystrawen cyfeiriad e-bost gyda Mynegiadau Rheolaidd (Regex), ac yn fwyaf diweddar ychwanegodd hyn cyfrifiannell i ragfynegi effaith gwerthiannau adolygiadau ar-lein. Rwy'n gobeithio ychwanegu dwsinau o offer ar y wefan ond nid yw WordPress yn ffafriol iawn i gyhoeddi fel hyn ... system gynnwys ydyw, nid system ddatblygu.

Felly, i gael fy sgriptiau bach i weithio rwy'n mwynhau eu defnyddio CodePen. Offeryn wedi'i drefnu'n daclus yw CodePen gyda phanel HTML, panel CSS, panel JavaScript, Console, a chyhoeddiad o'r cod sy'n deillio o hynny. Mae gan bob panel wybodaeth pan fyddwch chi'n llygoden dros elfennau fel eich bod chi'n deall beth sy'n bosibl, yn ogystal â chod lliw o'ch HTML, CSS, a JS i'ch helpu chi i olygu ac ysgrifennu'n haws.

Mae CodePen yn amgylchedd datblygu cymdeithasol. Wrth ei wraidd, mae'n caniatáu ichi ysgrifennu cod yn y porwr, a gweld ei ganlyniadau wrth i chi adeiladu. Golygydd cod ar-lein defnyddiol a rhyddhaol i ddatblygwyr o unrhyw sgil, ac yn arbennig o rymusol i bobl sy'n dysgu codio. Mae CodePen yn canolbwyntio'n bennaf ar ieithoedd pen blaen fel HTML, CSS, JavaScript, a chystrawennau rhagbrosesu sy'n troi'n bethau hynny.

Ynglŷn â CodePen

Gyda CodePen, roeddwn i'n gallu gwneud yr holl waith angenrheidiol cyhoeddi'r gyfrifiannell Rwy'n gwreiddio yn y wefan. Mae'r mwyafrif o greadigaethau ar CodePen yn rhai cyhoeddus a ffynhonnell agored. Maent yn bethau byw y gall pobl eraill a'r gymuned ryngweithio â nhw, o galon syml, i adael sylw, i ffugio a newid ar gyfer eu hanghenion eu hunain.

CodePen - cyfrifiannell ar gyfer darogan effaith gwerthiant adolygiadau ar-lein

Gyda CodePen, gallwch newid eich barn os hoffech i'r cwareli fod ar y chwith, y dde neu'r gwaelod wrth i chi weithio ... neu weld yr HTML mewn tab newydd. Mae'r olygfa ochr yn ochr yn gweithio'n anhygoel o dda i brofi'ch gosodiadau ymatebol oherwydd gallwch chi addasu maint y cwarel y gellir ei weld.

Gallwch drefnu pob un o'ch sgriptiau gweithio yn Pinnau, eu cyfuno i mewn i Brosiectau (golygydd aml-ffeil), neu hyd yn oed adeiladu casgliadau. Yn y bôn, mae'n safle portffolio gweithio ar gyfer cod pen blaen lle gallwch ddilyn awduron eraill, fforchio prosiectau eraill a rennir yn gyhoeddus i'ch un chi i'w haddasu, a hyd yn oed ddysgu sut i wneud rhywfaint o bethau difyr trwy heriau.

Gallwch arbed fel GitHub Gist, allforio mewn ffeil zip, a hyd yn oed ymgorffori y beiro mewn erthygl fel hon:

Gwel y Pen
Effaith Gwerthu Rhagfynegol Adolygiadau Ar-lein
by Douglas Karr (@douglaskarr)
on CodePen.


Un o gyfyngiadau golygydd Pen yw maint y cod. Efallai na fyddwch byth yn rhedeg ar draws y mater hwn, oherwydd dylai'r golygydd fod yn iawn gyda channoedd neu hyd yn oed filoedd o linellau cod. Ond pan fyddant yn dechrau taro 5,000 - 10,000 neu fwy o linellau cod, fe welwch y golygydd yn dechrau methu. Fodd bynnag, gallwch ychwanegu cyfeiriadau allanol at daflenni arddull neu JavaScript a gynhelir mewn man arall!

Byddwn yn eich annog i arwyddo. Byddwch yn tanysgrifio i'w e-bost wythnosol a gallwch hefyd ychwanegu'r porthiant i'ch porthiant RSS fel y gallwch weld beiros sydd newydd eu cyhoeddi. Ac, os byddwch chi'n dechrau chwilio neu bori trwy'r corlannau cyhoeddus yno, fe welwch rai prosiectau anhygoel ... mae'r defnyddwyr yn eithaf talentog!

Dilynwch Douglas Karr ar Codepen

Mae'r fersiwn taledig, CodePen Pro, yn cynnig tunnell o nodweddion ychwanegol ar gyfer gwell ymarferoldeb neu dimau - gan gynnwys cydweithredu, prosesau, cynnal asedau, golygfeydd preifat, a hyd yn oed prosiectau wedi'u defnyddio gyda'ch parth neu is-barth eich hun. Ac, wrth gwrs, mae CodePen yn darparu ystorfa wych gydag integreiddio Github lle gall eich tîm cyfan weithio. Os ydych chi am brofi rhywfaint o god syml fel rydw i, mae CodePen yn offeryn amhrisiadwy.

Beth ydych chi'n feddwl?

Mae'r wefan hon yn defnyddio Akismet i leihau sbam. Dysgwch sut mae eich data sylwadau yn cael ei brosesu.