Nā mea hana waiwaiPāʻoihana Pāʻoihana & Mea Hoʻolaha Hoʻolaha

CodePen: Kūkulu, Hoʻokolohua, Kaʻana a ʻike iā HTML, CSS, a me JavaScript

ʻO kahi paʻakikī me kahi ʻōnaehana hoʻokele maʻiʻo e hoʻāʻo a hana i nā mea hana i kākau ʻia. ʻOiai ʻaʻole ia he koi no ka hapa nui o nā mea hoʻopuka, ma ke ʻano he paʻi ʻenehana, makemake wau e kaʻana like i nā palapala hana i kekahi manawa e kōkua i nā poʻe ʻē aʻe. Ua kaʻana like wau pehea e hoʻohana ai i ka JavaScript e nānā i ka ikaika o ka ʻōlelo huna, pehea e nānā ai i ka syntax leka uila me Regular Expressions (Regex), a ua hoʻohui hou i kēia calculator e wānana i ka hopena kūʻai o nā loiloi pūnaewele. Manaʻo wau e hoʻohui i nā mea hana he nui ma ka pūnaewele akā ʻaʻole kūpono ʻo WordPress i ka paʻi ʻana e like me kēia…

No laila, e hana i kaʻu mau palapala liʻiliʻi, hauʻoli wau i ka hoʻohana ʻana i CodePen. ʻO CodePen kahi mea hana i hoʻonohonoho pono ʻia me kahi panel HTML, kahi panel CSS, kahi panel JavaScript, Console, a me kahi hoʻolaha o ke code hopena. Loaʻa i kēlā me kēia panel ka ʻike i ka wā e ʻiole ai ʻoe i nā mea e hoʻomaopopo ai ʻoe i ka mea hiki, a me ke kala kala o kāu HTML, CSS, a me JS e kōkua iā ʻoe e hoʻoponopono a kākau maʻalahi.

ʻO CodePen kahi nohona ulu nohona. Ma kona puʻuwai, ʻae iā ʻoe e kākau i ke code i ka polokalamu kele pūnaewele, a ʻike i nā hopena o ia mea i kou kūkulu ʻana. He mea hoʻoponopono a hoʻokuʻu hoʻi i ka helu kuhi pūnaewele no nā mea hoʻomohala o nā mākau, a me ka hoʻoikaika ʻana no ka poʻe e aʻo ana i ka pāʻālua. Kālele nui ʻo CodePen i nā ʻōlelo mua e like me HTML, CSS, JavaScript, a me nā syntaxes preprocessing e huli i kēlā mau mea.

E pili ana iā CodePen

Me CodePen, hiki iaʻu ke hana i nā hana a pau e pono ai paʻi i ka mīkini helu Ua hoʻokomo wau i ka pūnaewele. ʻO ka hapa nui o nā mea i hana ʻia ma CodePen he kumu ākea a wehe ʻia. He mau mea ola lākou e hiki ai i nā poʻe ʻē aʻe a me ke kaiāulu ke launa pū me, mai ka puʻuwai maʻalahi, i ka waiho ʻana i kahi manaʻo, i ka hana ʻana a me ka hoʻololi ʻana no ko lākou pono ponoʻī.

CodePen - calculator no ka wānana i ka hopena kūʻai o nā loiloi pūnaewele

Me CodePen, hiki iā ʻoe ke hoʻololi i kāu ʻike inā makemake ʻoe i nā ʻaoʻao hema ma ka hema, ʻākau, a ma lalo paha ke hana ʻoe ... a i ʻole nānā i ka HTML ma kahi kapu hou. Hana maikaʻi loa ka ʻike ʻaoʻao a ʻaoʻao e hoʻāʻo i kāu hoʻonohonoho pane no ka mea hiki iā ʻoe ke hoʻoponopono i ka nui o ka pane ʻike ʻia.

Hiki iā ʻoe ke hoʻonohonoho i kāu mau palapala hana i loko o nā Pens, hoʻohui iā lākou i loko o Projects (hoʻoponopono multi-file), a i ʻole ke kūkulu ʻana i nā hōʻiliʻili. He kahua kōpili hana ia no ka code front-end kahi e hiki ai iā ʻoe ke hahai i nā mea kākau ʻē aʻe, e ʻohi i nā papahana ʻē aʻe i kaʻana like ʻia e ka lehulehu i kāu ponoʻī e hoʻololi ai, a e aʻo hoʻi pehea e hana ai i nā mea leʻaleʻa ma o nā pilikia.

