25 Tutorials yekuvandudza mifananidzo neCSS uye jQuery

Css-3-bhokisi-mumvuri-mufananidzo-kuyengerera-mhedzisiro-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

Kana zvasvika pakuvandudza mifananidzo, tinogona kusarudza kuzviita ne Photoshop uye wozoisa pawebhu peji kana isu tinogona zvakare kusarudza sarudzo B: zviite neHTML, CSS neJavascript maitiro aripo.

Mushure mekusvetuka kune hunyanzvi hwakawanda hwekuvandudza mifananidzo, angangoita ese akagadzirwa nejQuery sechigadziko chikuru kana neCSS3 kutora mukana weazvino webhu zviyero, kunyange ini ndichikuyeuchidza iwe kuti pakadaro tinorasikirwa kuenderana nemamwe mabhurawuza.

Ivo vari muChirungu asi vanobatwa pamhepo, vakavimbiswa :)

Kunobva | 1stWD

CSS3 Yakatenderedzwa Mufananidzo NejQuery

Dzidza kuputira chipani che span chakakomberedza chinhu chemufananidzo kuti uwane mifananidzo yakatenderedzwa inozoratidzwa mumabhurawuza ese azvino.

Css-3-yakatenderedzwa-mufananidzo-iine-jquery-mufananidzo-hover-mhedzisiro-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

2.

Akawanda Makashure uye maBorder neCSS 2.1

Dzidza mashandisiro eCSS 2.1 ekunyepedzera-zvinhu kupa anosvika matatu kumashure mabhureki, maviri akagadzika-saizi midhiya yemifananidzo, uye akawanda akaomeswa miganhu yechinhu chimwe HTML chinhu.

Multiple-kumashure-mitsara-css-2-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

3.

Kurumidza Tip: Akawanda maMipendero neRinyore CSS

Kurumidza screencast inokuratidza maitiro ekuzadzikisa miganhu yakawanda neyakareruka CSS nenzira iyoyo kuwedzera kuwedzera kudzika kune ako magadzirirwo. Zvakawanda zvakapusa vhezheni yedzidziso yapfuura.

Kurumidza-tip-akawanda-miganhu-ne-yakapusa-css-mufananidzo-dhizaini-kumashure-kutaridzika-kurudzira-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

4.

Akawanda Mabhodha paDynamically Sized Elements neCSS2

Chechitatu vhezheni ye Nicholas Gallagher kukuratidza zvekuita kana usiri saizi yechinhu.

Multiple-miganhu-inoshanduka-yakakura-yakakura-zvinhu-iine-css-2-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

5.

Nakidzwa w / Border - Beveled, Kumanikidzwa, & Zvimwe!

Dzidza maitiro ekuzadzikisa mhedzisiro neCSS uye mamwe akapusa muganho maitiro ekunyengera kuti uwane akasiyana mhedzisiro.

Ita-kunakidzwa-ne-miganhu-beveled-yakatsikirirwa-yakawanda-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

6.

Polaroids ine CSS3

Dzidza mashandisiro ekushandisa imwe inoshamisa CSS2 neCSS3 kushandura imwe isingafadzi runyorwa rwemifananidzo mune yakazara-yakaputirwa seti yePolaroid mifananidzo.

Polaroids-css-3-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

7.

Yakakwana Yakazara Peji Rekunze Mufananidzo

Dzidza maitiro ekuwedzera kumashure kwechimiro neCSS inozadza peji rese nemufananidzo, isina chena nzvimbo, zviyero mufananidzo sezvazvinodiwa, hazvikonzere scrollbars uye zvimwe zvakawanda.

Yakakwana-izere-peji-kumashure-mufananidzo-kuyengerera-mhedzisiro-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

8.

CSS3 Bhokisi Shadow uye Image Hover Mhedzisiro

Wongorora nzira nyowani yekuwedzera inodonha mumvuri mhedzisiro nekungogadzira dhizaini dhizaini.

Css-3-bhokisi-mumvuri-mufananidzo-kuyengerera-mhedzisiro-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

9.

