35 tahua i roto i te HTML me te CSS

tahua

I roto i tenei raupapa tuhinga me lHe tirohanga kua tohua mo te waehere CSS, HTML me te JavaScript, ka tohaina e maatau nga paanga o te tuhinga, nga pere, pane he retireti ranei hei whakanui i te hoahoatanga o ta maatau paetukutuku kia ataahua ake, kia ahei ranei ki te whakauru uara ki nga korero e whakaatuhia ana e matou ki te manuhiri.

Tenei wa ko te wa tenei mo nga tahua i roto i te HTML me te CSS ka taea e koe te whakaohooho tika nga waahanga nui e ahei ana ki a maatau ki te tuku i te kaiwhakamahi ki nga waahanga nui o a maatau eCommerce, blog me te maha atu. Ka haere matou me ratou ki te tohatoha i to maatau papaanga e rapu ana i te kounga o te pa ana he rite tonu ki nga paerewa hoahoa UI.

Kiriata tahua riipene

Hoururger

Un tahua reti he tahua taha hamburger ranei tito i nga pakiwaituhi ataahua me te pa o te iti ki te painga.

Tuhinga e pa ana:
9 tahua CSS tahua kaore e ngaro

Taka Raro te Moko CSS Tiwha

Swanky

Swanky Lil Drop Down Manu V2.0 es tahua tino whakaoti CSS parakore he uara taapiri kei te kore rawa he waehere JavaScript i te atanga kaiwhakamahi. He pai noa tana whakauru ki te kimi huatau tino ataahua.

Tahua Accordion

Whakaaetanga

este tahua waitohu es tino ngawari mena ka whakatauritea e maatau ki nga mea e rua o mua me HTML, JS me CSS.

Tuhinga e pa ana:
16 tahua CSS tahua hei whakahou i to paetukutuku

Tahua poutū me te jQuery me te CSS3

Whakaaetanga poutū

Un tahua poutū me te jQuery me te CSS3 de pa pai mo te taupānga paetukutuku ranei. Nga momo whakawhitinga katoa me nga karaahe he atarangi iti noa iho.

Tahua Porohita

Whakatere porowhita

Un tahua porowhita de whakaterenga whakamatau e mahi tino pai ana mo te paetukutuku hangarau. I hangaia i roto i te SVG me te Papamahi Animation a GreenSock, he rereke kaore he feaa.

Rarangi tuwhena

Riuaka

Ētahi atu tahua hihiko me te whakamatautau he tino tika mo te whaarangi kua whakatauhia mo tetahi keemu.

Tahua CSS CSS Porowhita

Tuhinga

Un tahua porohita CSS HTML ki te whakatakoto i tona taha ki tera taha ka tuwhera porowhita me te wheako kaiwhakamahi pai.

Kaupapa rarangi tahua

Mowhiti

I tenei tahua mowhiti te hononga kua tu i te pito o runga o ia mea ki te hanga i nga mowhiti rereke.

Putiputi puaa tahua

Flower

Ko etahi atu korero tahua pahū-ake me te pakiwaituhi tino pai hei whakamahi i tetahi painga pai.

Huihui Hover Nav

Whanui

Huihui Hover Nav Ko te tahua taka iho kounga teitei mo era hākoritanga e whakaatu tika ana i te hanga o nga korero o te paetukutuku.

Whakatere whakataka

CSS

Un tahua whakatere whakataka he rite ki tera o mua ahakoa me etahi atu tints i roto i te hoahoa atanga.

Tahua takaiho maaro CSS

CSS Maama ngawari

Ētahi atu tahua takaiho kounga i CSS e whai ana i nga paerewa hoahoa UI o naianei.

Tahua urupare me te ngawari

Whakautu ngawari

mata katoa, tenei tahua urupare, ngawari hoki i roto i te HTML5 me te CSS3 he hototahi ki te Internet Explorer 11.

Rarangi panui katoa i te SVG

Tahua Katoa SVG

Un raarangi mata katoa i te SVG whakanohoia ki te taha ki te hamipaka, he tino aro tena.

Mega Tahua CSS

Tahua Mega

Un Tahua Mega i CSS me HTML he rereke i nga mea e kitea ana, me te taera hou me te ahua iti.

Tetahi Whakaaro Tahua

Kaupapa Tahua

Tetahi Whakaaro Tahua ko te kowhiringa pai mena kei te rapu koe i tetahi tahua rereke, taketake hokiKo tenei tetahi he whakawhetai nui ki te raarangi ritenga i runga i te tohu me nga mahi hākinakina tino mahi.

Tahua Hoahoa Rauemi

Rauemi

Tahua Hoahoa Rauemi koinei i runga i te reo hoahoa a Google. 

Tahua pūkoro Burger

Burger

Un tahua hamburger pūkoro papaitia ana ka hangaia ma HTML, CSS me JavaScript.

Velocity.js flexbox mata katoa

tere

