Vaizdo įrašų ekranai 2025, Sausis
Turime šiuos aštuonis aukščiausio lygio naršymo skirtukus, tačiau „Namai“ yra vieninteliai, kurie „veikia“. Kad turėtume keletą puslapių, kuriuos norėtume dirbti, kai kuriuos puslapius pašaliname "
Kiek pamenu, „CSS-Tricks“ kodų blokui pritaikyti sintaksės paryškinimą naudojau „Google Code Prettify“. Žinote, kur tokioje eilutėje kaip „
Ką tik įdiegėme „Prism.js“ ir pradėjome veikti. Šioje ekrano kopijoje randame temą, vadinamą „Rytojaus tema“, ir įjungiame jos spalvas į sintaksę “
Mes šiek tiek padirbėjome su antraštėmis, tačiau daugiau įsigilinsime į tuos, kurie pateikiami šioje ekrano kopijoje. Antraštės yra įprastas svarbus bet kurios svetainės aspektas. Gerai padaryta,"
Dabar, kai turime tinklaraščio įrašų sritį, mes tikrai galime patekti į tinklaraščio įrašų tipografiją. Neabejotinai svarbiausia svetainės tipografija tokia, kokia ji yra "
Manau, kad labai malonu turėti atskirą failą (.scss), skirtą daugumai tipografijos tipų svetainėje. Normalizuoti yra gana mažai tipografijos "
„Typecast“ (beta versija šio filmavimo metu) yra tikrai tvarkinga interneto programa, skirta žaisti su žiniatinklio tipografija. Tai suteikia jums puikią sąsają žaisti “
Tęsdami „Negalima pergalvoti tinklelių“ koncepcijos, gauname latakus, esančius tinklelyje, tiesiog naudodami paprastą paminkštinimą. Mes laikome užpildymo numerį "
Prieš atlikdami tipografijos darbus, maniau, kad pataisysime erzinantį dalyką, kai vaizdai sugriūna už straipsnio ir tinklelio ribų. Naudojant „
Dabar, kai vykdome pasirinktinį vietinį domeną, galime naudoti PHP. „P“ MAMP yra „PHP“ =). PHP naudojimas reiškia, kad galime naudoti „apima“. Pavyzdžiui: Mūsų
Galėtume parašyti savo pačių sukurtą „Sass @mixins“, kad galėtume padėti su CSS3 (pvz., Su nuolydžiais), tačiau egzistuoja jau egzistuojanti „Sass“ sistema, pavadinta „Kompasas“.
Svetainės dizainas yra panašus į labai tinklelį. Mūsų moduliai bus išdėstyti labai švariai į tinklelį. Bet ar tinkleliai nėra sudėtingi ir keisti? Ir galbūt mes "
Šiame itin greitame ekrano vaizde mes naudojame MAMP nustatydami URL, kurį galime naudoti vietos plėtrai. Tai naudinga dėl daugybės priežasčių: galime susieti su
CSS pristatome @media užklausų sąvoką. Daugelis dalykų, kuriuos mums leidžia naudoti „Sass“, yra išlikti DRY (nepakartokite savęs). Mes padarėme"
Pradedame šiek tiek pakoreguoti logotipo tipą, bet tada pereikite prie piktogramų pridėjimo pagrindinėje naršyklėje. Kai kūrėme naršymą „Photoshop“ (vaizdo įrašas)
„Typekit“ įrengėme naują rinkinį, skirtą v10. Prekės ženklui naudoti kol kas naudosime „Proxima Nova Soft“ ir kai kuriuos kitus šriftus, kurie atrodo taip arti HF ir J šriftų.
Kol kas tikroji svetainė visiškai nepanaši į mūsų „Photoshop“ dizainą. Šioje ekrano kopijoje mes užsiimame būtent tuo, pradedant nuo viršaus su „
Mes naudojame keletą padėties nustatymo gudrybių, kad išklotume kairįjį logotipo kraštą ir pagrindinę turinio sritį, o antraštė vis tiek paliečia kairįjį logotipo kraštą
Vartotojo agento (numatytasis) CSS pašalinimas iš daugelio elementų paprastai yra gera idėja. Tai jau seniai padarė „universalūs“ atstatymai arba tokie dalykai kaip „Erikas“
Žiūrėdami į „Photoshop“ maketą, mes rašome pradėdami rašyti HTML, kad apibūdintume tai, į ką mes žiūrime. Mes, žinoma, naudojame HTML5, kai tik jis sukuria "
Mes pradedame mesti tekstą į pagrindinę navigaciją, kad sužinotume, kaip jis tiks, dirbame pagal dydį, spalvas ir pan. Kai kurie tekstai tinka gana griežtai “
Mes tikrai amžinai „nepadarėme“ „Photoshop“ dėl šio dizaino, tačiau turime pakankamai daug dirbti, kad galėtume pradėti kurti šį dizainą naršyklėje. Po “
Mes pradedame kurti aukščiausio lygio (pagrindinę) svetainės navigaciją. Pradedame nuo darbalaukio dydžio ekrano (tiesa, savavališkai), bet mes
Po pagrindine antraštės / prekės ženklo dėžute pridedame keletą papildomų sluoksnių, kad „popieriaus šūsnis“ atrodytų. Nėra jokios didelės metaforos ar nieko, tai tiesiog prideda šiek tiek vaizdinės informacijos "
Visa svetainė bus pagrįsta „moduliais“. Kiekviena smulkmena bus tiesiogine prasme dėžutėje (tiek vizualiai, tiek galiausiai kode). Mes"
Tai yra „Skype“ skambučio tarp Erin Kissane ir mano paties garso įrašas. Erin parašė knygą apie turinio strategiją, todėl man pasisekė gauti jos pagalbą ir
Dizainas naršyklėje yra šaunus ir viskas, bet pradėjus dirbti „Photoshop“, kūrybiškumas išlieka toks, kai man to labiausiai reikia: kai susiduriu su tuščia drobe.
Sveiki! Tai bus gana kelionė, ir kaip ir visos kelionės, ši prasideda vienu žingsniu. Pirmasis mūsų žingsnis yra inventorizuoti „
Šis perprojektavimas nėra perprojektavimas tik dėl naujo projektavimo. Noriu patobulinti svetainę visais įmanomais būdais, kaip galite patobulinti svetainę. Vienas iš"
Mes jau kalbėjome apie SVG optimizavimą rankomis. Neautomatiškai pasirinkti detales ir tai, kokius dalykus galima derinti ar pašalinti. Šiame"