BemarkingsinstrumenteSosiale Media & Beïnvloedersbemarking

CodePen: gebou, toets, deel en ontdek HTML, CSS en JavaScript

Een uitdaging met 'n inhoudbestuurstelsel is die toets en vervaardiging van geskrewe gereedskap. Alhoewel dit nie 'n vereiste vir die meeste uitgewers is nie, as 'n tegnologiepublikasie, hou ek daarvan om af en toe werkende skrifte te deel om ander mense te help. Ek het gedeel hoe om JavaScript te gebruik om wagwoordsterkte na te gaan, hoe om e-posadressintaksis met Regular Expressions (Regex) na te gaan, en mees onlangs hierdie sakrekenaar bygevoeg om die verkoopsimpak van aanlyn resensies te voorspel. Ek hoop om dosyne gereedskap op die webwerf by te voeg, maar WordPress is nie bevorderlik vir publisering soos hierdie nie ... dit is 'n inhoudstelsel, nie 'n ontwikkelingstelsel nie.

Dus, om my klein skrifte te laat werk, geniet ek dit om CodePen te gebruik. CodePen is 'n netjies georganiseerde hulpmiddel met 'n HTML-paneel, 'n CSS-paneel, 'n JavaScript-paneel, konsole en 'n publikasie van die gevolglike kode. Elke paneel het inligting wanneer jy oor elemente beweeg sodat jy verstaan ​​wat moontlik is, asook kleurkodering van jou HTML, CSS en JS om jou te help om makliker te redigeer en te skryf.

CodePen is 'n sosiale ontwikkelingsomgewing. In sy hart laat dit u toe om kode in die blaaier te skryf en die resultate daarvan te sien terwyl u bou. 'N Nuttige en bevrydende aanlyn-kode-redakteur vir ontwikkelaars van enige vaardigheid, en veral bemagtigend vir mense wat leer kodeer. CodePen fokus hoofsaaklik op front-end tale soos HTML, CSS, JavaScript en voorverwerkende sintaksis wat in hierdie dinge verander.

Oor CodePen

Met CodePen kon ek al die nodige werk doen publiseer die sakrekenaar Ek het in die webwerf ingebed. Die meeste skeppings op CodePen is publiek en oopbron. Hulle is lewende dinge waarmee ander mense en die gemeenskap interaksie kan hê, van 'n eenvoudige hart, om 'n opmerking te maak, om te vurk en te verander vir hul eie behoeftes.

CodePen - sakrekenaar om die impak op verkope van aanlyn-resensies te voorspel

Met CodePen kan u u siening verander as u wil hê dat die ruite links, regs of onder moet wees terwyl u werk ... of die HTML in 'n nuwe oortjie wil sien. Die sy-aan-sy-aansig werk ongelooflik goed om u responsiewe instellings te toets, aangesien u die grootte van die sigbare venster kan aanpas.

Jy kan jou werkskrifte in penne organiseer, dit in projekte kombineer (multi-lêer-redigeerder), of selfs versamelings uitbou. Dit is 'n werkende portefeulje-webwerf vir voorkantkode waar jy ander skrywers kan volg, ander publiek gedeelde projekte in jou eie kan opvurk om te verander, en selfs leer hoe om 'n paar prettige goed deur uitdagings te doen.

Jy kan dit stoor as 'n GitHub Gist, dit uitvoer in 'n ritssluiter lêer, en selfs embed die pen in 'n artikel soos hierdie:

Sien die pen Voorspelde verkoopsimpak van aanlynresensies by Douglas Karr (@martech_zone) aan CodePen.

Een van die beperkings van die Pen-redigeerder is die blote volume kode. Jy sal dalk nooit hierdie probleem teëkom nie, aangesien die redigeerder in orde behoort te wees met honderde of duisende reëls kode. Maar wanneer hulle 5,000 10,000 – XNUMX XNUMX of meer reëls kode begin slaan, sal jy sien dat die redigeerder begin misluk. U kan egter eksterne verwysings by stylblaaie of JavaScript wat elders aangebied word, byvoeg!

Ek wil jou aanmoedig om aan te meld. Jy sal ingeteken wees op hul weeklikse e-pos en kan die voer by jou RSS-stroom voeg om nuut gepubliseerde penne te sien. En as jy deur die publieke penne daar begin soek of blaai, sal jy 'n paar ongelooflike projekte vind ... die gebruikers is nogal talentvol!

volg Douglas Karr op Codepen

Die betaalde weergawe, CodePen Pro, bied 'n klomp bykomende kenmerke vir verbeterde funksionaliteit of spanne - insluitend samewerking, prosesse, bate-hosting, privaat aansigte en selfs ontplooide projekte met jou domein of subdomein. En natuurlik bied CodePen 'n wonderlike bewaarplek met Github-integrasie waar u hele span kan werk. As u 'n eenvoudige kode soos ek wil toets, is CodePen 'n onskatbare hulpmiddel.

Douglas Karr

Douglas Karr is CMO van Maak INSIGTE oop en die stigter van die Martech Zone. Douglas het tientalle suksesvolle MarTech-opstartondernemings gehelp, het gehelp met die omsigtigheidsondersoek van meer as $5 miljard in Martech-verkrygings en -beleggings, en gaan voort om maatskappye te help met die implementering en outomatisering van hul verkoops- en bemarkingstrategieë. Douglas is 'n internasionaal erkende digitale transformasie en MarTech deskundige en spreker. Douglas is ook 'n gepubliseerde skrywer van 'n Dummie-gids en 'n besigheidsleierskapboek.
Terug na bo knoppie
Sluiting

Advertensieblok bespeur

Martech Zone is in staat om hierdie inhoud gratis aan u te verskaf, want ons verdien ons webwerf deur advertensie-inkomste, geaffilieerde skakels en borgskappe. Ons sal dit waardeer as jy jou advertensieblokkering sal verwyder terwyl jy ons webwerf bekyk.