CodePen: namboarina, nosedraina, nizara ary nahita HTML, CSS ary JavaScript
Ny fanamby iray amin'ny rafitra fitantanana votoaty dia ny fitiliana sy ny famokarana fitaovana misy soratra. Na dia tsy fepetra ho an'ny ankamaroan'ny mpamoaka aza izany, amin'ny maha-boky teknolojia, tiako ny mizara script miasa indraindray mba hanampiana olon-kafa. Nizara ny fomba fampiasana JavaScript hanamarinana ny tanjaky ny tenimiafina aho, ny fomba hanamarinana ny syntax adiresy mailaka miaraka amin'ny Regex Expressions, ary vao haingana no nampiana ity kajy ity mba haminavina ny fiantraikan'ny varotra amin'ny famerenana an-tserasera. Manantena aho fa hanampy fitaovana am-polony ao amin'ny tranokala saingy tsy mety amin'ny famoahana tahaka izao ny WordPress… rafitra votoaty io fa tsy rafitra fampandrosoana.
Noho izany, mba hampandehanana ny script keliko dia tiako ny mampiasa CodePen. CodePen dia fitaovana voalamina tsara miaraka amin'ny tontonana HTML, tontonana CSS, tontonana JavaScript, Console, ary famoahana ny kaody vokarina. Ny tontonana tsirairay dia manana fampahafantarana rehefa mitsambikina amin'ny singa ianao mba hahafantaranao izay azo atao, ary koa ny lokon'ny HTML, CSS ary JS anao mba 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 manao ny asa rehetra ilaina aho mamoaka ny kajy Niditra tao amin'ilay tranokala aho. Ny ankamaroan'ny famoronana ao amin'ny CodePen dia loharano misokatra sy misokatra. Izy ireo dia zava-manan'aina azon'ny olon-kafa sy ny fiaraha-monina ifaneraserana, manomboka amin'ny fo tsotra, mamela fanehoan-kevitra, miforona ary manova ny filany manokana.
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 miasa ao amin'ny Pens, manambatra azy ireo ao amin'ny Tetikasa (mpamoaka rakitra marobe), na manangana fanangonana mihitsy aza. Izy io dia tranokala portfolio miasa ho an'ny kaody eo anoloana izay ahafahanao manaraka mpanoratra hafa, manodina tetikasa hafa nozaraina ampahibemaso ho anao manokana mba hanovana, ary hianatra ny fomba fanaovana zavatra mahafinaritra amin'ny alàlan'ny fanamby.
Azonao atao ny mitahiry azy ho GitHub Gist, manondrana azy amin'ny a Zip rakitra, ary koa EMBED ny penina amin'ny lahatsoratra toy izao:
Jereo ny Pen Vokatry ny varotra mialoha amin'ny hevitra amin'ny Internet by Douglas Karr (@martech_zone) eo CodePen.
Ny iray amin'ireo fetran'ny tonian-dahatsoratra Pen dia ny habetsaky ny kaody. Mety tsy ho tojo an'io olana io mihitsy ianao, satria ny mpanonta dia tokony ho tsara amin'ny andalana an-jatony na an'arivony. Saingy rehefa manomboka mamely 5,000 - 10,000 na maromaro amin'ny fehezan-dalàna izy ireo, dia ho hitanao fa manomboka tsy mahomby ny tonian-dahatsoratra. Na izany aza, azonao atao ny manampy references ivelany amin'ny stylesheets na JavaScript nampiantranoana any an-kafa!
Mamporisika anao aho hisoratra anarana. Hisoratra anarana amin'ny mailaka isan-kerinandro ianao ary afaka manampy ny fahana amin'ny fahana RSS anao raha te hahita penina vao navoaka. Ary, raha manomboka mikaroka na mikaroka ireo penina ho an'ny daholobe ianao dia hahita tetikasa tsy mampino… tena manan-talenta ny mpampiasa!
Araho Douglas Karr amin'ny Codepen
Ny dikan-karama, CodePen Pro, dia manolotra endri-javatra fanampiny maro ho an'ny fiasa na ekipa fanatsarana - ao anatin'izany ny fiaraha-miasa, ny dingana, ny fampiantranoana fananana, ny fomba fijery manokana, ary na dia ny tetikasa napetraka miaraka amin'ny sehatra na subdomain anao aza. Ary mazava ho azy, ny CodePen dia manome tahiry lehibe miaraka amin'ny fampidirana Github izay ahafahan'ny ekipanao miasa. Raha te hanandrana kaody tsotra toa ahy ianao, CodePen dia fitaovana tena sarobidy.