Ọ dịtụla mgbe ị chere na enwere ngwa webụ ma ọ bụ ndọtị na-ahapụ gị ka ịmepụta ma kesaa ụdị UI na ofufe?
Anyị niile na-eme! Anyị niile nwere echiche ka anyị chọrọ ka saịtị ma ọ bụ ngwa anyị dị na mmetụta.
Yabụ, ị wepụtala ọmarịcha ọmarịcha ma ị nweghị ike icheta nke ọma otu i siri mee ya?
Ugbu a, ị ga-achọta ụzọ ị ga-esi kesaa ya. Nke a nwere ike were ụbọchị, ọbụlagodi izu, ma ọ bụrụ na ị na-agbalị ịkekọrịta ọmarịcha atụmatụ dị mgbagwoju anya.
Enweghị ihe mere ị ga-eji chere ka ịmepụta ngwa weebụ gị prototypes. Jiri Dabblet mepụta ha ugbu a.
Dọrọ na dobe ihe, ụdị, wee chekwaa ya. Ziga ya na onye nrụpụta maka nyocha ma ọ bụ detuo ya naanị ka ọ bụrụ ihe ngosi. Ohere adịghị agwụ agwụ.
Kedu ihe bụ Dabblet?
iji Ugochukwu, ị nwere ike ịnwale obere snippets nke CSS na koodu HTML ozugbo.
Ị gaghị achọ prefixe ọ bụla na koodu CSS gị mgbe ị na-eji nke a. GitHub gists na-enye gị ohere ịchekwa ọdịnaya gị, bipute ya na saịtị ndị ọzọ, ma kesaa ya na ndị ọzọ.
Nke a bụ nnukwu ụzọ iji soro ndị mmepe ndị ọzọ kerịta snippets koodu wee nweta nzaghachi.
Kedu ka ọ si arụ ọrụ?
Ozugbo etinyere koodu ahụ, a na-ahụ ihe ngosi n'elu ya ozugbo. JavaScript bụ naanị ahapụ, na-atụle na ọ ga-abụ ihe mgbakasị na-agba ọsọ ya na ọ bụla keystroke na nwere ike ọbụna ime ka ihe nchọgharị na-unusable na ụfọdụ ọnọdụ.
Iji nhọrọ “Run JS” na Javascript taabụ ma ọ bụ ụzọ mkpirisi ahụigodo (Ctrl + Tinye ma ọ bụ Cmd + Tinye) ga-agba Javascript mgbe Dabblet na-agba. Nhọrọ nhọrọ na-enye gị ohere ịgbanwe ụdị a.
Dịka onye nrụpụta, ị nwere ike ịgbanwe n'etiti itinye koodu n'asụsụ atọ a n'otu oge ma ọ bụ ịhụ ngwaahịa emechara.
atụmatụ
Ndị a bụ njirimara Dabblet nke ị kwesịrị ịma gbasara:
Ndezi CSS ngwa ngwa: Ị nwere ike tinye ngwa ngwa, dezie ma wepụ akụrụngwa CSS. A ga-egosipụta mgbanwe na ibe ozugbo ozugbo.
Ngosipụta okwu syntax: CSS na koodu HTML na-eme ka ọ pụta ìhè, na-eme ka ọ dị mfe ịgụ na nghọta. A ga-akwadokwa koodu ahụ ka ị na-apịpị. Ị nwekwara ike họrọ zoo igbe koodu ma ọ bụrụ na-amasị gị.
Mezue akpaaka: Dabblet na-enye akpaaka zuru oke maka njirimara na ụkpụrụ CSS. Nke a nwere ike inye aka mgbe ị na-emepụta ma ọ bụ na-edezi ụdị akwụkwọ.
Mpempe akwụkwọ CSS arụgoro mbụ: Ị nwere ike ịnweta mpempe akwụkwọ CSS arụgoro mbụ site na weebụsaịtị ndị ewu ewu. Enwere ike iji ndị a ngwa ngwa na ngwa ngwa tinye ụdị na webụsaịtị gị.
Nkwado isi: Dabblet na-akwado GitHub Gists, na-enye gị ohere ịchekwa ma kesaa snippets koodu gị n'etiti ndị ọzọ.
Nlekọta Live: Ị nwere ike ịhụ nsonaazụ mgbanwe koodu gị na ozugbo na-ebughachighị ibe ahụ. Dịka ọmụmaatụ, ọ bụrụ na ị gbanwee agba nke ederede, ị ga-ahụ mgbanwe na-egosipụta na ederede ka ị na-ede ihe.
Ụzọ mkpirisi ahụigodo: Dabblet nwere ụzọ mkpirisi ahụigodo maka ọrụ nkịtị, dị ka ịgbakwunye iwu ụdị ọhụrụ ma ọ bụ ikwu okwu.
Ụdị nlele ọtụtụ: Dabblet na-enye ọtụtụ ụdị nlele, nke na-enye gị ohere ịhụ koodu na nsonaazụ ya n'akụkụ ma ọ bụ n'elu na n'okpuru ibe gị.
Uru
- CSS ngwa ngwa
- Ọbụlagodi na ị banyere, ị ka nwere ike chekwaa incognito.
- Ndị na-enyocha uru CSS n'ịntanetị maka oke dị iche iche dị ka akụkụ, agba, ogologo oge, wdg.
- Ihe niile bụ XHR-ed, yabụ ibe ahụ anaghị enweta ume, ọbụlagodi mgbe ị na-echekwa.
- Ụzọ mkpirisi ahụigodo ọtụtụ.
- A na-ahazi koodu a niile na akpaaka (belụsọ maka akara akara).
- Akwụkwọ siri ike sitere na nbanye.
ọghọm
- Ihe interface ahụ dị ntakịrị karịa na mbụ, mana ị na-amata ya.
- Enweghị atụmatụ njikwa ọkwa ọrụ (ma).
Ngwakọta Dabblet
Ikpo okwu ọ bụla kwesịrị ijikọ na ọrụ ndị ọzọ, na Dabblet abụghịkwa ihe ọzọ. Ndị a bụ ụfọdụ njikọ Dabblet na-enye:
Google Analytics
Ị nwere ike ịgbakwunye koodu nsochi Google Analytics gị na ibe Dabblet. Nke a ga-enye gị ohere soro nlele ibe yana ọnụ ọgụgụ ndị ọzọ maka Dabblet gị.
Ubuntu
Enwere ike iji Dabblet mepụta gburugburu Ubuntu. Ị nwere ike ịmepụta Dabblet ọhụrụ, tinye CSS na koodu HTML, wee hụchalụ isiokwu na ihe nchọgharị weebụ.
DigitalOcean
Otu ụlọ ọrụ na-ahụ maka igwe ojii na-enye ọrụ nchịkọta igwe ojii na ụlọ ọrụ, na-enye ha ohere ịmalite ọrụ ha nke ọma.
Kedu ihe Dabblet na-eme ya?
Ị nwere ike ịmepụta, jikwaa ma tinye Dabblets gị Oghere DigitalOcean.
Nke a na-enye gị ohere idowe snippets koodu gị niile n'otu ebe ma mee ka ọ dịrị gị mfe ịkọrọ ndị ọzọ ha.
Nhọrọ Maka Dabblets
Nhọrọ ndị ọzọ na-adị mgbe niile, n'otu aka ahụ, ebe a bụ ole na ole maka mmadụ ịtụgharị uche ma a bịa na Dabblet:
Pastebin.com
Ndị mmemme na-ejikarị webụsaịtị chekwaa koodu isi mmalite ma ọ bụ iberibe data nhazi. Agbanyeghị, onye ọ bụla nwere ike itinye ederede ọ bụla n'ime oghere enyere.
JS Bin
JS Bin bụ ngwa nnwale efu maka JavaScript. Enwere ike kesaa nsonaazụ ya site na URL dị mkpirikpi ozugbo etinyere Javascript n'otu pane yana HTML na nke ọzọ. Jiri menu na-enye gị ohere ịhọrọ n'ime ụfọdụ ọba akwụkwọ JS a na-ejikarị.
CssDeck
Ngwá ọrụ a dị mma maka ịmepụta na ịgbanwere ikpe ule na ndị ọzọ nwere ike inyere gị aka na mbọ nzuzo gị. Site na nhọrọ dị iche iche, ị nwere ike imekọ ihe ọnụ na ọrụ ozugbo gị na ndị mmemme ndị ọzọ.
Onye na -eme mkpọtụ
Plunker bụ ikpo okwu dijitalụ ebe ndị mmepe webụ nwere ike ịtụgharị uche, imekọ ọnụ, ma kesaa echiche ha.
Dịka ọmụmaatụ, ị nwere ike ịmalite na "Ndewo, ụwa!" mmemme n'asụsụ ọ bụla ma tinye koodu snippets, akara akara, na nseta ihuenyo iji mepụta ahụmịhe mmụta bara ụba.
Okwu Ikpeazụ
N'ikpeazụ, Dabblet bụ ngwá ọrụ bara uru maka ndị mmepe weebụ, karịsịa ndị na-achọ ụzọ ngwa ngwa na ngwa ngwa nwalee koodu ha.
Na ya dị iche iche atụmatụ na integrations, ọ bụ ike ghara ịhụ a ojiji nke a n'elu ikpo okwu.
Gbalịa ya taa!
Nkume a-aza