Conţinut
- Ați scris o carte numită Schițare cu CSS. Schițând? Sigur pentru asta este Photoshop?
- Când vine vorba de proiectarea în browser, care este secretul succesului?
- Ce este cheia creării unor planuri foarte complexe?
- Privind la CSS și cum se dezvoltă, ce te face cel mai încântat?
- Ai auzit vreo glumă bună pe CSS recent?
Sean Fioritto, antreprenorul și dezvoltatorul web din Chicago, programează de la 12 ani și face lucruri interesante pentru designerii de web. În prezent își lansează propria afacere mică. L-am ajuns din urmă să vorbim cu CSS.
Ați scris o carte numită Schițare cu CSS. Schițând? Sigur pentru asta este Photoshop?
Nu vreau să fac cârpă prea mult pe Photoshop, pentru că își are locul, dar cred că majoritatea dintre noi știm că ar fi ideal dacă am lucra mai mult în cod și Photoshop mai puțin. Aceasta este o schimbare descurajantă în gândire și flux de lucru pentru mulți designeri și agenții.
Un lucru este să te așezi și să recreezi un comp Photoshop complet cu HTML și CSS, dar să creezi designul, în browser, de la început? Mulți designeri simt că nu pot fi creativi atunci când încearcă să scrie cod și să proiecteze în același timp.
Dar dacă scrierea CSS a fost la fel de ușoară ca schițarea? Vă puteți apropia destul de mult cu instrumentele potrivite și tehnica potrivită, și asta este ceea ce acoper eu în carte.
Când vine vorba de proiectarea în browser, care este secretul succesului?
De ani de zile, mantra a fost „design în browser”, dar mulți designeri de web nu se simt confortabil să se scufunde direct în cod. Scrierea codului le ucide creativitatea. În trecut, dacă ați scris cod, a fost o sarcină separată în fluxul de lucru. Când proiectați în browser, toate flotările brute, divs-urile și formularele sunt amestecate în procesul dvs. creativ.
Au existat întotdeauna oameni care merg mereu direct la browser și nu au probleme, așa cum o fac? Secretul este să nu vă gândiți la implementare, așa că, atunci când vă întrebați „cum ar arăta trei coloane aici?”, Puteți face acest lucru și nu trebuie să treceți în modul de rezolvare a puzzle-urilor.
Designerii web care au succes în proiectarea în browser au un arsenal de instrumente pentru a crea efectele pe care le caută în browser. Nu trebuie să întrebe Google cum să facă ceva de fiecare dată, astfel încât să poată intra într-un flux: să aibă idee, să scrie cod, să reîmprospăteze browserul, să repete.
Ce este cheia creării unor planuri foarte complexe?
Cheia este să aveți un set de modele pe care să le puteți amesteca și potrivi pentru a crea orice aspect doriți. Dacă doriți să fiți cu adevărat avansat, puteți completa aceste modele într-un sistem similar cu sistemul dvs. personalizat de rețea, care este ceva pe care îl acoper în carte. Acest lucru funcționează din două motive: cu cât sunteți mai familiarizați cu un model, cu atât mai puțin trebuie să vă gândiți la el, așa că [veți petrece] mai puțin timp nedumerind cum va funcționa. De asemenea, atunci când utilizați modele, evitați clase întregi de bug-uri. Știți că va funcționa și nu veți fi blocați cerând Google sau unui coleg să vă ajute să vă dați seama de ce este defect.
Privind la CSS și cum se dezvoltă, ce te face cel mai încântat?
Flexbox. Aspectul din browser este o problemă, dar Flexbox o remediază. I-am dedicat un capitol în carte și am și o serie de tutoriale video gratuite.
Asistența pentru browser nu este încă completă, deci nu puteți utiliza Flexbox în fiecare proiect. Dar, cel puțin pentru mine, Flexbox este atât de ușor de utilizat, încât îl voi folosi pentru a face o machetă și apoi să mă întorc și să o reimplementez cu flotante sau orice altceva când am terminat. Deci, cred că Flexbox ar trebui să aibă un loc în cutia de instrumente CSS chiar acum și, pentru câțiva norocoși cu clienți care utilizează browsere moderne, ar putea chiar să-și facă loc în producție.
Ai auzit vreo glumă bună pe CSS recent?
Există un cont Twitter, cred că este destul de amuzant: @CSSHumor. Iată un exemplu: .bus> .wheel {-webkit-animation: spin; } .
Cuvinte: Martin Cooper
Acest articol a apărut inițial în revista nr 252.