Fancy Thumbnail Hover Mhedzisiro w / jQuery

Budirira zvakatsetseka -style maitiro neCSS uye jQuery.

Fancy-thumbnail-hover-athari-ne-jQuery-mufananidzo-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

10.

Maitiro Ekugadzira Yakareruka CSS Image Rollover Mhedzisiro

Mune ino dzidzo iwe unozodzidza maitiro ekugadzira yakapusa CSS mufananidzo rollover mhedzisiro ine yakakosha HTML uye CSS dhizaini.

Sei-kugadzira-yakapusa-css-mufananidzo-rollover-mhedzisiro-mufananidzo-hover-mhedzisiro-dhizaini-kumashure-kutaridzika-kufemerwa-kuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

11.

tutorial

Floatutorial inokutora iwe kuburikidza nemisimboti yezvinhu zvinoyangarara senge mifananidzo, madonhwe emakepu, anotevera uye ekumashure mabhatani, emifananidzo emifananidzo, inline zvinyorwa uye akawanda-makoramu marongero. Tarisa uone mana ezvidzidzo akatsaurirwa kumufananidzo uri kuyangarara.

Floatutorial-mufananidzo-dhizaini-kumashure-kuonekera-kurudziro-wedzera-mumvuri-miganhu-gadzira-mifananidzo-mira-kunze

12.

Snazzy Hover Mhedzisiro Uchishandisa CSS

Muchidzidzo ichi, unenge uchienda kunogadzira zvimisikidzo zvemhando yepamusoro zvekusvetuka uchishandisa CSS2.1 zvivakwa.

Snazzy-hover-effect-using-css-image-styling-kumashure-kutaridzika-kukurudzira-kuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

13.

Kurumidza Kumhanyisa Pasina

preload

Paunenge uchishandisa CSS yekumhanyisa mifananidzo, maviri, matatu, kana akawanda mifananidzo anofanirwa kutakurwa (uye kazhinji anotangirwa pamberi peakanakisa mhedzisiro). Dzidza maitiro ekuisa matunhu ese muchifananidzo chimwe chinoita shanduko inechimbichimbi uye inoda hapana preload

Kurumidza-kumhanyisa-pasina-kurodha-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

14.

jQuery Makona Akatenderedzwa

Mazhinji ejQuery mhedzisiro yemakona akapoteredzwa uye mamwe akawanda mapatani.

Yakatenderedzwa-makona-jquery-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

15.

Yakareruka Turu yekushandisa uye Mufananidzo Wakatarisa Uchishandisa jQuery

Ona mienzaniso mitatu yekushandisa jQuery rollover preview script. Ichi chinyorwa chakareruka chinogona kushandiswa nekuda kwezvinangwa zvakasiyana.

Yakareruka-turu-yekushandisa-kuongorora-kushandisa-jquery-mufananidzo-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

16.

Yakasimudzwa - Yakazara Screen Screen /

Slideshow

jquery plugin

Superzided ipulagi yejQuery iyo inoshandura mifananidzo kuti izadze browser paunenge uchichengetedza chiyero chemufananidzo uye macirculi Mifananidzo / kumashure kuburikidza nesiraidhi ine shanduko uye preloading.

Yakasimudzwa-yakazara-yakazara-skrini-kumashure-slideshow-jwuery-plugin-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

17.

PNG Kufukidza

Wati wambomira muchinetso chekugadzira saiti ine mifananidzo yakapihwa nemutengi, chete kuti uwane gare gare mushure mekugadzirisa kwavo kutora mifananidzo yekutanga uye manzwiro haana kuchengetwa? Mhinduro iyi inosanganisira kugadzira yakajeka PNG yekufukidzira iyo inogona kushandiswa se mask / furemu kutenderedza yakajairwa JPEG kana GIF. Nenzira iyi, yekumisikidza CMS inogona kugadzirirwa kuti vashandisi vakwanise kurodha mapikicha vasingatombonetseke nezvekushandisa chero giraidhi chirongwa kuisa mafirita.

Png-pamusoro-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

18.

BeZoom

Kurema uremu

JQuery

zoom-plugin

