Маркетинг құралдарыӘлеуметтік медиа және әсер етуші маркетинг

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) қосулы CodePen.

Қалам редакторының шектеулерінің бірі - кодтың үлкен көлемі. Сіз бұл мәселені ешқашан кездестірмеуіңіз мүмкін, себебі редактор жүздеген немесе мыңдаған код жолдарымен жақсы болуы керек. Бірақ олар 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 стартаптарына көмектесті, Martech сатып алулары мен инвестицияларына 5 миллиард доллардан астам қаражатты мұқият тексеруге көмектесті және компанияларға сату және маркетинг стратегияларын енгізу және автоматтандыруға көмектесуді жалғастыруда. Дуглас – халықаралық деңгейде танылған цифрлық трансформация және MarTech сарапшысы және спикері. Дуглас сонымен қатар Dummie's guide және бизнес көшбасшылығы кітабының жарияланған авторы.
Басына оралу
жақын

Adblock анықталды

Martech Zone Сізге бұл мазмұнды ақысыз ұсына алады, өйткені біз сайтымызды жарнамадан түсетін табыс, серіктестік сілтемелері және демеушілік арқылы монетизациялаймыз. Сайтымызды көрген кезде жарнама блокаторын алып тастасаңыз, біз ризамыз.