Алатки за маркетингСоцијални медиуми и инфлуенсер маркетинг

CodePen: Вграден, тестирај, сподели и откриј HTML, CSS и JavaScript

Еден предизвик со системот за управување со содржина е тестирање и производство на скриптирани алатки. Иако тоа не е услов за повеќето издавачи, како технолошка публикација, сакам повремено да споделувам работни скрипти за да им помогнам на другите луѓе. Споделив како да користам JavaScript за да ја проверам јачината на лозинката, како да ја проверувам синтаксата на адресата на е-пошта со редовни изрази (Regex), а неодамна го додадов овој калкулатор за да го предвидам влијанието на продажбата на онлајн прегледите. Се надевам дека ќе додадам десетици алатки на страницата, но WordPress не е погодна за вакво објавување… тоа е систем на содржина, а не систем за развој.

Така, за да функционираат моите мали скрипти, уживам да користам CodePen. CodePen е уредно организирана алатка со HTML панел, CSS панел, JavaScript панел, конзола и објавување на добиениот код. Секој панел има информации кога ставате глувче врз елементите за да разберете што е можно, како и кодирање во боја на вашиот HTML, CSS и JS што ќе ви помогне полесно да уредувате и пишувате.

CodePen е средина за социјален развој. Во своето срце, тоа ви овозможува да пишувате код во прелистувачот и да ги гледате резултатите од тоа додека градите. Корисен и ослободувачки онлајн уредник на кодови за развивачи на каква било вештина, а особено зајакнувачки за луѓето што учат да кодираат. CodePen се фокусира првенствено на јазиците од предната страна, како HTML, CSS, JavaScript и синтакса пред-обработка што се претвораат во тие работи.

За CodePen

Со CodePen, можев да ја завршам сета работа што е потребна објавете го калкулаторот Вградив во страницата. Повеќето креации на CodePen се јавни и со отворен код. Тие се живи суштества со кои другите луѓе и заедницата можат да комуницираат, од едноставно срце, до оставање коментар, до форсирање и менување за свои потреби.

CodePen - калкулатор за предвидување на влијанието на продажбата на прегледите преку Интернет

Со CodePen, можете да го промените погледот ако сакате стаклата да бидат лево, десно или долу додека работите… или да го видите HTML во ново јазиче. Прегледот рамо до рамо работи неверојатно добро за да ги тестира вашите одговорни поставки бидејќи можете да ја прилагодите големината на окното што може да се гледа.

Можете да ги организирате вашите работни скрипти во Пенкала, да ги комбинирате во проекти (уредник со повеќе датотеки), па дури и да изградите колекции. Тоа е работна локација за портфолио за код од предниот дел каде што можете да следите други автори, да внесувате други јавно споделени проекти во вашите за да ги менувате, па дури и да научите како да правите забавни работи преку предизвици.

Можете да го зачувате како GitHub Gist, да го извезете во a zip датотека, па дури и вгради пенкалото во ваква статија:

Погледнете го пенкалото Предвидено влијание врз продажбата на прегледите преку Интернет by Douglas Karr (@martech_zone) on CodePen.

Едно од ограничувањата на уредувачот на Пенкало е огромниот обем на код. Можеби никогаш нема да наидете на овој проблем, бидејќи уредникот треба да биде во ред со стотици или илјадници линии код. Но, кога ќе почнат да погодуваат 5,000 – 10,000 или повеќе линии код, ќе видите дека уредникот почнува да не успева. Сепак, можете да додадете надворешни референци на листови со стилови или JavaScript хостирани на друго место!

Би ве охрабрил да се пријавите. Ќе бидете претплатени на нивната неделна е-пошта и ќе можете да го додадете доводот на вашиот RSS извор за да ги видите новообјавените пенкала. И, ако почнете да пребарувате или да ги прелистувате јавните пенкала таму, ќе најдете неверојатни проекти… корисниците се доста талентирани!

Следете Douglas Karr на Кодепен

Платената верзија, CodePen Pro, нуди еден тон дополнителни функции за подобрена функционалност или тимови - вклучувајќи соработка, процеси, хостирање на средства, приватни прегледи, па дури и распоредени проекти со вашиот домен или поддомен. И, се разбира, CodePen обезбедува одлично складиште со интеграција на Github каде што може да работи целиот ваш тим. Ако сакате да тестирате некој едноставен код како јас, CodePen е непроценлива алатка.

Douglas Karr

Douglas Karr е CMO на OpenINSIGHTS и основачот на Martech Zone. Даглас им помогна на десетици успешни стартапи на MarTech, помогна во длабинската анализа од над 5 милијарди американски долари за аквизиции и инвестиции на Martech и продолжува да им помага на компаниите во имплементацијата и автоматизирањето на нивните стратегии за продажба и маркетинг. Даглас е меѓународно признат експерт и говорник за дигитална трансформација и MarTech. Даглас е исто така објавен автор на водич за Dummie и книга за бизнис лидерство.
Вратете се на почетокот копче
Затвори

Откриен е блок за рекламирање

Martech Zone може да ви ја обезбеди оваа содржина без трошоци бидејќи ја монетизираме нашата страница преку приходи од реклами, врски со партнери и спонзорства. Ќе ни биде благодарно ако го отстраните вашиот блокатор на реклами додека ја гледате нашата страница.