29 nga waahanga hoahoa pai i roto i te CSS me te waahangaJavascript

Panuku wātaka

Ko nga waahi, waahi ranei tetahi atu o nga waahanga ka taea e taatau whakauru ki roto i te paetukutuku hei whakaatu i te ahunga whakamua me te whanaketanga ranei i nga tau o te kamupene, o te kamupene ranei. Ko te whakaaturanga whakairoiro pai o te kite, ma te mohio ki te aata tuhi me ona momo tuhi me nga mea e kitea ana, ka taea te whakaatu i nga mahi i mahia e tetahi ratonga, hua ranei i roto i te waa.

Ko enei waahanga 29 ka kitea e koe i raro ake nei mai i nga waahi tuumou peera ano i nga whakapainga. Ka kitea e koe he mea pai e pai ana ki o hiahia kia rapua i runga i te whaarangi paetukutuku e hangaia ana e koe ma to kaihoko, maau ranei. Kei te haere maatau me te kohinga o nga waa whakamere tino pai ki te tirohanga kanohi.

Wātaka mā te panuku

Panuku wātaka

He waahi kei roto i te HTML, CSS, me te waehere JavaScript kia pai ai te whakanoho i a ia ano hei minimalist pai e whakanui ana i te whero mo te raarangi tau ki te taha maui, me te pango mo te momotuhi me nga H2. Ko te mea pai mo tenei waa waahi ko te huri i te whaarangi, ka huri ke te tau. He pai te whakaoti, te hoahoa me te hua.

Wātaka i te CSS

Nga waahanga waahi CSS

Ka whakamahia e tenei waahi te waehere CSS kia taea ai te whirihora tika i etahi o ona kaainga. Kaore he panuku peera ki te waa o mua, engari he maha nga pouaka me te tae kikorangi e kitea ana he pa tino huatau ana ka taapiri ki te raarangi o nga waahi o tenei whakaputanga.

He kaiwhakaheke reti o te waa

He kaiwhakaheke reti o te waa

I hangaia tenei waahanga me te whare pukapuka Swiper JS hei whakauru i te waehere HTML, CSS me te JavaScript. Kaore he panuku i a ia e ahu whakamua ana ki te whaarangi paetukutuku, engari ka tika whakanohoia nga tau ki te taha matau me te paatene ka taea e taatau te haere a muri atu, haunga te taea ki te whakamahi i te tohu a te kiore kia haere ki tetahi tau motuhake. Te hākoritanga pai o ia whakawhitinga.

Wātaka matatau

Wātaka matatau

He waatea tenei waahi mo te whakamahi i te HTML, CSS me te JavaScript, haunga i haere ki te monocolor, tika i nga tangi whero. Kei te mohiotia ano ma te whakamahi i te paatene e ahei ai ki te anga whakamua ki te hoki mai ranei ki te raarangi waahi kua tohua e tenei waehere hua tino iti rawa.

Wātaka me te pane kua whakaritea me te Flexbox

Kua whakaritea te waahi

HTML me te waehere CSS mo te pane kua whakaritea ka pumau tonu i te wa e huri haere ana tatou i te whaarangi. He tino mohio ki te waiho i te waaarangi mo te hiahia nui mo nga kaiwhakawhanake o tenei wa e hiahia ana ki te tu mo nga paerewa hoahoa paetukutuku onaianei.

Mahinga waahi kaupapa

Mahinga waahi kaupapa

Ka whakamahia e tenei waahanga he CSS me te HTML hei whakaatu i tetahi waahanga nui hei whakamahi taua wa motuhake mo tetahi kaupapa. I a maatau e huri ana ka haere i roto i nga ra o te wiki, na he tino pai ki te whakamahi mo nga taputapu mahi tahi na te kamupene ake.

Rārangi Wā

Rārangi Wā

He rārangi wā kei roto HTML, CSS me te JavaScript ka puta ke mai i era atu mo te kaupapa tirohanga. Ana ko te mea e huri ana maatau i te waaarangi poutū, ia wa ka kite tatou i tetahi whakaahua hou i te waaarangi, ka waiho hei ahua papamuri o te wharangi paetukutuku i whakatakotoria ai e maatau tenei tohu.

