Tisuće savjete CSS, PHP, skripte. Korisni tutoriali i video savjeta

Dobro smo započeli s responzivnim dizajnom. Izbornik na najmanjim veličinama zaslona rastavlja se na mrežu 2x4. Lijepo stoji na ekranu, ali "

Do sada smo lokalno mijenjali kod bez korištenja bilo kakve kontrole verzije. Kako se kompleksnost ove stranice povećava, to postaje "

Postoji sedam različitih glavnih područja stranice izvan početne stranice. Dakle, unajmio sam sedam različitih ilustratora da rade dizajne. Ovo je prvo što jesmo "

Upravo smo pripremili prilagođeno zaglavlje za Galeriju, pa nastavimo dodavati još jedno prilagođeno zaglavlje. ovaj je uradio "

Imamo osnovno zaglavlje galerije, ali nedostaju mali plavi ljudi koje je Erica stavila na originalnu ilustraciju. O tome smo razgovarali u "

Dok sam radio na ovom dizajnu, objavljen je jQuery 1.8. Ovo je samo brzi video kako biste se pouzdali u činjenicu da se takve stvari događaju dok razvijate web stranice "

Nickova ilustracija imala je tri različita sloja za glave. To su samo malo različite varijacije. Slike bismo mogli zamijeniti animacijom "

Kao što znate, neki od oglasa na CSS-trikovima su nekako "samostalni", poput glavnog sponzora na Treehouseu. Uzeo sam to jer je to samo jedan "

Sad kad točno znamo s kojim zonama radimo, vraćamo se u Photoshop i ismijavamo kako želimo da ove oglasne zone izgledaju. Imamo presedan za "

Jedino što sada nedostaje zaglavlju naših carinskih foruma je dio koji zapravo kaže "Forumi"! Nick je ilustrirao ruku koja drži znak koji je značio "

Imamo maketu kako želimo da naše zone BuySellAds izgledaju, pa krenimo u stvarnost. Web stranica BuySellAds pruža kôd koji nam treba "

Imamo još jednu BSA zonu koja se integrira na web mjesto. Ovaj bi trebao biti malo lakši jer već imamo JavaScript na mjestu i to je samo "

S našim dizajnom za podnožje koji je spreman za rad u Photoshopu, možemo ga početi ugrađivati ​​u našu statičnu HTML i CSS maketu. Prvi korak je davanje "

Krenimo na veliko putovanje koje je podnožje! CSS-Tricks je uvijek imao sjajno podnožje i ovaj dizajn neće biti iznimka. Nije čisto "

U ovom screencastu spuštamo se na još nekoliko Photoshoppinovih poslova, postavljajući najdonje podnožje s vezama na moja dva najveća druga projekta, CodePen "

Radimo na izradi dizajna podnožja u Photoshopu. Brzi podsjetnik: Radim u Photoshopu jer se tamo osjećam kreativnije prije nego što preskočim "

Ovo je posljednji Photoshop rad koji ćemo obaviti posebno u vezi s podnožjem prije nego što prijeđemo na njegovu stvarnu izgradnju. U ovom screencast-u "

S postavljenom HTML strukturom za podnožje, imamo ono što nam je potrebno da započnemo s oblikovanjem i da ovo podnožje izgleda poput onoga što smo dizajnirali u Photoshopu. "

Ušla je glava isječaka, ovaj put Reagana Raya. Provodimo malo vremena u Photoshopu, ovaj put malo premećući stvari kako bismo bili sigurni da "

U ovom screencast-u fokusiramo se na linije ispod veza u gornjem dijelu podnožja. Nekako se spotaknemo oko smisla koje bi stvari trebale "