Izinsizakusebenza eziku-inthanethi cishe azipheli, kepha ukubathola bekhwalithi kuyinto enzima ngempelaYize usesha kancane futhi unohlu oluhle lwamawebhusayithi anikezelwe ekwakhiweni, izinto ziba lula. Ngesikhathi lapho izilimi ezinjenge-HTML ne-CSS zisesimweni esihle, ukusondela enkululekweni, izinsizakusebenza zekhwalithi ephezulu cishe kukuchofoza nje okumbalwa.
Sizoklelisa uchungechunge lwe amakhadi wamahhala ku-HTML naku-CSS ezifanele ngokuphelele zonke izinhlobo zebhulogi, ibhizinisi, i-e-commerce nokunye okuningi. Ukuqoqwa kwebanga elide ukuze likwazi ukufakwa komunye womsebenzi owenzayo kuzo zonke izinhlobo zamakhasimende. Masikwenze ngalolu hlu olusebenzisa i-codepen.io ukuze uthole ikhodi kuzo zombili i-HTML ne-CSS.
Ikhadi le-Blog limnandi # 1
Una ikhadi elihle lokuklama ethi cishe yonke into isithombe esiyimele, ungaya ku-codepen.io ukuthola ikhodi ehambisanayo bese uyifaka kuwebhusayithi yakho.
Amakhadi Ezindaba e-CSS yi-CSS kuphela
Leli khadi, ne Isihambi Izinto njengesizinda, ivelela ngokugqwayiza kwayo okubushelelezi okwembula okuqukethwe. Yi-CSS emsulwa.
Into Ye-Blog Post
Ukubuka kuqala kwewebhu ngokuletha isikhombi segundane phezu kwaso. Ine-CSS ne-HTML ngokufakwa okulula.
Amakhadi ebhulogi
Idizayini yekhadi lebhulogi eliphendulayo elincane. Izithombe ezisheshayo nezibushelelezi ikhwalithi ephezulu engashiyi muntu engenandaba.
Amakhadi webhizinisi aphendulayo
Umelele ukugqwayiza okuncane ngokuhambisa isikhombi segundane ngaphezulu kwesithombe sekhadi.
Elinye ikhadi le-blog
Kubonakala i- umbhalo wekhadi lapho uzulazula ngokufanayo.
Amakhadi ebhizinisi
Una ikhadi elilula kodwa lamanje vakashela ngedemo nekhodi nge-HTML ne-CSS.
Ikhadi lebhizinisi le-3D
Leli khadi lifanele izithombe ze-3D ezine-HTML ne-CSS. Yenziwe ngu-Elena Nazarova, ilungele ikhadi lebhizinisi elishaya ngombala.
Ikhadi lebhizinisi le-CSS
Ikhadi lebhizinisi eliteleka kakhulu ku-CSS lelo ijikeleza nge-3D ukwenza uchungechunge lwamakheli e-URL aphendula isikhombisi segundane okwamanje silibeka phansi.
Ama-grid ekhadi
Uchungechunge lwamakhadi abekwe kahle ane- umklamo odonsa amehlo. Kuyamangaza ngobuhle bayo obulula, kepha ngokushaya kahle kwikhodi ye-HTML, CSS ne-SCSS.
Amakhadi e-3D embulwa
Lolu chungechunge lwamagridi ekhadi yembula imininingwane eyengeziwe okwamanje ukuthi sishiye igundane kusithonjana siluhlaza okotshani. Ngesikhathi esifanayo lapho sishiya isikhombisi, lonke igridi lihamba ngokufanele.
Ikhadi Lokwakha Elisabelayo
Nge Ulimi lokwakhiwa kwe-google, kuvela lolu chungechunge lwamakhadi aqokonyiswa yisithonjana semenyu esivula lonke ulwazi lwabalingisi njengasesimweni sesibonelo. Izithombe ezinhle nezinembile ezinokubukeka okuhle kakhulu.
Igridi yekhadi le-Flexbox
Isibonelo sekhadi ngokuphakama okufanayo abagqamile ngokusebenzisa ifomethi ye-grid flexbox. Elinye lamagugu alo ukusetshenziswa kwezilinganiso zesici seCSS kanye nezihlungi zeCSS.
Ukungqubuzana Kwamakhadi Emindeni
El umdlalo weselula odumile inamakhadi ayo e-HTML ne-CSS adalwe ngu-Andre Madarang. Singadlula phakathi kwabo ngokugqwayiza okunembile nokubukwayo.
Amakhadi weSilayidi we-eCommerce
Nge izithombe ezi-agile, lawa makhadi akukhuthaza ukuthi useshe izakhi zawo ukuthola ukuthi zimayelana nani. Ngomklamo omuhle ovela ku-Omar Dsoky.
Idizayini Yokwakha - Ikhadi Lomkhiqizo
Ikhadi elifanele ukuklama lezo ze- umkhiqizo we-eCommerce yethu. Yenziwe nge-HTML ne-CSS.
Ikhadi lomkhiqizo
Kusuka ekhadini elifanayo dlulisa izithombe eziningana ukubona kangcono umkhiqizo. Kufaka inkinobho yokwengeza enqoleni futhi iqukethe ikhodi ye-HTML, CSS neJavaScript.
Amakhadi Omkhiqizo we-Flexy
Njengoba igama layo likhombisa, isebenzisa i-flexbox ukudala ukugqwayiza okuthakazelisayo lapho sichofoza inkinobho yokwengeza enqoleni.
Amakhadi we-Flip
Ikhodi encane yamanye amakhadi ane-smooth futhi izithombe ezinhle. Ngemizuzu embalwa ungazifaka. Okusanda kufakwa ku-codepen.
Amakhadi njengamakhadi womkhiqizo we-3D
Kumele kuqashelwe ukuthi lawa makhadi angama- sengathi sinenqwaba yamakhadi etafuleni. Isikhombi sisele futhi basondeza isithombe, bachofoze ngakunye, bese bekhombisa ngemuva kwekhadi ukukhombisa imininingwane yomkhiqizo. Siphinde sichofoze futhi siyishiye njengoba beyinjalo ngaphambili. Ilungele ukufunda izakhiwo ze-3D CSS.
Ikhadi le-Parallax
Isilingo esibukwayo esibonakalayo se- iso elibamba iso umphumela. Kungcono ukuthi uyibone ukuze wazi ukuthi ikhuluma ngani.
Hambisa ukusebenza kwamakhadi
Umphumela olula kodwa hover gimmicky mayelana namakhadi.
Umphumela wokuhambisa phezulu olula
Ukushaya umphumela olula, kepha lokho kuba nomthelela omkhulu lapho sikubuka ngeso lengqondo.
Amakhadi Okujula KweParallax
Lawa makhadi aphethe i- umqondo we-parallax uye phezulu ukwakha amakhadi athile ahlabayo ngokuklama. Kumele nje uyibone ukuze uqonde kangcono umphumela owukhiqizayo kumsebenzisi lapho ukhetha ezinye zezigaba kubhulogi yethu.
Ikhadi le-UI lama-movie
Ikhadi le- ukwakheka okuhle okwenziwe nge-HTML kanye ne-CSS.
Ikhadi lephrofayela
Kakhulu izithombe ezinhle ukuthola ikhadi lokuxhumana lapho singasebenzisa khona ukufinyelela kumaphrofayli ezokuxhumana nabantu. I-HTML ne-CSS.
Amakhadi we-Polaroid ahlanganisiwe
Ngezakhiwo, izihlungi kanye Ukushintshwa ngokwezifiso kwe-CSS Lolu chungechunge lwamakhadi aqoqiwe we-Polaroid ayenziwa; ungaphuthelwa yilezi zithombe ze-SVG.
Kuzokwenzeka ukufaka noma yimaphi ala makhadi ekhasini eline-wordpress
NGIYABATHANDA