Haurangi

Haurangi

Ko te Hyperloopu he raarangi waahi he tuuturu mo te hoahoa e whakamahia ana ana mo te whakamaataputanga kaore i tua atu i te HTML me te CSS. He tohu ma te whakamahi i nga rahi rereke i te momotuhi o te tuhinga me te raina poutū me te raupapa pouaka e tohu ana i ia waa nui o te waahi.

Wātaka poutū

Wātaka poutū

He waahi waahi waahi ka tawhiti atu i a ia mai i era atu e tana tirohanga tirohanga. He papamuri koi kei kona i te hoahoanga me te pouaka e tohu ana i ia waa. Kua whakamaherehia i te CSS me te HTML.

Wātaka i te Flexbox

Pouaka whakawhiti waahi

Ko tetahi o nga waahanga kua oti pai rawa atu kei runga i nga kaari ki te whakauru i nga korero katoa e hiahiatia ana mo taua waa waahi. I hangaia ano i roto i te HTML me te CSS, me whakaaro ki nga kaari katoa kia rite te teitei me te whanui hei tatau i te waahi mo nga mata nui ake.

Wātaka i DIV

Wāhanga div

He waahi iti mo te waarangi hoahoa hangaia noa i te HTML me te CSS, na ko tona whakamahinga ka taea te tino tere. He pai rawa atu mo te whakaputa i tetahi waahanga i roto i te reo korero na tona mutunga monochrome.

Wātaka i te CSS me te HTML

Wātaka CSS

Ka taea e koe te tuu 400 × 300 nga whakaahua rahi i roto i tenei waahanga ka waatea e te karaariki o nga raina me nga tuhinga o nga ra me nga ra. Karekau he pakiwaituhi, he maamaa te ahua o tana hoahoa ngawari i nga taumata katoa.

Te waa korero me te waa whakautu

Nga korero waahi

He waahi rereke rereke i era atu mo te whakaaetanga whakatakotoria nga kaari me nga whakaahua a nga kaiwhakamahi, ko te mea ra pea ko te hiahia i te tuatahi. Ma te ahua pai o te tirohanga, ka whakamahia e nga kaari te whakamarumaru mo te waa waahi kaore he waituhi.

Te waa waahi i te HTML me te CSS

Wā whakautu

He waahi tika mo te whakautu ki tena he tohu na te HTML, CSS me te toha i tetahi waaatea ngawari engari tino pukoro.

Wātaka UI

Rārangi Wā

Ko tenei waehere i roto i te HTML me te CSS e tino mahi ana whakaatuhia te ra mahi Tuhinga o mua. He urupare me te ahua pane me te raupapa paatene e whakaatu ana ma te maarama me te ma o te waahanga tirohanga.

Wātaka i te CSS anake

Wā wā CSS

Ko tenei waaarangi e mohiotia ana kei roto i te CSS me a he pai te kowhiri i te raupapa tae: whero me te kaakaariki. Kakariki hei kapi katoa i te whaarangi, ma ma mo te tuhi me te wehe i nga raina, me te whero hei wehe i te waa waahi kei reira tatou. Ka taea e taatau te paatene i ia waahi ki te tuu me te pouaka e karapoti ana i a ia.

Wā whakautu V3

Wā Whakautu Huringa V3

Ko te tuatahi o nga waahi whakapae i te raarangi HTML, CSS me JavaScript. He tirohanga kanohi te te whakamahi i nga tae mangu me te hina ki te whakatakoto i tetahi raina whakapae me nga raupapa tohu. Ko ia waahi ka tohua he nui ake te taumaha o te putake me nga tuhinga o te tuhinga.

Whaiti e taera ana i te kara

Niha