Hiki iā ʻoe ke mālama iā ia ma ke ʻano he GitHub Gist, e hoʻoiho iā ia i kahi helu waihona, a hiki kauʻia ka peni i kahi ʻatikala e like me kēia:

E ʻike i ka peni Ka hopena kūʻai i wānana ʻia o nā loiloi pūnaewele by Douglas Karr (@ kamemeXNUMX) ma CodePen.

ʻO kekahi o nā palena o ka mea hoʻoponopono Pen ʻo ia ka nui o ke code. ʻAʻole paha ʻoe e hālāwai me kēia pilikia, no ka mea, pono ka mea hoʻoponopono me nā haneli a i ʻole mau tausani o nā laina code. Akā ke hoʻomaka lākou e paʻi i ka 5,000 - 10,000 a i ʻole nā ​​​​laina o ke code, ʻike ʻoe i ka hoʻomaka ʻana o ka mea hoʻoponopono. Eia naʻe, hiki iā ʻoe ke hoʻohui i nā kuhikuhi waho i nā stylesheets a i ʻole JavaScript i mālama ʻia ma kahi ʻē aʻe!

Paipai au iā ʻoe e kau inoa. E kau inoa ʻia ʻoe i kā lākou leka uila i kēlā me kēia pule a hiki ke hoʻohui i ka hānai i kāu hānai RSS e ʻike i nā peni hou i paʻi ʻia. A, inā hoʻomaka ʻoe e ʻimi a nānā i nā peni lehulehu ma laila, e ʻike ʻoe i kekahi mau papahana kupaianaha… akamai loa nā mea hoʻohana!

hahai Douglas Karr ma Codepen

ʻO ka mana i uku ʻia, CodePen Pro, hāʻawi i kahi ton o nā hiʻohiʻona hou no ka hoʻomaikaʻi ʻana i ka hana a i ʻole nā ​​hui - me ka hui pū ʻana, nā kaʻina hana, ka mālama waiwai, nā manaʻo pilikino, a me nā papahana i kau ʻia me kāu domain a i ʻole subdomain. A, ʻoiaʻiʻo, hāʻawi ʻo CodePen i kahi waihona nui me Github hoʻohui kahi e hiki ai i kāu hui holoʻokoʻa ke hana. Inā makemake ʻoe e hoʻāʻo i kekahi code maʻalahi e like me aʻu, ʻo CodePen kahi mea waiwai nui.

Douglas Karr

Douglas Karr he CMO o OpenINSIGHTS a me ka mea nana i hookumu i ka Martech Zone. Ua kōkua ʻo Douglas i ka nui o nā hoʻomaka ʻana o MarTech, ua kōkua i ka hoʻomaʻamaʻa pono ʻana ma luna o $ 5 bil i nā loaʻa a me nā hoʻopukapuka kālā ʻo Martech, a hoʻomau i ke kōkua ʻana i nā hui i ka hoʻokō ʻana a me ka hoʻomaʻamaʻa ʻana i kā lākou kūʻai aku a me nā hoʻolālā kūʻai. ʻO Douglas kahi hoʻololi kikohoʻe i ʻike ʻia ma ka honua a me ka loea a me ka ʻōlelo a MarTech. He mea kākau ʻo Douglas i kahi alakaʻi a Dummie a me kahi puke alakaʻi ʻoihana.
E hoʻi i ke pihiʻaoʻao
kokoke

ʻIke ʻia ʻo Adblock

Martech Zone hiki iā ia ke hāʻawi iā ʻoe i kēia ʻike me ka uku ʻole no ka mea ke hoʻolilo nei mākou i kā mākou pūnaewele ma o ka loaʻa kālā hoʻolaha, nā loulou pili, a me nā kākoʻo. Mahalo mākou inā e wehe ʻoe i kāu mea hoʻolaha hoʻolaha i kou nānā ʻana i kā mākou pūnaewele.