Маркетингови инструментиСоциални медии и влиятелен маркетинг

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 в нов раздел. Страничният изглед работи невероятно добре, за да тества вашите отзивчиви настройки, тъй като можете да регулирате размера на видимия прозорец.

Можете да организирате работещите си скриптове в Pens, да ги комбинирате в Projects (мултифайлов редактор) или дори да изграждате колекции. Това е работещ сайт за портфолио за преден код, където можете да следвате други автори, да разклонявате други публично споделени проекти в свои собствени, за да ги модифицирате, и дори да научите как да правите някои забавни неща чрез предизвикателства.

Можете да го запазите като GitHub Gist, да го експортирате в a цип файл и дори Закрепвам писалката в статия като тази:

Вижте писалката Прогнозирано въздействие върху продажбите на онлайн отзивите by Douglas Karr (@martech_zone) На CodePen.

Едно от ограниченията на редактора на Pen е големият обем код. Може никога да не срещнете този проблем, тъй като редакторът трябва да се справя добре със стотици или хиляди редове код. Но когато започнат да удрят 5,000 10,000 – XNUMX XNUMX или повече реда код, ще видите, че редакторът започва да се проваля. Можете обаче да добавите външни препратки към таблици със стилове или JavaScript, хостван другаде!

Бих ви насърчил да се регистрирате. Ще бъдете абонирани за техния седмичен имейл и можете да добавите емисията към вашата RSS емисия, за да видите новопубликувани химикалки. И ако започнете да търсите или разглеждате публичните писалки там, ще намерите някои невероятни проекти... потребителите са доста талантливи!

Следвай ни Douglas Karr на Codepen

Платената версия, CodePen Pro, предлага много допълнителни функции за подобрена функционалност или екипи – включително сътрудничество, процеси, хостинг на активи, частни изгледи и дори внедрени проекти с вашия домейн или поддомейн. И, разбира се, CodePen предоставя страхотно хранилище с Github интеграция, където целият ви екип може да работи. Ако искате да тествате някакъв прост код като мен, CodePen е безценен инструмент.

Douglas Karr

Douglas Karr е CMO на OpenINSIGHTS и основателят на Martech Zone. Дъглас е помогнал на десетки успешни стартъпи на MarTech, съдействал е за надлежна проверка на над $5 милиарда в придобивания и инвестиции на Martech и продължава да помага на компаниите при прилагането и автоматизирането на техните стратегии за продажби и маркетинг. Дъглас е международно признат експерт и лектор по дигитална трансформация и MarTech. Дъглас също е публикуван автор на ръководство за манекени и книга за бизнес лидерство.
Бутон "Нагоре" горе
Близо

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

Martech Zone е в състояние да ви предостави това съдържание безплатно, тъй като осигуряваме приходи от нашия сайт чрез приходи от реклами, партньорски връзки и спонсорство. Ще сме благодарни, ако премахнете блокера си за реклами, докато разглеждате нашия сайт.