Ko tetahi o nga waahi whakapae kounga kounga teitei kei runga i te raarangi. He raarangi tauwhitiwhiti pai me nga pakiwaituhi tino mohio, pai hoki te whakaatu hei whakawhiwhi ki tetahi wheako kaiwhakamahi nui ia wa ka pehi tetahi o nga waa. He mea hanga ki te HTML CSS / Sass me te JavaScript / TypeScript (jquery.js).

He rārangi wā hītori whakautu

He korero urupare

He waahi tika mo whakaatuhia nga huihuinga rereke o nga whakaahua Tuhinga o mua. He whakapae me te whakautu ki te whakawhanakehia i roto i te HTML, CSS me te JavaScript.

Rarangi waahi

Rōpū wātaka

Ko tenei waaarangi e tu ana mo te whakawhiti pai kawea ki te hākoritanga whakapae. Tino pai te tae me te hoahoa ataahua hei whakanui i ia waa waa. Kei roto i te HTML, CSS me te JavaScript te whakaatu i nga kaari kua whakakakahu ki runga i te ahua papamuri o te māngai.

CSS whakapae me te rārangi wā HTML

Envato whakapae

I hangaia e ia e mohiotia ana ko Envato Tuts +, kua whakaatuhia mai ki a maatau he waahanga whakapae me tetahi kaari maama me nga kaari taketake hei hoahoa. Nga tae maamaa me te raina whakapae me te raupapa whero whero e hono ana i ia waa.

Wā CSS, HTML me te slick.js 

Tuhinga o mua

Pastel oro i roto i te hoahoa mo te rārangi wā e e tu ana i waho mo te whakaaturanga o ia whakaahua e whakaatu ana i ia waa waa. Ko te whakawhitinga i waenga i ia o nga whakaahua me nga waahi te mea nui ake ai tenei waahanga.

Raupapa Waeine V1

Raupapa waahi

He raarangi waahi e tu ana nga paatene kei ia raina poutū o ia waa ki te hono i tetahi ahua papamuri mata katoa i a taatau ka pehi tetahi.

Whaapaa whakapae HTML CSS

Wāhi HR

Kaore e taea e koe te patene i nga waahi katoa o tenei waahanga kua tohua e a hoahoa tino ataahua na te maatauranga pai o te tae tae me te raupapa hanawiti mo ia o nga waahi. Kaore he pakiwaituhi, engari ki te tirohanga kanohi he pai ki te kanohi.

Wāhanga Codyhouse

WāHitau CodyHouse

Tenei wātaka he mea kotahi na Codyhouse i roto i te hoahoa me te whakawhanakehia i roto i te HTML, CSS me te JavaScript. Ka whakaatuhia he raina minimalist me nga waahanga tohu hei waahi ka paatohia ka iti ake te haurua haurua o te hākoritanga whakapae. He ngawari, engari he kaha.

Rārangi wā whakapae

Rārangi wā whakapae

Ko tetahi atu waaarangi i hangaia i HTML, CSS, me JavaScript. E whakaatuhia ana e te tae kotahi, he hoahoa huatau me te tae kakariki hei whakanoho i te reihi ki runga i ia tohu e tohu ana i nga waa waa. I nga wa katoa ka paatohia e maatau, ka tiimata te maakiri o te taha ngawari.

Wātaka ingoa kore

Wātaka ingoa kore

Ko te waarangi pango anake mai i te raarangi raro. Na ka whakamahia e ia nga tae rereke hei wehewehe i ia tau me te tuhinga i te wa ano me ona rohe. He hihiri tino pai ki te tuku i waenga i ia tuhinga.

Wātaka

Wātaka

Ka whakatakoto tenei waahanga te nako i runga i te kara kākariki ki te kia tino pateko.

Tetahi atu wātaka whakapae

Tetahi atu wātaka

Ka taea tuu i tetahi ahua ki te taha o te mata katoa mo te waaarangi e maarama ana hei whakamahi i te kikorangi me te hina, me nga raupapa porowhita e tohu ana i ia tau.

Kaua e ngaro tetahi atu raupapa tahua i CSS me HTML.


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

Hei tuatahi ki te korero

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.