25 Akoranga hei whakapai ake i nga whakaahua me te CSS me te jQuery

Css-3-pouaka-atarangi-atarangi-hover-effects-image-styling-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

A, no te whakapai ake i nga whakaahua ka taea e taatau te whiriwhiri me te whakamahi i te Whakaahua Whakaahua ka whakairihia ki te whaarangi paetukutuku ka taea ranei te whiriwhiri i te whiringa B: mahia ma nga mahinga HTML, CSS me te Javascript e waatea ana.

Whai muri i te peke, he maha nga tikanga hei whakapai ake i nga whakaahua, tata katoa i hangaia me te jQuery hei turanga matua me te CSS3 ranei. te whakamahi i nga paerewa paetukutuku hou, ahakoa kei te whakamahara atu ahau ki a koe mena ka ngaro te hototahi me etahi kaitirotiro.

Kei te reo Ingarihi ratou engari kua mau raatau ki te rere, i oati :)

Puna | 1stWD

CSS3 Atahanga Porotaka Me te jQuery

Me ako ki te takai i tetahi tohu awhi i te ahua o te ahua hei whakatutuki i nga whakaahua porohita ka whakaatuhia mai ki nga kaitirotiro hou katoa.

Css-3-porowhita-whakaahua-me-jquery-whakaahua-whakaparo-hua-whakaahua-kāhua-papamuri-ahua-hihiri-tāpiri-atarangi-rohe-hanga-whakaahua-tu-waho

2.

He maha nga papamuri me nga Taitapa me te CSS 2.1

Akohia me pehea te whakamahi i te CSS 2.1 pseudo-huanga hei whakarato ki te 3 nga papamuri papamuri, e rua nga whakaahua whakaaturanga-rahi, me nga rohe uaua mo te waahanga HTML kotahi.

-Tauira-maha-rohe-css-2-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

3.

Tohu Tere: He Taitapa Maha me te CSS ngawari

Ka whakaatuhia e te kaitautoko tere te whakaatu ki a koe me pehea te whakatutuki i nga rohe maha me te CSS ngawari kia pai ai te taapiri ki o hoahoa. He waahanga ngawari ake o te akoranga o mua.

Tere-matamata-maha-rohe-me-ohie-css-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

4.

Taitapa Maha i runga i nga Huinga Rahi Hihiko me te CSS2

Tuhinga o mua Nicholas Gallagher te whakaatu ki a koe he aha te mahi mena kaore koe i te rahi o te waahanga.

He maha nga rohe-he-nui-te-rahi-huira-me-css-2-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

5.

Kia Ngahau Te W / Taitapa - Te Peepi, Te Taarua, me te Maha Atu!

Akohia me pehea te whakatutuki i nga painga ka peehia ki te CSS me etahi maamaa o te taatai ​​rohe kia ngawari ai nga paanga.

He-ngahau-me-nga-rohe-nui-kua-puhia-atu-te-taahua-papamuri-ahua-whakaawe-tapiri-atarangi-rohe-hanga-whakaahua-tu-waho

6.

Polaroids me CSS3

Akohia me pehea te whakamahi i te CSS2 whakamataku me te CSS3 hei huri i tetahi raarangi o nga whakaahua kaore i te ahua ki nga whakaahua Polaroid kua pupuhi.

Polaroids-css-3-whakaahua-whakarakau-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua

7.

Whakaahua Katoa Papamuri Whakaahua

Akohia me pehea te taapiri i te ahua papamuri me te CSS e whakaki ana i te whaarangi katoa ki te ahua, kaore he waahi ma, he unahi te ahua e hiahiatia ana, kaore he take panuku me etahi atu.

Tino-Katoa-Papamuri-Whakaahua-Hover-effects-Whakaahua-Whakakapi-Papamuri-Whakaahua-Whakauru-Taapiri-Atarangi-Taonga-Whakaahua-Tu-Whakaahua

8.

Atarangi Pouaka CSS3 me nga Punga Whakaahua o te Whakaahua

Tirohia tetahi huarahi hou hei taapiri i nga paarua o te atarangi ma te whakatika noa i te pepa taera.

Css-3-pouaka-atarangi-atarangi-hover-effects-image-styling-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

9.

Huri Karorirori Huri Puri w / jQuery

Whakatutukihia te maamaa-aahua ma te CSS me te jQuery.

-Whakaahua-karakara-hover-hua-me-jquery-whakaahua-taitara-papamuri-ahua-hihiri-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

10.

Me Pehea Te Hanga I Te Whakaaetanga CSS Whakaahua Rawa

I tenei akoranga ka akohia e koe me pehea te hanga i te whakaahuatanga ahua CSS ngawari me te tohu HTML me te CSS.

Pehea-ki-te hanga-ohie-css-image-rollover-effect-image-hover-effects-image-styling-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

11.

Flotutorial

Ma te Floatutorial koe e kawe ki nga mea timatanga e rere ana penei i nga whakaahua, nga potae taka, nga patene o muri me muri, ara whakaahua, raarangi raarangi me nga whakatakotoranga pou-maha. Tirohia nga akoranga e 4 kua whakatapua mo te ahua e rewa ana.

Whakaahua-Whakaahua-Whakaahua-Papamuri-Whakaahua-Whakaoho-Hoatu-Atarangi-Taonga-Whakaahua-Tu-Tu-waho

12.

Snazzy Hover Pānga Ma te CSS

I tenei akoranga, ka taea e koe te hanga tikanga whakarakei ngawari ma te whakamahi i nga taonga CSS2.1.

