CodePen: namboarina, nosedraina, nizara ary nahita HTML, CSS ary JavaScript

Codepen: Kaody fananganana, fitsapana ary hahitana ny kaody farany eo aloha

Fanamby iray amin'ny rafitra fitantanana atiny ny fanandramana sy famokarana fitaovana an-tsoratra. Na dia tsy takiana amin'ny ankamaroan'ny mpanonta aza izany, amin'ny maha famoahana teknolojia ahy dia tiako ny mizara script miasa indraindray mba hanampiana ny olona hafa. Nozaraiko ny fomba fampiasana JavaScript hijerena ny tanjaka tenimiafinao, ahoana no jereo ny sintona adiresy mailaka amin'ny Regular Expressions (My Notes), ary vao haingana no nanampy an'io kajy haminavina ny fiantraikan'ny varotra amin'ny hevitra an-tserasera. Manantena aho fa hanampy fitaovana am-polony ao amin'ilay tranokala fa ny WordPress dia tsy mahomby amin'ny famoahana tahak'izao ... rafitra votoaty fa tsy rafitra fampandrosoana.

Noho izany, mba hiasa ny script kely nataoko dia tiako ny mampiasa azy CodePen. CodePen dia fitaovana voarindra milamina miaraka amin'ny tontonana HTML, tontonana CSS, tontonana JavaScript, Console ary navoakan'ny kaody vokatr'izany. Ny takelaka tsirairay dia manana fampahalalana rehefa manisy totozy ny singa ianao mba hahafantaranao izay azo atao, ary koa ny fanaovana loko ny HTML, CSS, ary JS anao hanampiana anao hanova sy hanoratra mora kokoa.

CodePen dia tontolo iainana fampandrosoana. Ao am-pony, mamela anao hanoratra kaody ao anaty tranokala izy io, ary hahita ny valiny rehefa manangana ianao. Tonian-dahatsoratry ny kaody an-tserasera mahasoa sy manafaka ho an'ny mpamorona fahaiza-manao, ary manome hery manokana ho an'ny olona mianatra manao kaody. CodePen dia mifantoka indrindra amin'ny fiteny eo aloha toy ny HTML, CSS, JavaScript, ary ny syntaxes mialoha fa mivadika ireo zavatra ireo.

Momba ny CodePen

Miaraka amin'ny CodePen, afaka nanao ny asa rehetra nilaina aho mamoaka ny kajy Niditra tao amin'ilay tranonkala aho. Ny ankamaroan'ny zavaboary amin'ny CodePen dia loharanom-baovao ho an'ny daholobe. Izy ireo dia zava-manan'aina izay azon'ny olon-kafa sy ny fiaraha-monina iaraha-miasa, avy amin'ny fo tsotra, hatramin'ny famelana hevitra, hatramin'ny fikolokoloana sy fanovana ho an'ny zavatra ilain'izy ireo manokana.

CodePen - kajy haminavina ny fiantraikan'ny varotra amin'ny hevitra an-tserasera

Miaraka amin'ny CodePen, azonao atao ny manova ny fomba fijerinao raha tianao ho eo ankavia, eo ankavanana, na eo ambany ny takelaka eo am-piasana… na zahao ny HTML ao anaty kiheba vaovao. Ny fomba fijerin'ny lafiny iray dia tena mandaitra mba hizaha toetra ny toe-javatra misy anao satria azonao atao ny manamboatra ny haben'ny pane azo jerena.

Azonao atao ny mandamina ny script-nao tsirairay ho Pens, manambatra azy ireo ho Projects (multi-file editor), na koa manangana fanangonana. Izy io dia tranokala portfolio miasa ho an'ny kaody front-end izay ahafahanao manaraka ny mpanoratra hafa, mandoka tetikasa hafa nozarain'ny besinimaro ho anao manokana, ary mianatra koa ny fomba fanaovana zavatra mahafinaritra amin'ny alàlan'ny fanamby.

Azonao atao ny mitahiry toy ny GitHub Gist, manondrana amin'ny rakitra zip, ary na dia EMBED ny penina amin'ny lahatsoratra toy izao:

Jereo ny Pen
Vokatry ny varotra mialoha amin'ny hevitra amin'ny Internet
by Douglas Karr (@douglaskarr)
on CodePen.


Ny iray amin'ireo fetra an'ny editor Pen dia ny haben'ny kaody. Mety tsy hahita an'ity olana ity mihitsy ianao, satria tokony ho tsara ny fanonta miaraka amina tsipika kaody an-jatony na an'arivony mihitsy aza. Saingy rehefa manomboka mamely andalana kaody 5,000 - 10,000 na mihoatra izy ireo dia ho hitanao fa manomboka tsy mahomby ny tonian-dahatsoratra. Na izany aza, azonao atao ny manampy fanovozan-kevitra ivelany ho an'ny takelaka na JavaScript fampiantranoana any an-kafa!

Mamporisika anao hisoratra anarana aho. Hosoratana anarana amin'ny mailaka fanaon'izy ireo isan-kerinandro ary azonao atao koa ny mampiditra ny fahana amin'ny fahana RSS anao hahafahanao mahita penina vao navoaka. Ary, raha manomboka mitady na mizaha ireo penina ho an'ny besinimaro any ianao, dia hahita tetikasa tsy mampino… manan-talenta ireo mpampiasa!

Araho Douglas Karr amin'ny Codepen

Ny kinova aloa, CodePen Pro, dia manolotra fiasa fanampiny an-taonina ho an'ny fanatsarana ny fampiasa na ekipa - ao anatin'izany ny fiaraha-miasa, ny fizotrany, ny fampiantranoana ny fananana, ny fomba fijery manokana, ary na ny tetikasa naparitakao miaraka amin'ny fonenanao manokana aza. Ary, mazava ho azy, ny CodePen dia manome tahiry lehibe miaraka amina fampidirana Github ahafahan'ny ekipanao iray miasa. Raha te hizaha kaody tsotra toa ahy ianao, ny CodePen dia fitaovana sarobidy.

Inona ny hevitrao?

Mampiasa Akismet ity tranonkala ity mba hampihenana spam. Fantaro ny fomba amoahanao ny angona fanehoanao.