Vaizdo įrašų ekranai 2025, Sausis

# 11: Modulinis darbas su PHP - CSS-gudrybės

# 11: Modulinis darbas su PHP - CSS-gudrybės

Daugelis svetainių nenaudoja jokių įmantrių turinio valdymo sistemų (TVS) savo puslapiams generuoti, tai tik tiesiog geras statinis HTML turinys. Svetainė jūsų

# 113: Tinkinto piktogramos šrifto kūrimas ir naudojimas - CSS-gudrybės

# 113: Tinkinto piktogramos šrifto kūrimas ir naudojimas - CSS-gudrybės

Kaip jau ne kartą čia sakėme: piktogramų šriftai yra nuostabūs. Jie yra efektyvūs taip pat, kaip ir CSS įrašai: daugybė vaizdų, tinkamų naudoti

# 119: Atsakykime į forumo žinutes! T. 2 - CSS-gudrybės

# 119: Atsakykime į forumo žinutes! T. 2 - CSS-gudrybės

Šioje ekrano juostoje mes atsakome į daugiau forumų pranešimų, nieko neplanuodami. Nemanau, kad pataikėme į homeruną ant bet kurio iš mūsų žiūrimų gijų, bet "

# 117: Pabandykime atlikti „Pull Request“ - CSS-gudrybės

# 117: Pabandykime atlikti „Pull Request“ - CSS-gudrybės

Niekada gyvenime nesu pateikęs „Pull Request“ „GitHub“. Norėjau nufotografuoti, todėl šis vaizdo įrašas užfiksuoja akimirką, kai bandžiau suprasti “

# 116: Atsakykime į forumo žinutes! - CSS-gudrybės

# 116: Atsakykime į forumo žinutes! - CSS-gudrybės

Šioje ekrano juostoje mes atsiduriame forume, kad atsakytume į kuo daugiau klausimų. Esmė yra tik šiek tiek pasimėgauti ir parodyti, kaip lengva tai padaryti "

# 114: Padarykime paprastus dalykus, kad mūsų svetainės būtų greitesnės CSS-gudrybės

# 114: Padarykime paprastus dalykus, kad mūsų svetainės būtų greitesnės CSS-gudrybės