BeZoom iri nyore uye isingaremi imwe nzira ye JQZoom. Zvakareruka uye zviri nyore kushandisa.

Bezoom-lightweight-jquery-zoom-plugin-mufananidzo-dhizaini-kumashure-kutaridzika-kufemerwa-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

19.

Uchishandisa jQuery Yekumashure Mifananidzo Mifananidzo

Tamba nejQuery uye chinja chinzvimbo chemufananidzo wepashure kuti ugadzire mhando yemhedzisiro yauri kutsvaga. Pane chinyorwa chitsva chinopindura iyo "Ndinoita sei nyika dzinoshanda?" - Kubata Inoshanda Nyika yejQuery Mhuka dzeMukati.

Uchishandisa-jquery-ye-kumashure-mufananidzo-mifananidzo-mufananidzo-dhizaini-kumashure-kutaridzika-kurudzira-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

20.

5 Nzira dzekunongedza Mifananidzo Yako neCSS

Heano mashoma mashoma manyorerwo ekuwedzera imwe tambo kune ako chaiwo bland mifananidzo. Kushandisa Photoshop kudhirowa mufananidzo wega wega kunogona kunetesa uye kunetsa kuchengeta mukufamba kwenguva. Aya anotevera maitiro eCSS achakubatsira kurerutsa marwadzo.

Nzira-kune-zvinonhuwira-kumusoro-yako-mifananidzo-iine-css-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

21.

Sei Ku:

Inogadziriswa

Background Image

Dzidza maitiro ekumisikidza resizeable kumashure mufananidzo neCSS. Iwe une 3 sarudzo dzaunosarudza kubva.

Sei-kugadzirisa-kumashure-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

22.

Dhizaina Yako Mifananidzo Zvinongedzo

Kurega vashandisi vazive icho chakatarwa chikamu chewebhu webhusaiti chinorehwa kudzvanywa pairi chinonyanya kuwanikwa kuburikidza negonzo pamusoro pekuita. Izvo "zvinotsikika" zvikamu zvirokwazvo zvinosanganisira zvemukati zvemifananidzo. Image Link iri script inoita kuti iwe ugone kuisa yekuwedzera dhizaini kune ako emifananidzo zvinongedzo.

Chimiro-chako-chemufananidzo-chinongedzo-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

23.

Akawanda Background Mifananidzo neCSS

Dzimwe nguva, zvine musoro kushandisa mifananidzo yepashure pane kuiisa yakananga papeji. Uye nepo chinhu chimwe nechimwe - senge tag yemuviri wako - ichigona kubata chete kumashure mufananidzo, iwo anogona kuiswa kune akati wandei zvinhu.

Multiple-kumashure-mifananidzo-iine-css-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-yekuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

24.

Mifananidzo Border neCSS

Chaizvo nyore dzidziso inokuratidza maitiro ekuwedzera solid muganhu kumifananidzo uchishandisa CSS.

Mifananidzo-miganho-ne-css-mufananidzo-dhizaini-kumashure-kutaridzika-kurudziro-wedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze

25.

CSS Sprites pasina Kushandisa Background Mifananidzo

Dzidza maitiro ekushandisa hover maitiro pasina yakawanda ruzivo nezve CSS sprites.

Css-sprites-isina-kushandisa-kumashure-mifananidzo-mufananidzo-dhizaini-kumashure-kutaridzika-kukurudzira-kuwedzera-mumvuri-miganho-gadzira-mifananidzo-mira-kunze


Siya yako yekutaura

Your kero e havazobvumirwi ichibudiswa. Raida minda anozivikanwa ne *

*

*

  1. Inotarisira iyo data: Miguel Ángel Gatón
  2. Chinangwa cheiyo data: Kudzora SPAM, manejimendi manejimendi.
  3. Legitimation: Kubvuma kwako
  4. Kutaurirana kwedata
  5. Dhata yekuchengetedza: Dhatabhesi inobatwa neOccentus Networks (EU)
  6. Kodzero: Panguva ipi neipi iwe unogona kudzora, kupora uye kudzima ruzivo rwako