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.
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.
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.
4.
Akawanda Mabhodha paDynamically Sized Elements neCSS2
Chechitatu vhezheni ye Nicholas Gallagher kukuratidza zvekuita kana usiri saizi yechinhu.
5.
Nakidzwa w / Border - Beveled, Kumanikidzwa, & Zvimwe!
Dzidza maitiro ekuzadzikisa mhedzisiro neCSS uye mamwe akapusa muganho maitiro ekunyengera kuti uwane akasiyana mhedzisiro.
6.
Polaroids ine CSS3
Dzidza mashandisiro ekushandisa imwe inoshamisa CSS2 neCSS3 kushandura imwe isingafadzi runyorwa rwemifananidzo mune yakazara-yakaputirwa seti yePolaroid mifananidzo.
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.
8.
CSS3 Bhokisi Shadow uye Image Hover Mhedzisiro
Wongorora nzira nyowani yekuwedzera inodonha mumvuri mhedzisiro nekungogadzira dhizaini dhizaini.
9.
Fancy Thumbnail Hover Mhedzisiro w / jQuery
Budirira zvakatsetseka -style maitiro neCSS uye jQuery.
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.
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.
12.
Snazzy Hover Mhedzisiro Uchishandisa CSS
Muchidzidzo ichi, unenge uchienda kunogadzira zvimisikidzo zvemhando yepamusoro zvekusvetuka uchishandisa CSS2.1 zvivakwa.
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
14.
jQuery Makona Akatenderedzwa
Mazhinji ejQuery mhedzisiro yemakona akapoteredzwa uye mamwe akawanda mapatani.
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.
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.
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.
18.
BeZoom
Kurema uremu
JQuery
zoom-plugin
BeZoom iri nyore uye isingaremi imwe nzira ye JQZoom. Zvakareruka uye zviri nyore kushandisa.
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.
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.
21.
Sei Ku:
Inogadziriswa
Background Image
Dzidza maitiro ekumisikidza resizeable kumashure mufananidzo neCSS. Iwe une 3 sarudzo dzaunosarudza kubva.
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.
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.
24.
Mifananidzo Border neCSS
Chaizvo nyore dzidziso inokuratidza maitiro ekuwedzera solid muganhu kumifananidzo uchishandisa CSS.
25.
CSS Sprites pasina Kushandisa Background Mifananidzo
Dzidza maitiro ekushandisa hover maitiro pasina yakawanda ruzivo nezve CSS sprites.