Video ekraanikuva 2025, Aprill
Nicki illustratsioonil oli peade jaoks kolm erinevat kihti. Need on lihtsalt veidi erinevad variatsioonid. Saime pilte animatsiooni abil vahetada "
Kui töötasin selle kujunduse kallal, anti välja jQuery 1.8. See on lihtsalt kiire video, et toetuda asjaolule, et sellised asjad juhtuvad saitide arendamisel "
Meil on põhigalerii päis paigas, kuid puudu on sinistest väikestest inimestest, kelle Erica originaalsesse illustratsiooni pani. Me olime sellest rääkinud
Saime just galerii kohandatud päise paika, nii et jätkame jätkates veel ühe kohandatud päise lisamist. selle tegi "
Kodulehe taga on saidi seitse erinevat peamist ala. Nii palkasin disaini tegemiseks seitse erinevat illustraatorit. See on esimene, kes me oleme "
Siiani oleme koodi muutnud lokaalselt, ilma et kasutaksime mingisugust versioonihaldust. Selle saidi keerukuse kasvades muutub see "
Alustame tundliku kujundusega hästi. Kõige väiksemate ekraanisuurustega menüü jaguneb 2x4 ruudustikuks. See mahub kenasti ekraanile, kuid "
Lisame mõningast reageerimisvõimet galerii jaoks loodud võrku. Kõige laiematel ekraanidel on see seatud neljale veerule. Siis hakkame lisama "
Selles selgitame välja probleemid, mis meil tekkisid veeru paigutuse kenasti laadimiseks. Parandus oli eemaldada CSS, mis tegi "
Hakkame süvenema Galerii ala paigutusse, mis on mul peas olnud selle ümberkujundamisprotsessi algusest peale. Enamasti "
Galerii jaoks on meil võrgu paigutus olemas. Kahjuks on selle laadimine natuke järsk ja kohmakas. Seda seetõttu, et CSS3 veerud on loodud
Oleme veetnud juba natuke aega lehtede varjamiseks, et meie navigeerimine toimiks (video # 030) ja saaksite saidil klõpsata, kuid mis on nendes alamrühmades "
CSS-trikkide küsitlustel on pikaajaline traditsioon. Nad on lõbusad, koguvad häid olulisi andmeid ja suurendavad inimeste ühendust saidiga. Kaasamine FTW! "
Lõpetasime täiesti korraliku küsitlus vidina. Tüpograafia on puhas ja kõik täiesti kasutatav. Kuid see polnud just veenev ega lõbus. Me "
Saidi peamise külgriba ülemine moodul kuulub Treehouse'ile kui CSS-Tricksi peasponsorile. Ryan Carsoniga peetud vestluse põhjal "
Otsingukujundus töötab hästi, kuni jõuame oma "beebikaru" (väike mobiil) suuruse vaheajani. Peame seal midagi muud tegema. Teeme ruumi "
Ma arvan, et esimest korda selles seerias lisame mõned uued asjad otse disaini, töötades brauseris (mitte Photoshopist alustades "
Töölaua brauseri väga kitsaks vajutamine võib anda ebamäärase tunde, kuidas reageeriv disain töötab, kuid see ei tähenda täpselt "
Meie loodud reklaam sobib suurepäraselt suurte / töölaua suuruste ekraanide jaoks, kuid väiksematel ekraanidel hakkab see üsna kiiresti ebaõnnestuma. Meil on mõned murdepunktid juba olemas "
Oleme loonud nupu välimuse tavalises olekus, kuid selline 3D-nupp palub "surutud" olekut. Lisame tumedama värvi
Alustame kavatsusega hüpata HTML-i ja CSS-i, mille me just kujundasime, kuid loomulikult viiakse rööbastelt maha kohe, kui alustame.
Treehouse'i reklaami jaoks on lehe ülaservas märgistus paigas, kuid meil on vaja teha mõned stiilitööd. Alustame puugraafikast endast. Me oleme "
Oleme päisesse jätnud suure hulga vaba ruumi. Juba algusest peale teadsin, et see saab olema CSS-Tricksi peamine sponsor Treehouse. Selles"
Meil on otsinguala viimistlemiseks veel natuke tööd. Jätame vaid sekundiks kõrvale, kui märkan, et me ei lisanud kolmemõõtmelist "
Jätkame videos # 034 seal, kus pooleli jäime, ja jätkame otsingupiirkonna rajamist. Seekord keskendume otsingu, ehitamise "avatud olekule"
Väikese näksimise probleemi lahendamiseks teeme väikese pausi otsingu kallal töötamisel. "FOUT" on "stiilita teksti välk". See on nähtus, kus @ font-face "
Nüüd, kui oleme Photoshoppinud selle, mida loodame otsingupiirkonnaga saavutada, asusime selle HTML-i ja CSS-iga üles ehitama. Meil on juba ikooni font "
CSS-trikkides on palju sisu. See on üks asi, mis muudab selle disaini veidi väljakutsuvaks. Kuigi suudame kujundusega puhtana püsida,
Alustame oma ajaveebipostimooduliga mängimisest, vahedega ringi askeldades. Lisame ka väikese värvilise ruudu mooduli vasakusse ülanurka "
Selles ülikiires videos lisame kogu CSS-i, mis on vajalik veendumaks, et põhilavandi praegune leheüksus tõstetakse esile, kui see leht on "