Vaizdo įrašų ekranai 2025, Sausis
Niko iliustracijoje buvo trys skirtingi galvos sluoksniai. Tai tik šiek tiek skirtingi variantai. Vaizdus galėtume sukeisti animacija "
Kai dirbau prie šio dizaino, buvo išleistas „jQuery 1.8“. Tai tik greitas vaizdo įrašas, kuriame pasikliaujama tuo, kad tokie dalykai vyksta kuriant svetaines "
Mes turime pagrindinę galerijos antraštę, tačiau trūksta mažų mėlynų žmonių, kuriuos Erica įdėjo į originalią iliustraciją. Mes apie tai kalbėjome
Ką tik gavome tinkintą „Galerijos“ antraštę, taigi, kol pasieksime, toliau tęskime kitą tinkintą antraštę. šį padarė “
Už pagrindinio puslapio yra septynios skirtingos pagrindinės svetainės sritys. Taigi, pasamdžiau septynis skirtingus iliustratorius kurti. Tai pirmas mes "
Iki šiol kodą keisdavome vietoje nenaudodami jokios versijų kontrolės. Didėjant šios svetainės sudėtingumui, tai tampa "
Mes gerai pradedame reaguojantį dizainą. Mažiausio ekrano dydžio meniu suskirstomas į 2x4 tinklelį. Jis puikiai tinka ekrane, bet "
Galerijoje sukurtą tinklelį mes šiek tiek reaguojame. Plačiuose ekranuose jį nustatėme keturiuose stulpeliuose. Tada mes pradedame pridėti "
Mes išsiaiškinome problemas, su kuriomis susidūrėme, kad stulpelių išdėstymas būtų gerai įkeltas. Taisymas buvo pašalinti CSS, kuris padarė „
Mes pradedame gilintis į galerijos srities išdėstymą, kuris man sukosi galvoje nuo šio pertvarkymo proceso pradžios. Daugiausia"
Galerija turi tinklelio išdėstymą. Deja, jo pakrovimas yra šiek tiek staigus ir nerangus. Taip yra todėl, kad CSS3 stulpeliai yra skirti
Mes jau praleidome šiek tiek laiko, kad pašalintume puslapius, kad mūsų naršymas veiktų (vaizdo įrašas Nr. 030) ir jūs galėtumėte spustelėti svetainėje, bet kas yra tose dalyse "
Yra sena CSS-Tricks apklausų tradicija. Jie yra įdomūs, renka gerus svarbius duomenis ir stiprina žmonių ryšį su svetaine. Užsiėmimas FTW! "
Mes palikome visiškai padorų apklausų valdiklį. Tipografija yra švari ir viskas puikiai tinka. Tačiau tai nebuvo visai įtikinantis ar įdomus. Mes"
Viršutinis pagrindinės svetainės šoninės juostos modulis priklauso „Treehouse“, kaip pagrindiniam „CSS-Tricks“ rėmėjui. Remiantis pokalbiu, kurį turėjau su Ryanu Carsonu “,
Paieškos dizainas veikia gerai, kol pasiekiame „kūdikio meškos“ (mažo mobiliojo) dydžio pertrauką. Mes ten turime padaryti kažką kitaip. Mes padarome kambarį "
Manau, kad pirmą kartą šioje serijoje mes pridėsime keletą naujų dalykų tiesiai į dizainą dirbdami naršyklėje (neprasidėję „Photoshop“)
Labai siaurai nuspaudus darbalaukio naršyklę, galite neaiškiai suprasti, kaip veikia reaguojantis dizainas, tačiau tai nėra tikslus „
Mūsų sukurtas skelbimas puikiai tinka dideliems / darbalaukio dydžio ekranams, tačiau mažesniuose ekranuose jis pradeda gana greitai sugesti. Jau turime keletą lūžių taškų "
Sukūrėme mygtuko išvaizdą įprastoje būsenoje, tačiau toks 3D mygtukas prašo „pastumtos“ būsenos. Tai, ką darome, yra pridėti tamsesnę spalvą "
Pradedame nuo ketinimo pereiti į HTML ir CSSį viršų „Treehouse“ skelbimą, kurį ką tik sukūrėme, bet, žinoma, iškart paleidžiame nuo bėgių, kai tik pradėsime “
Puslapio viršuje turime „Treehouse“ skelbimo žymėjimą, tačiau turime atlikti tam tikrą stiliaus darbą. Pradedame nuo pačios medžio grafikos. Mes
Antraštėje palikome daug laisvos vietos. Nuo pat pradžių žinojau, kad tai bus pagrindinis CSS-Tricks rėmėjas Treehouse. Šiame"
Mes turime šiek tiek daugiau dirbti, kad užbaigtume paieškos sritį. Mes patekome į šalį vos sekundę, nes pastebiu, kad nepridėjome trimačio "
Vaizdo įraše Nr. 034 tęsiame ten, kur baigėme, ir toliau kuriame paieškos sritį. Šį kartą daugiausia dėmesio skirsime „atvirai“ paieškos būklei, statybai “
Truputį pertraukiame dirbdami paiešką, kad išspręstume nedidelį dalyką. „FOUT“ yra „nestilingo teksto blykstė“. Tai reiškinys, kai @ font-face "
Dabar, kai „Photoshopp“ pasirinkome tai, ką tikimės pasiekti naudodami paieškos sritį, ėmėmės jos kurti naudodami HTML ir CSS. Mes jau turime savo piktogramos šriftą "
CSS-Tricks yra daug turinio. Tai vienas iš dalykų, dėl kurio dizainas tampa šiek tiek sudėtingas. Nors mes galime išlikti švarūs dėl dizaino, mes
Pradedame nuo žaidimo su savo tinklaraščio įrašų moduliu, blaškydamiesi tarpais. Viršutiniame kairiajame modulio kampe taip pat pridedame mažą spalvotą kvadratą "
Šiame itin greitame vaizdo įraše pridedame visą CSS, būtiną norint įsitikinti, kad dabartinis puslapio elementas pagrindinėje naršymo srityje bus paryškintas, kai tas puslapis yra