Video Screencasts 2025, Januar

# 018 - Noga - CSS-triki

# 018 - Noga - CSS-triki

To bo približno najpreprostejša noga na spletnem mestu. To bo simbol avtorskih pravic z Jeffovim imenom (Mislim, da je vedno lepo imeti ime "

# 016 - Domača navigacija, 2. del - CSS-triki

# 016 - Domača navigacija, 2. del - CSS-triki

Dobro smo začeli z navigacijo po domači strani, vendar je nekaj stilskih stvari, ki jih je še treba opraviti. Začnemo z dopolnitvijo same vsebine, "

# 017 - Domača navigacija, 3. del - CSS-triki

# 017 - Domača navigacija, 3. del - CSS-triki

Skoraj smo končali z navigacijo po domači strani, vendar je pod drsnikom in nad samo navigacijo nekaj čudnega prostora. Kopamo v iskanju "

# 015 - Navigacija po domači strani, 1. del - CSS-triki

# 015 - Navigacija po domači strani, 1. del - CSS-triki

Načrt za navigacijo po domači strani imamo, opraviti ga moramo le v kodi. Navigacija po domači strani, pravim posebej, ker je to verjetno le "

# 014 - Namestitev drsnika - CSS-triki

# 014 - Namestitev drsnika - CSS-triki

Drsnik deluje! Vendar ni postavljen povsem natančno, kot smo načrtovali v naši datoteki Photoshop. Pod njim potrebujemo več prostora, da izpostavimo več glavnih "

# 013 - Poteganje drsnika - CSS-triki

# 013 - Poteganje drsnika - CSS-triki

Drsnik je implementiran in deluje, preprosto ni videti, kako smo ga zasnovali. Gremo skozi postopek odstranjevanja HTML in CSS, ki smo ga "

# 012 - Drsni temelji - CSS-triki

# 012 - Drsni temelji - CSS-triki

Za drsnik na domači strani se odločimo za RoyalSlider. Že dolgo sem ljubitelj AnythingSliderja, saj sem bil del njegovega ustvarjanja in sem "

# 010 - CodeKit za velik uspeh - CSS-triki

# 010 - CodeKit za velik uspeh - CSS-triki

V tej oddaji zaslona imamo CodeKit, ki začne gledati naš projekt. To veliko olajša naloge razvijalcev. Prva stvar, ki jo naredimo, je, da "

# 008 - Dajmo si nov začetek s čisto temo, 1. del - CSS-triki

# 008 - Dajmo si nov začetek s čisto temo, 1. del - CSS-triki

Kmalu bomo ustavili pogled na staro spletno mesto. To je zadnjič! Naš načrt zdaj, ko imamo pravilno lokalno razvojno okolje, je, da "

# 011 - Glava in pisave po meri prek TypeKit - CSS-triki

# 011 - Glava in pisave po meri prek TypeKit - CSS-triki

Kot glavno pisavo za Jeffovo spletno stran smo izbrali Proxima Nova. Danes je sicer zelo priljubljeno, a z Jeffovim delom izgleda super. Preprosto, "

# 009 - Dajmo si nov začetek s čisto temo, 2. del - CSS-triki

# 009 - Dajmo si nov začetek s čisto temo, 2. del - CSS-triki

Mi smo sredi odstranjevanja teme WordPress na približno tako golo kost, kot jo lahko dobimo. Ne skrbi nas zasnova, do katere poskušamo priti, "

# 007 - Vzpostavitev lokalnega razvojnega okolja - CSS-triki

# 007 - Vzpostavitev lokalnega razvojnega okolja - CSS-triki

Med delom na tem projektu želimo delati lokalno. Nekaj ​​razlogov: Hitro je. Brez povezave lahko delamo od koder koli. Delamo na celotnem "

# 006 - Photoshopping Mobile, 2. del - CSS-triki

# 006 - Photoshopping Mobile, 2. del - CSS-triki

Imamo "glavo" zasnove na mestu, le ugotoviti moramo preostanek strani. Imamo seznam najpomembnejših ciljev, ki si jih želimo "

# 005 - Photoshopping Mobile, 1. del - CSS-triki

# 005 - Photoshopping Mobile, 1. del - CSS-triki

Začnemo z odprto datoteko Photoshop. Precej neumno videti "podolgovat" posnetek zaslona za iPhone, ki nam preprosto da samo platno v mobilni napravi "

# 004 - Platno Photoshop - CSS-triki

# 004 - Platno Photoshop - CSS-triki

Iz zadnjega videoposnetka vemo, da moramo pri oblikovanju te strani upoštevati pet glavnih točk. Tiste bomo imeli na vrhu kot "

# 003 - Začetna komunikacija s stranko - CSS-triki

# 003 - Začetna komunikacija s stranko - CSS-triki

V tej oddaji govorim o tem, kakšna je bila komunikacija med mano in Jeffom, ko mi je prvič poslal e-pošto, da želi preoblikovati spletno mesto. "

# 001 - Uvod v serijo - CSS-triki

# 001 - Uvod v serijo - CSS-triki

Pozdravljeni vsi skupaj! Dobrodošli v celotni seriji o izdelavi prvega spletnega mesta za umetnike z WordPressom. To se nekoliko razlikuje od zadnje serije "