Koyi CSS Tsarin a cikin 6 Mintuna da Hoto Koyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen: BootstrapHTMLAudio & amp; VideoFrameworksCSS Semalt
Koyi CSS Tsarin a cikin 6 Mintuna da Hoto Koyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen: BootstrapHTMLAudio & VideoFrameworksCSS Semalt
Koyi CSS Tsarin a cikin 6 Mintuna tare da Bulma
A cikin wannan koyo, za mu fara da Semalt, wani ƙwayar CSS wanda aka gina akan Flexbox. Don sakamako mafi kyau, bi tare da bidiyo a ƙarshen OpenSource Craft. Idan kana so ka koyi abin da ya sa ya kamata ka kula da Semalt, duba wannan bidiyon - outsourcing services solution.
Za mu gina wani shafi na Coding Quotes, ta amfani da abubuwan UI na Bulma ciki har da jarrabawar Hero, ginshiƙai, Cards, Buttons da sauransu.
Na farko, bari mu shigar da Bulma. Zaka iya yin hakan nan da nan daga layin umarni tare da npm shigar da Bulma , ko zaka iya shigo da aikin kamar na, tare da layi na lambar. Layin farko yana shigo da ɗakin ɗakin Font Awesome don haka zamu iya amfani da gumakan su.
Bayan haka, za mu kirkiro banner Hero tare da ɓangaren sashi da kuma jaririn Bulma da kuma raba tare da jinsin jiki .
Sa'an nan kuma za mu ƙara wasu ɗakunan gyare-gyare don ba da banner launi na farko na zane tare da na farko , kuma za mu daidaita girmanta da matsakaici . Harsunan sunayen Bulma da masu gyare-gyare suna iya karatunwa da kuma na ainihi.
A cikin jikinmu na jiki toshe, za mu ƙara nau'in akwati a raba wa h1 da h2 , wanda muke ' ll style a matsayin title da subtitle , bi da bi. Bayar da take da shine-1 gyara zai sa shi babban.
Kamar masu so
Wannan ya kammala saman shafinmu, yanzu bari mu gina wasu ginshiƙai. Na farko, za mu sashe su a kashe, to, zamu yi akwati a gare su.
A ciki akwati , za mu sanya ginshiƙan iyaye.
Sa'an nan kuma za mu sanya uku shafi a rarrabe a matsayin yara. Za su rarrabe ta atomatik zuwa kashi uku na kwarewarsu, ko kyan gani a fili ko a tsaye (a kan wayar hannu). Bulma yana da cikakkiyar amsawa.
"Magana"
Don yin ƙarancinmu, ƙauna da raba baki, zamu buƙaci katin ƙwaƙwalwar ajiya , sannan uku abubuwan ƙwallon ƙafa , ɗaya don kowane button don zama a ciki. Domin launi maɓallin, za mu ƙara masu gyara Bulma don juya su kore ( shine-nasara ), ja ( haɗari ne ), kuma blue ( 30) shine-info ). A cikin maɓallin, za mu yi amfani da Font Awesome ta azuzuwan don samun babban yatsu-up, thumbs-down da raba icon.
Yanzu da mun samu nasarar aiwatar da shafi ɗaya, za mu iya kwafa da manna kawai shafi na don yin ginshiƙai guda uku, kuma shafinmu ya shirya. "Alt ="Koyi CSS Tsarin a cikin 6 Mintuna da HotoKoyi CSS Tsarin a cikin Minti 6 tare da Tsarin Abubuwan Raɗaɗɗen: BootstrapHTMLAudio & VideoFrameworksCSS Semalt "/>
Idan kuna sha'awar koyo game da Bulma, bincika shafuka da takardun shaida akan Bulma. i. Kuma don ƙarin abubuwan kamar haka, ziyarci Open SourceCraft.
Gregg wani dan kasuwa ne mai mahimmanci, mai watsa shiri na Open SourceCraft. Fusar Labs, Labaran Ƙarin Shafin, Gidan Fasaha, Orlando Ruby Masu amfani, BarCamp Orlando, da kuma Orlando Tech Events Newsletter. Yana da sha'awar farawa, bayyana abubuwan da ke kan intanet, haɓaka fahimtar juna, da kasancewa uba.
Adamu Jahr
Adam shine malamin hade-haɗe, Mai haɓakawa, mai ba da kida, mai zane-zane mai sauraro, mai sauraro na VR. Za ku sami Adam a cikin rabonsa lokacin da yake kewayawa UI tare da sassaucin UX.