CodePen: Ua, Xeem, Qhia thiab Nrhiav HTML, CSS, thiab JavaScript

Codepen: Tsim, Sim, thiab Tshawb Pom Pem Hauv Ntej-Kawg Code

Ib qho kev sib tw nrog cov txheej txheem tswj hwm cov ntsiab lus yog kev sim thiab tsim cov cuab yeej sau ntawv. Txawm tias qhov no tsis yog qhov yuav tsum tau ua rau feem ntau cov tshaj tawm, raws li kev tshaj tawm thev naus laus zis, kuv nyiam qhia cov ntawv sau ua haujlwm los ntawm ib lub sijhawm kom pab lwm tus neeg. Kuv twb qhia tawm yuav siv li cas JavaScript los tshawb xyuas lo lus zais zog, yuav ua li cas txheeb xyuas email chaw nyob syntax nrog Kev Qhia Ncauj Lus (Tshajplaws), thiab nyuam qhuav tau ntxiv rau qhov no lub laij lej los twv seb qhov muag muag li cas hauv kev tshuaj xyuas onlineCov. Kuv vam tias yuav ntxiv ntau yam khoom siv rau ntawm lub vev xaib tab sis WordPress tsis yog qhov zoo rau kev tshaj tawm zoo li qhov no ... nws yog cov kab ke, tsis yog qhov system txhim kho.

Yog li, kom tau txais kuv cov ntawv sau me me ua haujlwm Kuv nyiam siv CodePenCov. CodePen yog cov muaj txheej txheem ntxig nrog HTML vaj huam sib luag, CSS vaj huam sib luag, vaj huam sib luag JavaScript, Console, thiab luam tawm cov txiaj ntsig cov txiaj ntsig. Txhua lub vaj huam sib luag muaj cov ntaub ntawv thaum koj nas dhau cov ntsiab lus kom koj nkag siab txog dab tsi ua tau, nrog rau xim-coding ntawm koj HTML, CSS, thiab JS los pab koj kho thiab sau yooj yim dua.

CodePen yog kev txhim kho kev sib raug zooCov. Ntawm nws lub siab, nws tso cai rau koj sau code hauv qhov browser, thiab pom cov txiaj ntsig ntawm nws thaum koj tsim. Kev siv tau txiaj ntsig zoo thiab muaj kev tiv thaiv kev ywj pheej hauv online rau cov neeg tsim tawm ntawm cov kev txawj ntse, thiab tshwj xeeb yog txhawb kom muaj zog rau tib neeg kawm kev cai. CodePen tsom feem ntau rau cov lus pem hauv ntej-kawg xws li HTML, CSS, JavaScript, thiab kev tsim qauv syntaxes uas tig mus rau cov khoom ntawd.

Txog CodePen

Nrog CodePen, Kuv muaj peev xwm ua tau txhua txoj haujlwm tsim nyog ua luam tawm lub laij lej Kuv kos rau hauv lub xaib. Feem ntau cov tsim ntawm CodePen yog pej xeem thiab qhib qhov. Lawv yog cov khoom nyob uas lwm tus neeg thiab zej zog muaj peev xwm sib cuam tshuam tau, los ntawm lub siab yooj yim, los tawm lus, tawm tswv yim thiab hloov rau lawv tus kheej cov kev xav tau.

CodePen - lub laij lej rau kev twv seb qhov muag cuam tshuam ntawm kev txheeb xyuas online

Nrog CodePen, koj tuaj yeem hloov pauv koj txoj kev pom yog tias koj xav kom lub panes yuav nyob sab laug, sab xis, lossis hauv qab thaum koj ua haujlwm ... lossis saib daim HTML hauv qhov tshiab. Txoj kev sib saib pom ib sab ua haujlwm zoo kawg rau kev ntsuam xyuas koj cov lus teb saib xyuas txij li koj tuaj yeem kho qhov loj me ntawm cov pane saib tau.

Koj tuaj yeem teeb txhua ntawm koj cov ntawv sau ua haujlwm rau hauv Cwjmem, sib sau ua ke rau hauv Cov Haujlwm (ntau cov ntawv sau cia), lossis txawm tias tsim kev sib sau. Nws yog qhov pib ua haujlwm tsim kho chaw rau pem hauv ntej-code chaws nyob qhov twg koj tuaj yeem ua raws lwm tus kws sau ntawv, diav rawg lwm qhov kev qhia rau koj tus kheej los hloov kho, thiab tseem kawm paub yuav ua li cas qee cov kev lom zem los ntawm kev cov nyom.

Koj tuaj yeem txuag tau raws li GitHub Gist, muab xa tawm hauv cov zauv teb ntaub ntawv, thiab txawm tias embed tus cwj mem nyob rau hauv ib tsab xov xwm zoo li no:

Pom Cwj Mem
Kev twv kwv yees muag cuam tshuam ntawm Kev Pom Online
by Douglas Karr (@douglaskarr)
on CodePen.


Ib qho ntawm qhov kev txwv ntawm Tus Cwj mem yog qhov sheer ntim ntawm txoj cai. Koj yuav tsis khiav hla qhov teeb meem no, raws li tus sau ntawv yuav tsum zoo nrog pua pua lossis ntau txhiab txog kab ntawm cov cai. Tab sis thaum lawv pib tsoo 5,000 - 10,000 los sis ntau tshaj kab ntawm code, koj yuav pom cov editor pib poob. Txawm li cas los xij, koj tuaj yeem ntxiv cov ntaub ntawv sab nraud rau stylesheets lossis JavaScript tuav lwm qhov!

Kuv xav kom koj rau npe. Koj yuav tsum tau sau npe yuav ua rau lawv email txhua lub lim piam thiab tseem tuaj yeem ntxiv cov khoom noj rau koj RSS pub kom koj pom cov ntawv luam tawm tshiab. Thiab, yog tias koj pib tshawb lossis tshawb cov pej xeem cwjmem nyob ntawd, koj yuav pom qee qhov haujlwm zoo kawg… tus neeg siv tau zoo heev!

Ua raws li Douglas Karr ntawm Codepen

Tus them nqi, CodePen Pro, muaj ib tuj ntawm cov yam ntxwv ntxiv rau kev ua haujlwm zoo dua los yog pab pawg - suav nrog kev sib koom tes, cov txheej txheem, cov khoom ntiag tug, kev pom ntiag tug, thiab txawm tias xa tawm cov phiaj xwm nrog koj tus kheej sau lossis subdomain. Thiab, ntawm chav kawm, CodePen muab qhov chaw cia zoo nrog Github kev koom ua ke uas koj pab neeg tag nrho tuaj yeem ua haujlwm. Yog tias koj tsuas yog xav sim tawm qee cov cai yooj yim xws li kuv, CodePen yog ib qho cuab yeej muaj txiaj ntsig.

Yuav ua li cas koj xav hais tias?

Qhov Web site no siv Akismet los txo cov kev pabcuam. Kawm li cas koj cov ntaub ntawv tawm tswv yim tiav.