Video Screencasts 2025, Januar

Imamo osem navigacijskih zavihkov na najvišji ravni, a Domov deluje edino. Samo zato, da imamo nekaj strani, s katerimi lahko delamo, izdamo nekaj strani za "

Kolikor se spomnim, sem uporabil Google Code Prettify, da sem uporabil poudarjanje sintakse na bloku kode v CSS-Tricks. Veste, kje v vrstici, kot je "

Pravkar smo namestili Prism.js in začeli delovati. V tej oddaji zaslona najdemo temo z naslovom Tomorrow Theme in njene barve vstavimo v skladnjo "

Nekaj ​​dela smo opravili z glavami, vendar se bomo še bolj posvetili tem v tej oddaji zaslona. Glave so prekleto pomemben vidik vsakega spletnega mesta. Dobro opravljeno, "

Zdaj, ko imamo področje za objave v blogih, se lahko resnično lotimo tipografije blogov. Verjetno najpomembnejša tipografija na spletnem mestu, kot je "

Mislim, da je zelo lepo imeti na spletnem mestu posamezno datoteko (.scss), ki je namenjena veliki večini tipografije. Normalize ima kar nekaj tipografije "

Typecast (v različici beta v času tega snemanja) je resnično urejena spletna aplikacija za igranje s spletno tipografijo. Omogoča vam odličen vmesnik za igranje "

Če nadaljujemo s konceptom "Don't Overthink It Mreže", v mreži začnemo uporabljati žlebove s preprostim oblazinjenjem. Ohranimo številko oblazinjenja "

Preden smo se lotili tipografije, sem pomislil, da bomo odpravili nadležno stvar, kjer slike propadajo zunaj področja članka in mreže. Uporaba "

Zdaj, ko uporabljamo lokalno domeno po meri, lahko uporabljamo PHP. "P" v MAMP je za "PHP" =). Uporaba PHP pomeni, da lahko uporabljamo tudi. Na primer: Naš "

Lahko bi napisali svoj Sass @mixins za pomoč pri stvareh CSS3 (kot so prelivi), vendar že obstaja Sassov okvir, imenovan Compass, ki "

Oblika spletnega mesta se oblikuje tako, da je zelo podobna mreži. Naši moduli bodo postavljeni zelo čisto v mrežo. Toda ali omrežja niso zapletena in čudna? In morda "

V tem super hitrem predvajanju zaslona z MAMP nastavimo URL, ki ga lahko uporabimo za lokalni razvoj. To je koristno iz številnih razlogov: lahko se povežemo na "

V CSS uvajamo koncept poizvedb @media. Veliko tega, kar nam omogoča Sass pri tem projektu, je, da ostanemo SUHI (ne ponavljajte se). Naredili smo"

Najprej nekoliko prilagodimo vrsto logotipa, nato pa nadaljujemo z dodajanjem ikon v glavno navigacijo. Ko smo oblikovali navigacijo v Photoshopu (Video "

V Typekitu za v10 smo postavili nov komplet. Za blagovno znamko bomo za zdaj uporabili Proxima Nova Soft in nekatere druge pisave, ki se v našem "

Zaenkrat dejansko spletno mesto sploh ni podobno našemu oblikovanju v Photoshopu. V tej oddaji zaslona se poglobimo v to, začenši na vrhu z "

Z nekaj triki za določanje položaja določimo levi rob logotipa in glavno področje vsebine, hkrati pa se glava še vedno dotika levega roba znaka "

Običajno je dobra ideja odstraniti uporabniški agent (privzeto) CSS iz večine elementov. To že dolgo počnejo "univerzalne" ponastavitve ali stvari, kot je Eric "

Med ogledovanjem našega maketa Photoshop pišemo, da začnemo pisati HTML, da opišemo, kaj gledamo. Seveda uporabljamo HTML5, kadar koli "

Besedilo začnemo spuščati v glavno navigacijo, samo da vidimo, kako se bo prilegalo, kako bomo delali pri določanju velikosti, barvah itd. Nekateri deli besedila se kar dobro prilegajo "

Za to zasnovo v Photoshopu zagotovo nismo "končali", vendar imamo dovolj dela, da začnemo ustvarjati to obliko v brskalniku. Po "

Začnemo oblikovati zgornjo (glavno) navigacijo po spletnem mestu. Začnemo z zaslonom velikosti namizja (pri dodobra poljubni širini), vendar smo "

Pod glavno glavo / polje z blagovno znamko dodamo nekaj dodatnih plasti, da dobimo videz "svežnja papirjev". Nobene velike prispodobe ali kaj podobnega, dodaja le nekaj vizualnega "

Celotno spletno mesto bo potekalo na podlagi "modulov". Vsaka malenkost bo dobesedno v škatli (navsezadnje vizualno in v kodi). Mi "

To je zvočni posnetek Skype klica med Erin Kissane in menoj. Erin je napisala knjigo o vsebinski strategiji, zato sem imela srečo, da sem dobila njeno pomoč in "

Oblikovanje v brskalniku je kul in vseeno, toda z zagonom v Photoshopu sem najbolj kreativen, ko ga najbolj potrebujem: ko se soočim s praznim platnom. "

Dobrodošli! To bo precej pot in tako kot vsa potovanja se tudi ta začne z enim korakom. Naš prvi korak je popis "

Ta preoblikovanje ni preoblikovanje samo zaradi preoblikovanja. Spletno mesto želim izboljšati na vse možne načine, na katerega lahko izboljšate spletno mesto. Eden od"

O ročni optimizaciji SVG smo že govorili. Ročno izbiranje podrobnosti in vrst stvari, ki jih je mogoče kombinirati ali odstraniti. V tem"