Video ekrāna apraides 2025, Aprīlis
Nika ilustrācijā galvām bija trīs dažādi slāņi. Tās ir tikai nedaudz atšķirīgas variācijas. Mēs varētu apmainīt attēlus ar animāciju "
Kad es strādāju pie šī dizaina, tika izlaists jQuery 1.8. Šis ir tikai ātrs video, lai paļauties uz to, ka šāda veida lietas notiek, izstrādājot vietnes. "
Mums ir galvenā galerijas galvene, taču tajā trūkst mazo zilo cilvēku, ko Ērika ievietoja oriģinālajā ilustrācijā. Mēs par to bijām runājuši
Mēs tikko ievietojām galerijas pielāgoto galveni, tāpēc, kamēr esam pie tā, turpināsim pievienot vēl vienu pielāgotu galveni. šo izdarīja "
Vietnei ārpus mājas lapas ir septiņas dažādas galvenās jomas. Tātad, es algoju septiņus dažādus ilustratorus dizaina veidošanai. Šis ir pirmais, kāds mēs esam "
Līdz šim mēs koda izmaiņas veicām lokāli, neizmantojot nekādu versiju kontroli. Pieaugot šīs vietnes sarežģītībai, tā kļūst "
Mums ir labs sākums atsaucīgā dizaina izstrādē. Izvēlne ar mazāko ekrāna izmēru tiek sadalīta 2x4 režģī. Tas labi iederas ekrānā, bet "
Mēs pievienojam zināmu atsaucību režģim, kuru esam izveidojuši galerijai. Visplašākajos ekrānos mēs to esam iestatījuši četrās kolonnās. Tad mēs sākam pievienot
Tajā mēs noskaidrojām problēmas, kas mums radās, lai kolonnu izkārtojums tiktu labi ielādēts. Labojums bija noņemt CSS, kas izveidoja "
Mēs sākam iedziļināties galerijas apgabala izkārtojumā, kas man ir bijis prātā kopš šī pārveidošanas procesa sākuma. Galvenokārt "
Mums ir galerijas režģa izkārtojums. Diemžēl tā ielāde ir nedaudz pēkšņa un nelīdzena. Tas ir tāpēc, ka CSS3 kolonnas ir paredzētas
Mēs jau esam pavadījuši nedaudz laika, lai izspiestu lapas, lai mūsu navigācija darbotos (videoklips Nr. 030) un jūs varētu noklikšķināt ap vietni, bet kas atrodas šajās apakšnodaļās "
CSS-Tricks aptaujas ir senas tradīcijas. Viņi ir jautri, apkopo svarīgus svarīgus datus un palielina cilvēku savienojumu ar vietni. Saderināšanās FTW! "
Mēs pārtraucām darbu ar pilnīgi pienācīgu aptaujas logrīku. Tipogrāfija ir tīra un viss ir lieliski lietojams. Tomēr tas nebija gluži pārliecinoši vai jautri. Mēs "
Vietnes galvenās sānjoslas augšējais modulis pieder Treehouse, kā CSS-Tricks galvenajam sponsoram. Pamatojoties uz sarunu, kas man bija ar Raienu Karsonu, "
Meklēšanas dizains darbojas labi, līdz mēs nonākam līdz mūsu mazuļa lāča (mazā mobilā) izmēra pārtraukumam. Mums tur jādara kaut kas savādāk. Mēs izveidojam istabu "
Es domāju, ka pirmo reizi šajā sērijā mēs pievienosim dažas jaunas lietas dizainam tieši, strādājot pārlūkprogrammā (neuzsākot programmā Photoshop)
Ļoti šauri saspiežot darbvirsmas pārlūku, jūs varat iegūt neskaidru priekšstatu par to, kā darbojas adaptīvs dizains, taču tas nav precīzi attēlots
Mūsu izveidotā reklāma ir lieliska lieliem / darbvirsmas izmēra ekrāniem, taču mazos ekrānos tā diezgan ātri sāk izgāzties. Mums jau ir daži lūzuma punkti "
Mēs esam izveidojuši pogas izskatu tā parastajā stāvoklī, taču šāda 3D poga lūdz "nospiestu" stāvokli. Tas, ko mēs darām, ir tumšākas krāsas pievienošana
Mēs sākam ar nolūku pāriet uz HTML un CSS augšējās treehouse reklāmas izveidošanu, kuru mēs tikko izstrādājām, bet, protams, tiekam izslēgti no sliedēm, tiklīdz mēs sākam
Lapas augšdaļā ir ievietots Treehouse reklāmas marķējums, taču mums ir jāveic daži stila darbi. Mēs sākam ar pašu koku grafiku. Mēs esam
Mēs esam atstājuši lielu daudzumu brīvas vietas galvenē. Jau no paša sākuma es zināju, ka tas būs paredzēts CSS-Tricks galvenajam sponsoram Treehouse. Šajā"
Mums ir jāpaveic nedaudz vairāk darba, lai pabeigtu meklēšanas apgabalu. Tikai sekundi mēs nokļūstam sānos, jo pamanīju, ka neesam pievienojuši trīsdimensiju "
Videoklipā Nr. 034 mēs turpinām darbu, kur mēs to pārtraucām, un turpinām veidot meklēšanas apgabalu. Šoreiz mēs koncentrējamies uz "atvērto" meklēšanas, būvēšanas stāvokli "
Mēs nedaudz atpūšamies darbā ar meklēšanu, lai atrisinātu nelielu niecīgu problēmu. "FOUT" ir "Stila teksta zibspuldze". Šī ir parādība, kurā @ font-face "
Tagad, kad esam Photoshopped to, ko mēs ceram sasniegt ar meklēšanas apgabalu, mēs sākām to veidot, izmantojot HTML un CSS. Mums jau ir mūsu ikonas fonts "
CSS-Tricks satur ļoti daudz satura. Tā ir viena no lietām, kas padara dizainu mazliet izaicinošu. Lai gan mēs varam palikt tīri ar dizainu, mēs "
Sākumā mēs spēlējamies ar savu emuāra ziņu moduli, spēlējoties ar atstarpēm. Mēs arī pievienojam nelielu krāsainu kvadrātu moduļa augšējā kreisajā stūrī. "
Šajā ļoti ātrajā videoklipā mēs pievienojam visu nepieciešamo CSS, lai pārliecinātos, ka pašreizējās lapas vienums galvenajā navigācijā tiek izcelts, kad šī lapa ir "