witola.com

Ég sakna þess að þurfa tíma til að lesa daglega bloggin mín eins og ég notaði til, en rakst á þessa miklu röð frá einum af mínum uppáhalds: Chris Coyier, sem einn staður CSS-Bragðarefur hefur hjálpað mér gífurlega.

Í röð sem hann tekur þig frá hönnun ferli að gera vefsíðu skipulag, til sneið og forritun ferli - þar CSS gerir hönnun koma til lífsins. Næst tekur hann þig í gegnum ferlið við að samþætta þessi kóða inn í CMS (innihald stjórnun kerfi) eins og WordPress. Þessi vegur allt (færslur, straumum, uppfærslur) eru lifandi og vefsvæði breiður. Ég vona að þú gerist áskrifandi að RSS fæða hans, skrá sig út öðrum bloggum hans og njóta röð.

Ég sagði að ég vonaði að það var 4 í röð til að sýna okkur ferlið í prepping og kóðun Myndaalbúm, snerting mynd, innkaupakörfu og Twitter fæða. Við munum öll þurfa að skrá sig aftur inn til að sjá!

Part 1 byrjar alger grunni í Photoshop, með örfáum veitt fjármagn frá viðskiptavininum. Við hönnun heimasíðu og húð fyrir síðuna.

Part 2 sýnir hvernig á að sneiða upp hönnun frá Photoshop í XHTML / CSS.

Part 3 sýnir hvernig til umbreyta það inn í WordPress sniðmát.

1. Opinn a skrá án þess að nota í valmyndum

Einfalt. Tvöfaldur smellur the grár bakgrunnur svæði Photoshop glugga og File Open valmynd birtist - Magic!?

2. Ef grár er illa, Black er Wonderful og hvaða lit er betra!

Til að breyta grár inni mynd gluggi úr grá til svartur (eða lit að eigin vali), Control + Réttur Smellur (Command + hægri smella á Mac) á svæðinu í kringum myndina og veldu lit.

3. Dæmi forgrunni og bakgrunni Colors

Í stað þess að smella á forgrunni eða bakgrunni swatch til að breyta litnum einum safnað úr myndinni skaltu smella á Eyedropper tól og smellur til sýnis á Forgrunnslitur - halda Alt (Option á Mac) til sýnis nýtt bakgrunnslit.

4. Staða í lögun eða Val

Þegar þú ert að teikna form eða val og lögun er fínn en stöðu er rangt, halda halda á mús hnappur og halda rúm eins og þú færir lögun eða val í viðkomandi stöðu. Látið fara í rúm og halda áfram að gera lögun þinn.

5. Fá Val Back

Ef þú hefur misst valið, ýttu á Ctrl + Shift + D (Command + Shift + D á Mac) til að fá það til baka. Ctrl + D (Command + D á Mac) deselects val.

6. Fela og halda

Ef valinn hátíðatjald er farin í vegi þínum, Ctrl + H (Command + H á Mac) munu fela val en samt láta það í stað. Ekki gleyma að kveikja aftur á eða þú gætir furða hvers vegna hlutirnir eru ekki að virka eins og þú búast við þá til að vinna.

7. Sjá hvað þú ert að vinna

Þetta er öllum tíma stærsta minn tími bjargvættur! Þegar þú dregur stór lag frá einu skjali til annars hægt að skoða allt lag og límvatn annast sína með því að Ctrl + smell (Command + Smelltu á Mac) á lag smámynd til að velja það. Síðan er stutt á Ctrl + T (Command + T á Mac) til að skoða umbreyta sér og Ctrl + 0 (núll) (eða Command + 0 á Mac) til að minnka myndina þannig að límvatn sér eru sýnilegar.

8. Stafla eða lína upp litatöflu

Að stafla litatöflur hlið við hlið í sömu valmynd, draga einn stiku yfir aðra þangað til blár lína birtist í kringum það og láta fara. Til að stafla litatöflur einn ofan á öðrum niður skjáinn, draga og sleppa einni stiku inn á bar rétt ofan nafn annars litatöflu er.

9. Engin valmynd Endurstilla hnappur? Já er það!

Hægt er að núllstilla mest Photoshop valmynd á upphaflegar stillingar eða að minnsta kosti sumum útgáfa af upprunalegu stillingarnar með því að halda Alt lykill (Valkostur á Mac) þegar inni í framhaldinu - þegar þú gerir þetta, Cancel hnappinn gerist Endurstilla hnappur.

10. Gæti allt ellipses þín snúa inn Circles

Til að teikna hring með sporöskjulaga hátíðatjald eða hring form, halda Shift takkanum þegar þú hefur byrjað að teikna og sporbaug verða hring. Að draga frá miðju út, halda Alt inni (Valkostur á Mac) og þú byrjar að teikna sporbaug, þá bæta Shift takkann til að gera það í hring - að halda halda bæði lykla fyrr en þú lætur fara hægri músarhnappi.