witola.com

I miss li l-ħin biex taqra l-ġurnali ta 'kuljum tiegħi bħal I użati biex, iżda sab din is-serje kbira minn wieħed mill Favourites tiegħi: Chris Coyier, li wieħed sit CSS l-tricks għenni immens.

Fis-serje hu tieħdok mill-proċess tad-disinn ta 'teħid ta' tqassim fis-sit għall-proċess tqattigħ u l-kodifika - fejn CSS jagħmel id-disinn ġejjin għall-ħajja. Li jmiss hu tieħdok permezz tal-proċess ta 'integrazzjoni li kodiċi fis-CMS (sistema ta' ġestjoni kontenut) bħal WordPress. Dan il-mod kollox (postijiet, għalf, aġġornamenti) huma dinamiċi u sit wiesgħa. Nispera inti tabbona għal RSS feed tiegħu, check out blogs oħra tiegħu u jgawdi l-serje.

I kkummentaw li I ttamat kien hemm 4 fis-serje li juruna l-proċess prepping u ta 'kodifikazzjoni-gallerija tar-ritratti, formola ta' kuntatt, shopping CART u l-għalf Twitter. Aħna ser kollha għandhom jiċċekkjaw lura fl biex tara!

Parti 1 jibda mill-bidu assoluta fil Photoshop, biss bi ftit riżorsi pprovduti mill-klijent. Aħna disinn il-homepage u l-ġilda għas-sit.

Parti 2 turi kif jaqsmu l-disinn mill Photoshop fis XHTML / CSS.

Parti 3 juri kif jissarfu fi template WordPress.

1. Jiftaħ Fajl mingħajr ma tuża l menus

Sempliċi. Double click-qasam sfond griż tat-tieqa Photoshop u l-dialog Open File jidher - magic!

2. Jekk griż huwa matt, Iswed huwa Wonderful u kull Kulur huwa aħjar!

Biex jinbidlu l-griż ġewwa tieqa immaġini minn griż għal iswed (jew kulur ta 'l-għażla tiegħek), Kontroll + Dritt Ikklikkja (Kmand + Ikklikkja Dritt fuq il-Mac) fuq iż-żona madwar l-immaġni u tagħżel kulur.

3. It-tagħrif miksub tal-kampjun u kuluri Sfond

Minflok tikklikkja fuq il-tagħrif miksub jew swatch isfond li jibdlu l-kulur għal wieħed kampjun mill-immaġni, ikklikkja l-għodda Eyedropper u kklikkja li jittieħdu kampjuni kulur miksub - ikollhom Alt (Għażla fuq il-Mac) li jittieħdu kampjuni kulur fl-isfond ġdid.

4. Pożizzjoni 1 Forma jew Għażla

Meta inti qed tfassil forma jew għażla u l-forma hija multa iżda l-pożizzjoni hija żbaljata, iżommu istiva tal-mouse button u jżommu l-spacebar kif inti timxi il-forma jew għażla fil-pożizzjoni mixtieqa. Itlaq l-spacebar u jkomplu jagħmlu forma tiegħek.

5. Get a Għażla Lura

Jekk inti tilfu l-għażla tiegħek, agħfas Ctrl + Shift + D (Kmand + Shift + D fuq il-Mac) biex tiksbu lura. Ctrl + D (Kmand + D fuq il-Mac) deselects-għażla.

6. Aħbi u Żomm

Jekk l-marquee għażla hija jkollna fil-mod tiegħek, Ctrl + H (Kmand + H fuq il-Mac) se jaħbu l-għażla iżda xorta jħallu fil-post. Tinsiex li jduru lura fuq jew inti jista 'jistaqsi għaliex l-affarijiet ma jkunux qed jaħdmu l-mod inti tistenna li jaħdmu.

7. Ara dak li qed Ħidma Fuq

Dan huwa l-ħin tiegħi saver żmien akbar! Meta inti drag saff kbir minn dokument wieħed għall-ieħor tista 'tara l saff kollu u manki daqs tagħha billi Ctrl + Ikklikkja (Kmand + Ikklikkja fuq il-Mac) fuq il-minjatura saff li tagħżel hi. Imbagħad agħfas Ctrl + T (Kmand + T fuq il-Mac) biex tara l-manki jittrasformaw u Ctrl + 0 (żero) (jew Kmand + 0 fuq il-Mac) biex tiċkien il-immaġni sabiex il-manki daqs huma kollha viżibbli.

8. Munzell jew linja up paletti

Biex jistivaw paletti ħdejn xulxin fl-dialog istess, drag 1 paletta fuq l-oħrajn sakemm linja blu jidher madwaru u itlaq. Biex jistivaw paletti waħda fuq l-oħra l isfel l-iskrin, drag u qatra waħda paletta fuq il-bar eżatt fuq isem ieħor paletta tal.

9. Le buttuna Irrisettja dialog? Iva hemm!

Tista reset dialogs aktar Photoshop għas-settings oriġinali tagħhom jew mill-inqas xi verżjoni tal-settings oriġinali billi żżomm il-buttuna Alt magħfusa (Għażla fuq il-Mac) meta ġewwa l-dialog - meta inti tagħmel dan, il-buttuna Ikkanċella dawriet fi buttuna Irrisettja.

10. Mejju kollha elissi tiegħek jduru fis Circles

Biex jagħmel ċirku bl-użu marquee ellittika jew forma ċirku, żomm il-buttuni Shift ladarba inti ħadthom beda tpinġija u l-ellissi se jsiru ċirku. Biex tiġbed miċ-ċentru barra, żomm il-buttuna Alt magħfusa (Għażla fuq il-Mac) kif tibda tfassil ellissi, imbagħad żid il-buttuni Shift li jagħmilha ċirku - iżommu azjenda kemm ċwievet sakemm inti itlaq il-buttuna dritt maws.