Velocity.js flexbox mata katoa Tuhinga o mua kounga nui i te paetae kua whakatutukihia ana mo tana wheako kaiwhakamahi tata motuhake. Pouaka panui katoa me te tere.js.

Wharangi Katoa atu-kānaweti

Wharangi katoa

Wharangi Katoa atu-kānaweti he kounga-nui, he rarangi-whanui mata e tino mahi ana mo te whakaatu me pehea te hanga paetukutuku me era uara.

Hover raina awe awe

whakaparo

Un tahua whakaparo te raina ngawari me te tino pai.

Kaupapa rarangi tohu-ara CSS

Whakaaro Tahua CSS

Tuhinga o mua tahua me te ara-topenga tae atu ki te mea e tino hianga ana me etahi waahanga waituhi.

Strikethrough whakaparo

Strike

Strikethrough whakaparo he tahua ano tera whakapiri mo nga hononga pākiki Putanga.

Tahua CSS Lavalamp

Tuhinga o mua

Tahua CSS Lavalamp kei a whakaparo hākoritanga mo ia o nga hononga e tuku moni ana ki te akiaki.

Rēreti whakatere

Rēreti Horoi

Un reti whakaterenga e panuku ana ki ia hono kia motuhake ai me te kara whero me te whakangahau e tino manakohia ana nga hua pai.

Whakatere tahua pūkoro

Tahua Pūkoro

Un whakaterenga tahua Burger o te painga nui e whaaia ana ki nga taputapu waea.

IPhone X kaupapa tahua pūkoro

iPhone X

 

Un tahua i hangaia mo te iPhone X ka taea te hoatu i to paetukutuku ki te kounga o te kounga kia taurite ki te hoahoa o te waea a Apple.

Whakawhanakehia a Submenu mo te waea pūkoro

Submenu whakawhānui

Whakawhanakehia a Submenu mo te waea pūkoro kua hoahoahia mo te hiku me te whakangahau ataahua me te nekehanga tino tika. Te ataahua i nga taumata katoa mo te atanga waea pūkoro o to paetukutuku paetukutuku ranei.

Whakatere pūkoro waituhi

Kaiora

Ētahi atu tahua waituhi mo te pūkoro me te papamuri haangai papamuri me nga hua tirohanga tino pai.

Tahua me te panuku me nga paarua o te reanga

Panuku Panuku

Ētahi atu he painga nui mo te tahua rereke me te quirky. Rawhiti tahua me te panuku me nga hua whakaaro he pai rawa mo nga wharekai, arotake, me te maha atu.

Tahua taatari waea pukoro

tātari

Un tahua waea pūkoro hurihia mo te waahanga paetukutuku ka anga atu ki te waea pukoro.

Whakatere-papanga kore

Taputapu-kore

Whakatere-papanga kore he tahua tera whakamātautau me ngā whakawhitinga me te whakaterenga kia tino onaianei. Mena kei te rapu koe i tetahi mea hou ka miharo, ko tona taumata te mea pai o tenei raarangi.

Huna tahua taha CSS

Tahua huna

Un tahua taha i te CSS he aha te mea huna ana ka kitea mai me te tohu hamburger.

Paetaha whakatere kua whakaritea

Uka

Whakamahia bootstrap hei utu mo te flexbox hei tautoko i te IE9 / 10. Ko tetahi atu rarangi pai maana Paetaha whakatere kua whakaritea i roto i tona ariā.

Ripa Morphing

Tapati

Ripa Morphing he tahua whakataka ka puta ka peehi ana koe i runga i te paatene ripa matua.


Ko nga korero o te tuhinga e piri ana ki o maatau kaupapa o matatika whakatika. Ki te ripoata i tetahi paatene paato Here.

2 korero, waiho maau

Waiho to korero

Ka kore e whakaputaina tō wāhitau īmēra. Kua tohua ngā āpure e hiahiatia ana ki *

*

*

  1. He kawenga mo nga raraunga: Miguel Ángel Gatón
  2. Te kaupapa o te raraunga: Whakahaerehia te SPAM, te whakahaere korero.
  3. Ture: To whakaae
  4. Whakawhitinga korero: Kaore nga korero e tukuna ki nga taha tuatoru engari ma te ture herenga.
  5. Rokiroki raraunga: Paetukutuku e whakahaerehia ana e Occentus Networks (EU)
  6. Tika: I nga wa katoa ka taea e koe te whakaiti, te whakaora me te muku i o korero.

  1.   Javier ka mea

    Kia ora, he tino pai ki ahau nga momo tahua e waatea ana ki tenei whaarangi, ko taku patai me pehea te whakauru i nga konae js o te raarangi? he maha nga wa i tarai ahau ki te hanga i tetahi tahua kaore e mahi nga js, kaore e taea te whakauru, i te tirotiro i nga waahanga o te kaitirotiro e kii ana ko te mahi e puta tuatahi kaore i tautuhia mai me nga tahua katoa

  2.   Eduardo ka mea

    He rawe te awhina :)