Whakaahua-Whakauru-Whakauru-whakamahi-CSS-Whakaahua-Whakaahua-Whakaahua-Whakaoho-Whakauru-Atarangi-rohe-hanga-Whakaahua-Tu-waho

13.

Rollovers Tere Kore

Whakapaingia

A, no te whakamahi i nga rollovers ahua CSS, e rua, e toru, neke atu ranei o nga whakaahua me uta (a he maha nga wa ka whakapaehia mo nga hua pai). Akohia me pehea te whakauru i nga ahua katoa ki te ahua kotahi ka tere ake te whakarereke me te kore e hiahiatia he prereere.

-Rollovers tere-kore-preload-image-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

14.

jQuery Konga Porotaka

He maha nga painga jQuery mo nga kokonga porowhita me te maha atu o nga tauira.

Whakaahua-a-tihi-whakaahua-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua

15.

Utautauta Maama me te Arokite Atahanga Ma te whakamahi i te jQuery

Tirohia nga tauira e 3 o te whakamahi i te tuhinga tuhi arokite jQuery rollover. Ka taea te whakamahi i tenei tuhinga maamaa mo nga momo kaupapa.

Utautauta-maatauranga-tirohanga-whakamahi-jquery-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

16.

Supersized - Papamuri Mata Katoa /

Whakaaturanga

jQuery Mono

Ko te Superzided he mono jQuery e whakarahi ana i nga whakaahua hei whakakii i te kaitirotiro i te wa e pupuri ana i te waahanga o te atahanga me te huringa Whakaahua / papamuri ma te whakaatakiriata me nga whakawhitinga me nga korero o mua.

Supersized-full-screen-background-slideshow-jwuery-plugin-image-styling-backgrounds-penampilan-faaururaa-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

17.

PNG Paparua

Kua raru koe i te hanga i tetahi papaanga me nga pikitia a te kaihoko, kia kitea i muri mai i muri i te whakahou i a raatau whakaahua kaore e mau tonu te ahua me te ahua? Ko tenei otinga ko te hanga i tetahi paparua PNG paparua ka taea te whakamahi hei kopare / anga huri noa i te JPEG me te GIF noa. Ma tenei, ka taea te whirihora i tetahi whakauru CMS kia taea ai e nga kaiwhakamahi te tuku whakaahua me te kore e manukanuka ki te whakamahi i tetahi kaupapa whakairoiro hei whakamahi i nga taatari.

Png-whakakikorua-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

18.

BeZoom

Whakaporo

JQuery

Mono Tono

He maamaa te maamaa a BeZoom JQZoom. He maama ake, he maama ake ki te whakamahi.

He-whakaahua-ngawari-jquery-topa-monomai-ahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

19.

Te whakamahi i te jQuery mo nga Whakaahua Whakaahua Whakaahua

Taakaro ki te jQuery ka huri i te waahi o muri ki te hanga i te momo painga e rapuhia ana e koe. He tuhinga hou e whakautu ana i te "Me pehea taku whakahaere i nga ahua hohe?" - Te Whakahaere i te Rohe Hohe mo nga Papamuri Karakia jQuery.

Te whakamahi-jquery-mo-muri-whakaahua-waituhi-whakaahua-whakarereke-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

20.

5 Nga Huarahi Hei Whakakakara I O Atahanga me te CSS

Anei etahi tinihanga ngawari hei taapiri i tetahi mea reka ki o ahua mauri hangai. Ko te whakamahi i te Whakaahua Whakaahua ki te whakariterite i ia ahua ka raru, ka uaua ki te pupuri i roto i te wa roa. Ko enei mahinga CSS e whai ake nei ka awhina i a koe ki te mauiui i taua mamae.

Whakaahua-ki-te-kakara-i-to-whakaahua-me-css-whakaahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

21.

Pehea Hei:

Whakawhiti ana

Atahanga Papamuri

Akohia me pehea te whakarite i te ahua papamuri kia rahi me te CSS. E 3 nga waahanga hei whiriwhiri maau.

He-pehea-te whakarereke-i-muri-ahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

22.

Whakakakahuhia o Hononga Whakaahua

Ko te whakamohio atu ki nga kaiwhakamahi ko tetahi waahanga o ta maatau paetukutuku te tikanga kia paatohia ka tutuki pai ma te kiore e tino whai mana ana. Ko era waahanga "paatohia" ka uru atu ki nga whakaahua ihirangi. Ko te Hononga Whakaahua tetahi tuhinga e taea ai e koe te whakauru taapiri ki o hono hono.

Whakaahua-to-ahua-hono-ahua-taitara-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

23.

Nga Whakaahua Papamuri Maha me te CSS

I etahi waa, he mea nui ake te whakamahi i nga whakaahua papamuri i te whakauru tika ki te whaarangi. Ahakoa ko ia waahanga - penei i te tohu o to tinana - kotahi noa te ahua o te papamuri, ka taea te whakamahi ki etahi waahanga.

He-maha-papamuri-whakaahua-me-CSS-whakaahua-whakariterite-whakaaturanga-hihiri-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho

24.

Taitapa Atahanga me te CSS

Akoranga ngawari rawa e whakaatu ana me pehea te taapiri i te taapiri totika ki nga whakaahua ma te CSS.

Whakaahua-rohe-me-CSS-whakaahua-whakakapi-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua

25.

CSS Sprite me te kore e whakamahi i nga Whakaahua Papamuri

Akohia me pehea te whakamahi i te awhi whakaparo me te kore matauranga mo nga CSS sprite.

Css-sprites-kaore-whakamahi-i-muri-whakaahua-whakaahua-taahua-papamuri-ahua-whakaawe-taapiri-atarangi-rohe-hanga-whakaahua-tu-waho


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.