Video ekraanikuva 2025, Aprill
Meil on see kaheksa tipptasemel navigeerimisvahekaarti, kuid Avaleht on ainus, mis "töötab". Lihtsalt selleks, et meil oleks mõned lehed tööd teha, kustutame mõned lehed
Niipalju kui ma mäletan, kasutasin CSS-Tricksi koodiplokil süntaksi esiletõstmise rakendamiseks rakendust Google Code Prettify. Teate, kus sellises reas nagu "
Oleme just installinud Prism.js ja töötanud. Selles ekraaniekraanis leiame teema nimega Homne teema ja integreerime selle värvid süntaksisse "
Oleme päiste osas natuke tööd teinud, kuid uurime lähemalt selle ekraanikuva ülekandeid. Päised on iga saidi oluline aspekt. Hästi tehtud, "
Nüüd, kui meil on blogipostituste ala, millega töötada, saame tõepoolest tegeleda blogipostituste tüpograafiaga. Väidetavalt on saidi kõige olulisem tüpograafia sellisena, nagu see on "
Ma arvan, et on väga tore omada individuaalset faili (.scss), mis on mõeldud valdava enamuse tüpograafia jaoks saidil. Normalize'is on üsna palju tüpograafiat "
Typecast (selle filmimise ajal beetaversioonis) on tõesti korralik veebirakendus veebitüpograafiaga mängimiseks. See annab teile suurepärase liidese mängimiseks "
Jätkates kontseptsiooni "Ärge mõelge seda võreid", saame rennid ruudustikusse, kasutades lihtsalt mõnda lihtsat polsterdust. Hoiame polsterduse numbrit "
Enne tüpograafiatöö tegemist mõtlesin, et parandame tüütu asja, kus pildid kõlbavad väljaspool artikli ala ja ruudustikku. Kasutades
Nüüd, kui käitame kohandatud kohalikku domeeni, saame kasutada PHP-d. MAMP-is olev "P" tähistab "PHP" =). PHP kasutamine tähendab, et saame kasutada komplekti. Näiteks: Meie
Võiksime kirjutada omaenda Sassi @mixins, et aidata CSS3 asju (näiteks gradiente), kuid on olemas juba olemas Sassi raamistik nimega Kompass, mis "
Saidi kujundus muutub väga võrgulaadseks. Meie moodulid paigutatakse võrku väga puhtalt. Kuid kas võrgud pole keerulised ja imelikud? Ja võib-olla me "
Selles ülikiires ekraaniekraanis kasutame MAMP-i kohaliku URL-i seadistamiseks, mida saame kasutada kohaliku arengu jaoks. See on kasulik mitmel põhjusel: saame linkida saidile "
Tutvustame CSS-is @media päringute mõistet. Palju sellest, mida Sassi kasutamine selles projektis võimaldab, on jääda KUIVAKS (ära korrata ennast). Me tegime"
Alustame natuke logotüübi kohandamisest, kuid seejärel liigume ikoonide lisamise juurde peamisse navi. Kui kujundasime navigeerimist Photoshopis (video "
Seadistasime Typekitis v10 jaoks uue komplekti. Brändinguks kasutame praegu Proxima Nova Softit ja mõningaid teisi fonte, mis näevad meie
Siiani pole tegelik veebisait üldse sarnane meie Photoshopi kujundusega. Selles ekraanipildis uurime just seda, alustades tipust "
Kasutame logoga vasaku serva ja peamise sisuala joondamiseks mõningaid positsioneerimisnippe, samal ajal kui päis puutub endiselt vasakusse serva
Kasutajaagendi (vaikimisi) CSS-i eemaldamine enamikust elementidest on tavaliselt hea mõte. Seda on juba ammu teinud "universaalsed" lähtestused või sellised asjad nagu Eric "
Meie Photoshopi maketti vaadates kirjutame, et hakkame HTML-i kirjutama, et kirjeldada, mida me vaatame. Muidugi kasutame HTML5 alati, kui see teeb "
Hakkame teksti peamisse navigeerimisse viskama, et näha, kuidas see sobib, töötada suuruse, värvide jms osas. Osa tekstist sobib üsna tihedalt "
Kindlasti pole me selle kujunduse jaoks Photoshopis igavesti valmis, kuid selle kujunduse alustamiseks brauseris on meil piisavalt tööd. Pärast
Alustame saidi tipptasemel (peamise) navigeerimise kujundamist. Alustame töölaua suuruse ekraaniga (tõepoolest meelevaldse laiusega), kuid oleme "
"Paberivirna" väljanägemiseks lisame peamise päise / kaubamärgi kasti alla mõned lisakihid. Ei mingit suurt metafoori ega midagi, see lihtsalt lisab visuaalset "
Kogu sait põhineb "moodulitel". Iga väike asi saab olema sõna otseses mõttes kastis (nii visuaalselt kui ka lõpuks koodis). Me "
See on Skype'i kõne helisalvestis Erin Kissane'i ja minu vahel. Erin kirjutas raamatu sisustrateegia kohta, nii et mul vedas, et sain tema abi ja "
Brauseris kujundamine on lahe ja kõik, kuid Photoshopis käivitamine hoiab mind kõige loovamana, kui seda kõige rohkem vaja on: tühja lõuendiga silmitsi seistes. "
Tere tulemast! See saab olema üsna teekond ja nagu kõik teekonnad, algab ka see ühe sammuga. Meie esimene samm on inventeerida natuke "
See ümberkujundus pole ümberkujundamine ainult ümberkujundamise huvides. Ma tahan saiti täiustada kõikvõimalikul viisil, mida saate saidi täiustada. Üks "
Me rääkisime juba SVG optimeerimisest käsitsi. Detailide käsitsi valimine ja seda, milliseid asju saab kombineerida või eemaldada. Selles"