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ʻī.
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!
ʻ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.