CodePen: Byggt, prófað, deilt og uppgötvað HTML, CSS og JavaScript

Codepen: Byggja, prófa og uppgötva framhliðarkóða

Ein áskorunin með vefumsjónarkerfi er að prófa og framleiða handritatól. Þó að það sé ekki krafa flestra útgefenda, eins og tækniútgáfu, finnst mér gaman að deila handritum af og til til að hjálpa öðrum. Ég hef deilt hvernig á að nota JavaScript til að athuga styrkleika lykilorðs, hvernig á að athuga setningafræði netfangsins með reglulegu segð (Regex), og bætti síðast þessu við reiknivél til að spá fyrir um söluáhrif dóma á netinu. Ég vonast til að bæta við tugum tækja á síðunni en WordPress er ekki nákvæmlega til þess fallin að birta svona ... það er innihaldskerfi, ekki þróunarkerfi.

Svo, til að fá litlu forskriftirnar mínar að virka, nýt ég þess að nota CodePen. CodePen er snyrtilega skipulagt tæki með HTML spjaldið, CSS spjaldið, JavaScript spjaldið, Console og gefið út af kóðanum sem myndast. Hver spjaldið hefur upplýsingar þegar þú músar yfir þætti svo að þú skiljir hvað er mögulegt, svo og litakóðun á HTML, CSS og JS til að auðvelda þér að breyta og skrifa.

CodePen er félagslegt þróunarumhverfi. Í hjarta þess gerir það þér kleift að skrifa kóða í vafranum og sjá árangur hans þegar þú smíðar. Gagnlegur og frelsandi kóða ritstjóri á netinu fyrir forritara af hvaða kunnáttu sem er, og sérstaklega valdeflandi fyrir fólk sem lærir að kóða. CodePen einbeitir sér fyrst og fremst að framhliðarmálum eins og HTML, CSS, JavaScript og fyrirvinnslu setningafræði sem breytast í þá hluti.

Um CodePen

Með CodePen gat ég unnið alla þá vinnu sem nauðsynleg var til gefa út reiknivélina Ég felldi inn í síðuna. Flestar sköpunarverk á CodePen eru opinber og opinn uppspretta. Þeir eru lífverur sem annað fólk og samfélagið geta haft samskipti við, frá einfaldri hjartnæmingu, til að skilja eftir athugasemd, til að gaffla og breyta eftir eigin þörfum.

CodePen - reiknivél til að spá fyrir um söluáhrif dóma á netinu

Með CodePen geturðu breytt skoðun þinni ef þú vilt að rúður séu til vinstri, hægri eða neðri þegar þú vinnur ... eða skoða HTML á nýjum flipa. Hlið við hlið sýnin virkar ótrúlega vel til að prófa móttækilegar stillingar þínar þar sem þú getur stillt stærð sýnilegrar rúðu.

Þú getur raðað hverju vinnuforritinu þínu í pennum, sameinað þau í Verkefni (fjölskrárritstjóri) eða jafnvel byggt upp söfn. Það er í grundvallaratriðum vinnusafnasíða fyrir framan kóða þar sem þú getur fylgst með öðrum höfundum, pungað öðrum opinberum verkefnum sem þú hefur deilt opinberlega til að breyta og jafnvel lært hvernig á að gera eitthvað skemmtilegt í gegnum áskoranir.

Þú getur vistað sem GitHub Gist, flutt út í zip skrá og jafnvel Fella pennann í svona grein:

Sjáðu pennann
Spáð söluáhrif dóma á netinu
by Douglas Karr (@douglaskarr)
on CodePen.


Ein af takmörkunum Pen ritstjórans er hreint magn kóða. Þú getur aldrei rekist á þetta mál, þar sem ritstjórinn ætti að vera fínn með hundruð eða jafnvel þúsund línur af kóða. En þegar þeir byrja að lemja 5,000 - 10,000 eða fleiri línur af kóða sérðu að ritstjórinn byrjar að mistakast. Þú getur þó bætt utanaðkomandi tilvísunum í stílblöð eða JavaScript hýst annars staðar!

Ég vil hvetja þig til að skrá þig. Þú verður áskrifandi að vikulegum tölvupósti þeirra og getur einnig bætt straumnum við RSS strauminn þinn svo þú getir séð nýbirta penna. Og ef þú byrjar að leita eða vafra um opinberu penna þar, þá finnur þú ótrúleg verkefni ... notendurnir eru mjög hæfileikaríkir!

Fylgdu Douglas Karr á Codepen

Greidda útgáfan, CodePen Pro, býður upp á fullt af viðbótaraðgerðum fyrir bætta virkni eða teymi - þar með talið samstarf, ferli, hýsingu eigna, einkaskoðun og jafnvel dreift verkefnum með þínu eigin léni eða undirlén. Og auðvitað veitir CodePen frábæra geymslu með Github samþættingu þar sem allt teymið þitt getur unnið. Ef þú vilt bara prófa einfaldan kóða eins og ég er, er CodePen ómetanlegt tæki.

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.