Pateikiu keturis tikrai paprastus dalykus, kuriuos galite padaryti, kad jūsų svetainės būtų greitesnės. Nieko net tokio sudėtingo, kaip padaryti atvaizdą (kuris nėra toks "

# 115: Negalima pergalvoti jo tinklelių CSS-gudrybės

# 115: Negalima pergalvoti jo tinklelių CSS-gudrybės

Net jei svetainės išdėstymas yra paprastas, nes pagrindinė turinio sritis kairėje ir šoninė juosta dešinėje, tai yra tinklelis. CSS yra naujų išdėstymo metodų "

# 118: „CodePen PRO“ įvadas - CSS-gudrybės

# 118: „CodePen PRO“ įvadas - CSS-gudrybės

„CodePen PRO“ siūlo daugybę naujų funkcijų. Galite apie juos skaityti, bet daug geriau, jei norite juos parodyti? : ir tai tik pradžia ".

# 112: „CodePen“ naudojimas - CSS-gudrybės

# 112: „CodePen“ naudojimas - CSS-gudrybės

„CodePen“ yra programa, skirta dalytis ir žaisti su priekinio kodo kodu. Aš tai padariau su keliais savo draugais: Alexu Vazquezu ir Timu Sabatu. Šiuo tipiniu "

# 110: greita CSS padėties verčių apžvalga - CSS-gudrybės

# 110: greita CSS padėties verčių apžvalga - CSS-gudrybės

Tai greita skirtingų CSS padėties verčių apžvalga pradedančiųjų lygiu. Trumpai tariant: giminaitis leidžia jums „paspausti“ ir palikti elemento „

# 109: Išlipimas iš FTP ir „Git“ diegimas su „Beanstalk“ CSS-gudrybės

# 109: Išlipimas iš FTP ir „Git“ diegimas su „Beanstalk“ CSS-gudrybės

Šioje ekrano kopijoje aš perkeliu savo asmeninę svetainę iš savo senų tiesioginių FTP redagavimo būdų į tinkamą sistemos valdomą sistemą, įskaitant diegimą. Aš neturėjau “

# 111: Išankstinis apdorojimas per kelias minutes - CSS-gudrybės

# 111: Išankstinis apdorojimas per kelias minutes - CSS-gudrybės

Šiame drąsiame naujame išankstinio apdorojimo pasaulyje nėra ko bijoti. Vietinės programos leidžia tai padaryti taip lengvai, kad tai turėtų būti gyvybiškai svarbi bet kurio šiuolaikinio dizaino dalis "

# 10: fiksuotas plotis, skysčio plotis ir elastingas plotis - CSS-gudrybės

# 10: fiksuotas plotis, skysčio plotis ir elastingas plotis - CSS-gudrybės

Yra trys skirtingi svetainių išdėstymo tipai: fiksuotas plotis, skysčio plotis ir elastinis plotis. Šioje ekrano juostoje mes apžvelgiame visus šiuos tris "

# 108: „Chartwell“ naudojimas - CSS-gudrybės

# 108: „Chartwell“ naudojimas - CSS-gudrybės

„Chartwell“ yra šriftas, specialiai sukurtas paprastoms ir gražioms skritulinėms, juostinėms ir linijinėms diagramoms. Tai taip paprasta, kaip išrašyti paprastas lygtis “

# 107: „LiveReload“, meniu juostos programa, skirta išankstiniams procesoriams ir greitam vystymuisi CSS-gudrybės

# 107: „LiveReload“, meniu juostos programa, skirta išankstiniams procesoriams ir greitam vystymuisi CSS-gudrybės

„LiveReload“ yra tik „Mac“ meniu juostos programa, kuri yra labai naudinga interneto kūrėjams. Tiesiog liepkite žiūrėti konkretų aplanką, o kai failas išsaugomas,

# 103: „FitVids.js“ integravimas į „WordPress“ CSS-gudrybės

# 103: „FitVids.js“ integravimas į „WordPress“ CSS-gudrybės

Numatytoji „WordPress“ tema šio ekrano momento metu yra „TwentyEleven“, nuostabiai paprastas ir jautrus dizainas. Tai reiškia, kad kol nepaskelbsime nuostabaus “

# 106: naudokite „BrowserStack“ tiesioginiam žiniatinklio kryžminio naršyklės testavimui - CSS-gudrybės

# 106: naudokite „BrowserStack“ tiesioginiam žiniatinklio kryžminio naršyklės testavimui - CSS-gudrybės

Yra daugybė įrankių, skirtų jums rodyti skirtingų naršyklių svetainių ekrano kopijas, kad būtų lengviau atlikti bandymus. Tačiau ekrano kopijos trūksta tiek daug būdų: ne "

# 105: „SpriteCow“ naudojimas - CSS-gudrybės

# 105: „SpriteCow“ naudojimas - CSS-gudrybės

Gerai turėčiau paimti realų pavyzdį, kai žinojau, kad naudoju spritus, sukurk sprite rankomis „Photoshop“ (mano pageidaujamas metodas) ir "

# 104: greitas patarimas: naudokite „Dropbox“, kad padarytumėte viešą URL viskam - CSS-gudrybės

# 104: greitas patarimas: naudokite „Dropbox“, kad padarytumėte viešą URL viskam - CSS-gudrybės

Tiesiog išsaugokite svetainę iš naršyklės (naudodami „Firefox“ gausite .html failą ir visus išteklius), numeskite jį į savo viešąjį aplanką ir dešiniuoju pelės mygtuku spustelėkite "

# 102: „Braindump“ apie reaguojantį interneto dizainą - CSS-gudrybės

# 102: „Braindump“ apie reaguojantį interneto dizainą - CSS-gudrybės

Kuriame aš parodau ir paaiškinu pačius pagrindus, ką reiškia „reaguojantis interneto dizainas“. Tada einu visur ir rodau susijusių pavyzdžių "

# 100: Parašykime semantinį žymėjimą - CSS-gudrybės

# 100: Parašykime semantinį žymėjimą - CSS-gudrybės

Mes praleidžiame visą valandą žiūrėdami „Photoshop“ dizainą ir rašydami HTML5 žymėjimą, apibūdinantį tai, ką matome. Mes stengiamės būti kuo prasmingesni ir diskutuoti "

# 101: Sugurkime kartu „GitHub“ - CSS-gudrybės

# 101: Sugurkime kartu „GitHub“ - CSS-gudrybės

Jūs tikriausiai puikiai žinote, kodėl naudinga naudoti versijų valdymą. Jei nesate, aš greitai peržiūriu šį vaizdo įrašą. Tada mes patenkame į „

# 98: Almanacho statyba, 1 dalis - CSS-gudrybės

# 98: Almanacho statyba, 1 dalis - CSS-gudrybės

Tai ypatingas specialus „EMPIRE STRIKES BACK“ teminis „v10“ pertvarkymo serijos epizodas! Viskas prasideda puikiai. Kai kuriuos dalykus pradedame perkelti “

# 99: Almanacho statyba, 2 dalis CSS-gudrybės

# 99: Almanacho statyba, 2 dalis CSS-gudrybės

Tai ypatingas ypatingas „JEDI“ temos „V10“ pertvarkymo serijos epizodas! Mes palikome paskutinę ekrano kopiją visiškai nugalėti. Mes bandėme naudoti "

# 97: „Almanacho“ nuotraukos - CSS-gudrybės

# 97: „Almanacho“ nuotraukos - CSS-gudrybės

„Almanachas“ buvo paleistas v9 versijoje ir niekada nebuvo atliktas. Kiekvieną dieną vis artėja. Taigi v10 versijoje sukursime „

# 96: Paieškos rezultatų šablonai - CSS-gudrybės

# 96: Paieškos rezultatų šablonai - CSS-gudrybės

Paieška veikia! Tai ne visai teisingas šablonas, ant kurio nusileidi. Turime patobulinti šabloną, kad jis atrodytų tinkamai ir atitiktų „

# 92: Individualių galerijos puslapių kūrimas - CSS-gudrybės

# 92: Individualių galerijos puslapių kūrimas - CSS-gudrybės

Mes turime šiek tiek „Photoshop“ maketo, kurį galime naudoti čia, kai tęsiame atskiros galerijos puslapio šablono kūrimą. Pirmiausia sukūrėme „Kitas“

# 94: „Google“ individualizuotos paieškos sąranka - CSS-gudrybės

# 94: „Google“ individualizuotos paieškos sąranka - CSS-gudrybės

Paieškos sritis antraštėje „veikia“ tuo, kad yra sukurta, ir jūs galite ją spustelėti atidaryti ir uždaryti ir visa kita. Bet tai iš tikrųjų neatlieka jokios paieškos "

# 93: bandymas sklandžiai įkelti galerijos puslapius - CSS-gudrybės

# 93: bandymas sklandžiai įkelti galerijos puslapius - CSS-gudrybės

Visą šį laiką praleidome statiniame makete, kurdami sumanų „JavaScript“, kuris „sklandžiai įkeltų“ vaizdus į galeriją. Dabar, kai turime tikrąjį "

# 95: „JavaScript“ daugeliui „Google“ individualizuotų paieškos sistemų - CSS-gudrybės

# 95: „JavaScript“ daugeliui „Google“ individualizuotų paieškos sistemų - CSS-gudrybės

Visos mūsų „Google“ individualizuotos paieškos sistemos yra sukonfigūruotos (kiekvienai svetainės daliai nustatėme skirtingą). Mūsų paieškos sąsaja yra paruošta naudoti. Mes turime"