Mga Himan sa PamaligyaSocial Media ug Influencer Marketing

CodePen: Gitukod, Gisulayan, Pagpakigbahin ug Pagkaplag HTML, CSS, ug JavaScript

Usa ka hagit sa usa ka sistema sa pagdumala sa sulud mao ang pagsulay ug paghimo sa mga himan nga scripted. Samtang dili kana usa ka kinahanglanon alang sa kadaghanan sa mga magmamantala, ingon usa ka publikasyon sa teknolohiya, ganahan ko nga magpaambit sa mga script nga nagtrabaho usahay aron matabangan ang ubang mga tawo. Gipaambit nako kung giunsa paggamit ang JavaScript aron masusi ang kusog sa password, kung giunsa pagsusi ang syntax sa email address sa Regular Expressions (Regex), ug labing bag-o nga gidugang kini nga calculator aron matagna ang epekto sa pagbaligya sa mga pagsusi sa online. Naglaum ko nga makadugang daghang mga gamit sa site apan ang WordPress dili angay sa pagmantala nga sama niini… kini usa ka sistema sa sulud, dili usa ka sistema sa pag-uswag.

Mao nga, aron magamit ang akong gagmay nga mga script, nalipay ako sa paggamit sa CodePen. Ang CodePen usa ka hapsay nga organisado nga himan nga adunay HTML panel, CSS panel, JavaScript panel, Console, ug publikasyon sa resulta nga code. Ang matag panel adunay impormasyon kung mag-mouse ka sa mga elemento aron imong masabtan kung unsa ang posible, ingon man ang color-coding sa imong HTML, CSS, ug JS aron matabangan ka nga mag-edit ug magsulat nga mas dali.

Ang CodePen usa ka palibot sa pagpalambo sa sosyal. Sa kinapusoran niini, gitugotan ka nga magsulat code sa browser, ug makita ang mga sangputanan niini sa imong pagtukod. Usa ka mapuslanon ug makagawas nga editor sa online code alang sa mga taghimo bisan unsang kahanas, ug labi na ang paghatag gahum sa mga tawo nga nakakat-on sa pag-code. Panguna nga nagpunting ang CodePen sa mga sinultian nga panguna sa katapusan sama sa HTML, CSS, JavaScript, ug preprocessing syntaxes nga mahimo’g kana nga mga butang.

Bahin sa CodePen

Uban sa CodePen, mahimo nako ang tanan nga buluhaton nga gikinahanglan ipatik ang calculator Gi-embed ko sa site. Kadaghanan sa mga binuhat sa CodePen kay publiko ug open source. Buhi sila nga mga butang nga mahimong makig-uban sa ubang mga tawo ug sa komunidad, gikan sa usa ka yano nga kasingkasing, hangtod sa pagbilin usa ka komento, hangtod sa pagsabwag ug pagbag-o alang sa ilang kaugalingon nga mga panginahanglanon.

CodePen - calculator alang sa pagtagna sa epekto sa pamaligya sa mga pagsusi sa online

Sa CodePen, mahimo nimo mabag-o ang imong panan-aw kung gusto nimo ang mga pane naa sa wala, tuo, o ilawom samtang nagtrabaho ka… o tan-awa ang HTML sa usa ka bag-ong tab. Ang panan-aw sa kilid molihok nga maayo kaayo aron masulayan ang imong tubag nga mga setting tungod kay mahimo nimo nga ayohon ang gidak-on sa makita nga pane.

Mahimo nimong organisahon ang imong nagtrabaho nga mga script sa Pens, isagol kini sa Mga Proyekto (multi-file editor), o bisan ang paghimo og mga koleksyon. Kini usa ka nagtrabaho nga portfolio site alang sa front-end code diin mahimo nimong sundon ang ubang mga tagsulat, i-fork ang ubang mga proyekto nga gipaambit sa publiko sa imong kaugalingon aron mabag-o, ug bisan ang pagkat-on kung unsaon pagbuhat ang pipila ka makalingaw nga mga butang pinaagi sa mga hagit.

Mahimo nimo kini i-save ingon usa ka GitHub Gist, i-export kini sa usa ka zip file, ug bisan pag-embed ang pen sa usa ka artikulo nga sama niini:

Tan-awa ang Pen Gitagna nga Epekto sa Pagbaligya Sa Mga Review sa Online by Douglas Karr (@martech_zone) sa CodePen.

Usa sa mga limitasyon sa editor sa Pen mao ang kadaghan sa code. Mahimong dili ka makasugat niini nga isyu, tungod kay ang editor kinahanglan nga maayo sa gatusan o liboan nga mga linya sa code. Apan sa diha nga sila magsugod sa pag-igo sa 5,000 - 10,000 o labaw pa nga mga linya sa code, imong makita nga ang editor nagsugod sa pagkapakyas. Bisan pa, mahimo nimong idugang ang mga eksternal nga pakisayran sa mga stylesheet o JavaScript nga gi-host sa ubang lugar!

Giawhag ko ikaw nga magpalista. Ma-subscribe ka sa ilang sinemana nga email ug mahimo nimong idugang ang feed sa imong RSS feed aron makita ang bag-ong gipatik nga mga pen. Ug, kung magsugod ka sa pagpangita o pag-browse sa mga publiko nga pen didto, makit-an nimo ang pipila ka dili katuohan nga mga proyekto… ang mga tiggamit adunay talento!

Sunda Douglas Karr sa Codepen

Ang bayad nga bersyon, ang CodePen Pro, nagtanyag usa ka tonelada nga dugang nga mga bahin alang sa gipaayo nga pag-andar o mga koponan - lakip ang kolaborasyon, mga proseso, pag-host sa asset, pribado nga mga panan-aw, ug bisan ang mga gipakatap nga proyekto sa imong domain o subdomain. Ug, siyempre, ang CodePen naghatag usa ka maayo nga repository nga adunay panagsama sa Github diin mahimo’g magtrabaho ang imong tibuuk nga team. Kung gusto nimo sulayan ang pipila ka yano nga code sama sa akong gibuhat, ang CodePen usa ka hinungdanon nga himan.

Douglas Karr

Douglas Karr mao ang CMO sa OpenINSIGHTS ug ang nagtukod sa Martech Zone. Gitabangan ni Douglas ang daghang mga malampuson nga mga pagsugod sa MarTech, nakatabang sa tungod sa kakugi nga kapin sa $5 bilyon sa mga pagkuha ug pamuhunan sa Martech, ug nagpadayon sa pagtabang sa mga kompanya sa pagpatuman ug pag-automate sa ilang mga estratehiya sa pagbaligya ug pagpamaligya. Si Douglas usa ka internasyonal nga giila nga digital nga pagbag-o ug eksperto ug mamumulong sa MarTech. Si Douglas usa usab ka gipatik nga tagsulat sa usa ka giya ni Dummie ug usa ka libro sa pagpangulo sa negosyo.
Balik sa ibabaw nga button
Close

Nakit-an ang Adblock

Martech Zone makahatag kanimo niini nga sulod nga walay bayad tungod kay among gi-monetize ang among site pinaagi sa ad revenue, affiliate links, ug sponsorships. Mapasalamaton kami kung imong tangtangon ang imong ad blocker samtang imong gitan-aw ang among site.