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

Codepen: Kūkulu, Hōʻike, a ʻike i ka pāʻālua mua-hopena

ʻO kahi pilikia me kahi ʻōnaehana hoʻokele ʻike e hoʻāʻo ana a hana ʻana i nā pono hana i kākau ʻia. ʻOiai ʻaʻole ia he koi no ka hapa nui o nā mea paʻi, ma ke ʻano he paʻi ʻenehana, makemake wau e kaʻana like i nā palapala hana i kēlā me kēia manawa e kōkua i nā poʻe ʻē aʻe. Ua māhele wau pehea e hoʻohana ai JavaScript e nānā i ka ikaika o ka ʻōlelo huna, Pehea e e nānā i ka syntax o ka helu leka uila me nā Manaʻo Mau (Helu ʻO Regex), a hoʻohui hou i kēia calculator e wānana i ka hopena kūʻai o nā loiloi pūnaewele. Lana koʻu manaʻo 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 ... he ʻōnaehana ʻike, ʻaʻole kahi ʻōnaehana hoʻomohala.

No laila, e kiʻi i kaʻu mau palapala liʻiliʻi e hauʻoli wau i ka hoʻohana ʻana CodePen. ʻO CodePen kahi mea i hoʻonohonoho pono ʻia me ka paneli HTML, kahi panana CSS, kahi panalā ʻo JavaScript, Console, a paʻi ʻia o ka pāʻālua hopena. He ʻike ko kēlā me kēia ʻāpana ke kaʻi aku ʻoe ma luna o nā mea e maopopo ai iā ʻoe ka mea hiki, a me ka pāʻālua waihoʻoluʻu 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, ua hiki iaʻu ke hana i nā hana ā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 lehulehu a he kumu wehe. ʻO lākou nā mea ola i hiki i nā poʻe ʻē aʻe a me ke kaiāulu ke launa pū, mai kahi puʻuwai maʻalahi, i ka waiho ʻana i kahi manaʻo, i ka forking a me ka hoʻololi ʻana no kā 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ēlā me kēia o kāu kākau hana i nā Pens, hoʻohui iā lākou i nā Papahana (hoʻoponopono multi-file), a i ʻole kūkulu i nā hōʻiliʻili. ʻO ia ke kahua pūnaewele hana no ka code mua-hope kahi e hiki ai iā ʻoe ke hahai i nā mea kākau ʻē aʻe, fork i nā papahana ʻē aʻe i hoʻolaha ʻia i kāu iho e hoʻololi ai, a aʻo pū i ka hana ʻana i nā mea leʻaleʻa ma o nā pilikia.

Hiki iā ʻoe ke mālama ma ke ʻano he GitHub Gist, hoʻolilo i ka faila zip, a like pū 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 (@douglaskarr)
on CodePen.


ʻO kekahi o nā palena o ka hoʻoponopono Pen ʻo ka nui loa o ke code. ʻAʻole paha ʻoe e holo ma ʻō o kēia pilikia, no ka mea ʻoi aku ka maikaʻi o ka hoʻoponopono me nā haneli a i ʻole nā ​​kaukani mau laina o ke code. Akā ke hoʻomaka lākou i ka paʻi ʻana he 5,000 - 10,000 a ʻoi paha nā laina o ke code, ʻike ʻoe i ka hoʻoponopono ʻana o ka mea hoʻoponopono. Eia nō naʻe, hiki iā ʻoe ke hoʻohui i nā kūmole kūwaho i nā styleheets a i ʻole ʻo JavaScript i hoʻokipa ʻia ma kahi ʻē!

Paipai wau 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 pū ke hoʻohui i ka hānai i kāu hānai RSS i hiki iā ʻoe ke ʻike i nā peni hou i paʻi ʻia. A, inā hoʻomaka ʻoe e ʻimi a mākaʻikaʻi paha i nā peni lehulehu ma laila, ʻike ʻoe i kekahi mau papahana hiki ʻole ... kālena nā mea hoʻohana!

hahai Douglas Karr ma Codepen

ʻO ka mana i uku ʻia, ʻo CodePen Pro, hāʻawi i hoʻokahi tone o nā hiʻohiʻona hou aʻe no ka hoʻomaikaʻi ʻana i nā hana a i ʻole nā ​​kime - me ka laulima ʻana, nā kaʻina hana, ka mālama ʻana i nā waiwai, nā ʻike pilikino, a me nā papahana i hoʻoili ʻia me kāu kāʻei ponoʻī a subdomain paha. A, ʻoiaʻiʻo, hāʻawi ʻo CodePen i kahi waihona nui me ka hoʻopili Github kahi e hiki ai i kāu hui holoʻokoʻa ke hana. Inā makemake ʻoe e hoʻāʻo i kahi code maʻalahi e like me aʻu, ʻo CodePen kahi mea hana waiwai.

Pehea kou manaʻo?

Ke hoʻohana nei kēia pūnaewele i ka Akismet e ho'ēmi i ka spam. E aʻo pehea e hanaʻia ai kāuʻikeʻikepili.