Videozáznamy z videa 2025, Apríl
Máme týchto osem kariet najvyššej úrovne, ale Home je jediný, ktorý „funguje“. Len preto, aby sme mali nejaké stránky, s ktorými pracujeme, odstránime niektoré stránky pre „
Pokiaľ si dobre pamätám, použil som Google Code Prettify na zvýraznenie syntaxe v bloku kódu na CSS-Tricks. Viete, kde v riadku ako „
Práve sme nainštalovali Prism.js a dostali sme ho do prevádzky. V tomto screencaste nájdeme tému s názvom Téma zajtra a integrujeme jej farby do syntaxe.
Trochu sme urobili prácu na hlavičkách, ale viac sa budeme venovať tým, ktoré sú uvedené v tomto vysielaní. Hlavičky sú sakra dôležitým aspektom každého webu. Urobené dobre,"
Teraz, keď máme oblasť blogových príspevkov, s ktorou môžeme pracovať, sa môžeme skutočne pustiť do typografie blogových príspevkov. Pravdepodobne najdôležitejšia typografia na webe, aký je “
Myslím si, že je veľmi pekné mať individuálny súbor (.scss), ktorý je určený pre drvivú väčšinu typografie na webe. Normalizácia má dosť typografie “
Typecast (v čase tohto natáčania v beta verzii) je skutočne elegantná webová aplikácia na hranie s webovou typografiou. Poskytuje vynikajúce rozhranie na hranie sa. “
V pokračovaní konceptu „Don't Overthink It Grids“, pomocou jednoduchých výplní dostaneme odkvapy v sieti. Ponechávame si číslo výplne “
Predtým, ako urobíme nejaké práce na typografii, myslel som si, že napravíme nepríjemnú vec, keď sa obrázky rozpadajú mimo oblasť článku a mriežku. Použitím"
Teraz, keď prevádzkujeme vlastnú lokálnu doménu, môžeme používať PHP. „P“ v MAMP je pre „PHP“ =). Používanie PHP znamená, že môžeme používať include. Napríklad: „
Mohli by sme napísať vlastný Sass @mixins, ktorý by pomohol s vecami CSS3 (napríklad s prechodmi), ale už existuje Sass framework s názvom Compass, ktorý „
Dizajn stránok sa formuje do podoby veľmi mriežky. Naše moduly budú veľmi čisto rozložené do mriežky. Nie sú však mriežky zložité a čudné? A možno aj my “
V tomto super rýchlom vysielaní obrazovky používame program MAMP na nastavenie adresy URL, ktorú môžeme použiť na miestny vývoj. Je to užitočné z mnohých dôvodov: Môžeme vytvoriť odkaz na „
V CSS predstavujeme koncept otázok @media. Veľa z toho, čo nám použitie Sass v tomto projekte umožňuje, je zostať SUCHÉ (neopakujte sa). Spravili sme"
Začneme tým, že trochu upravíme typ loga, ale potom skočíme na pridávanie ikon do hlavnej navigácie. Keď sme navrhovali navigáciu vo Photoshope (video „
V serveri Typekit pre verziu 10 sme vytvorili novú súpravu. Na účely budovania značky zatiaľ budeme používať Proxima Nova Soft a niektoré ďalšie písma, ktoré sa v našom „fonte podobajú písmom HF&J“
Skutočná webová stránka zatiaľ vôbec nevyzerá ako náš dizajn vo Photoshope. V tomto obrazovom vysielaní sa venujeme práve tomu, čo začína od „
Pomocou niektorých pozičných trikov sme zoradili ľavý okraj loga a hlavnú oblasť obsahu, pričom hlavička sa musí stále dotýkať ľavého okraja loga „
Odstránenie CSS agenta používateľa (predvolené) z väčšiny prvkov je zvyčajne dobrý nápad. Toto sa už dlho deje pomocou „univerzálnych“ resetov alebo vecí ako Eric.
Pri prezeraní našej makety Photoshopu píšeme, že začneme písať HTML, aby sme opísali, na čo sa pozeráme. HTML5 samozrejme používame vždy, keď to vytvorí “
Text začneme púšťať do hlavnej navigácie, len aby sme videli, ako sa zmestí, pracujeme na jeho dimenzovaní, farbách atď.
Pre tento dizajn určite nie sme vo Photoshope navždy „hotoví“, ale máme dosť času na to, aby sme začali s vytváraním tohto dizajnu v prehliadači. Po “
Začneme navrhovať najvyššiu (hlavnú) navigáciu na webe. Začíname s obrazovkou veľkosti pracovnej plochy (s nepochybne ľubovoľnou šírkou), ale sme „
Pod hlavičku / značku pridávame niekoľko ďalších vrstiev, aby vznikol vzhľad „stohu papierov“. Žiadna veľká metafora ani nič, iba sa pridáva vizuálna stránka “
Celý web bude založený na „moduloch“. Každá maličkosť bude doslova v krabici (vizuálne aj nakoniec v kóde). My "
Toto je zvukový záznam hovoru cez Skype medzi Erin Kissane a mnou. Erin napísala knihu o obsahovej stratégii, takže som mal šťastie, že som jej pomohol a “
Navrhovanie v prehliadači je super a všetko, ale začatie vo Photoshope ma drží v mojej najkreatívnejšej, keď to najviac potrebujem: keď stojím čelom k prázdnemu plátnu. “
Vitajte! Bude to celkom dlhá cesta a ako všetky cesty, aj táto začína jediným krokom. Naším prvým krokom je inventarizácia časti „
Tento redizajn nie je redizajnom iba kvôli redizajnu. Chcem vylepšiť stránku všetkým možným spôsobom, ako ju môžete vylepšiť. Jeden z"
O optimalizácii SVG sme už hovorili ručne. Ručné rozhodovanie o detailoch a o tom, čo je možné kombinovať alebo odstrániť. V tomto"