Videozáznamy z videa 2025, Apríl

# 11: Modulárna práca s PHP - Triky CSS

# 11: Modulárna práca s PHP - Triky CSS

Mnoho webov na generovanie svojich stránok nepoužíva žiadny efektívny systém na správu obsahu (CMS), sú to len kvalitné statické obsahy vo formáte HTML. Stránka pre váš „

113: Vytvorenie a použitie vlastného ikonového písma Triky CSS

113: Vytvorenie a použitie vlastného ikonového písma Triky CSS

Ako sme už mnohokrát povedali: ikonové písma sú úžasné. Sú efektívne rovnakým spôsobom, ako sú efektívne aj skriptu CSS: veľa obrázkov použiteľných pre „

# 119: Odpovieme na príspevky z fóra! Zv. 2 - Triky CSS

# 119: Odpovieme na príspevky z fóra! Zv. 2 - Triky CSS

V tomto obrazovom vysielaní živo odpovedáme na ďalšie príspevky na fórach bez akéhokoľvek plánovania. Nemyslím si, že sme narazili na homerun na žiadnom vlákne, na ktoré sa pozeráme, ale “

117: Pokúsme sa urobiť „žiadosť o prijatie“ Triky CSS

117: Pokúsme sa urobiť „žiadosť o prijatie“ Triky CSS

Nikdy v živote som na GitHube nepodal „Pull Request“. Chcel som to vyskúšať, takže toto video zachytáva okamih môjho pokusu o figúru “

# 116: Odpovedzme na príspevky z fóra! - Triky CSS

# 116: Odpovedzme na príspevky z fóra! - Triky CSS

V tomto vysielaní vysielame na fóra, aby sme odpovedali na toľko otázok, koľko môžeme. Ide o to, len sa trochu pobaviť a ukázať vám, aké ľahké je “

# 114: Urobme jednoduché veci, aby boli naše webové stránky rýchlejšie Triky CSS

# 114: Urobme jednoduché veci, aby boli naše webové stránky rýchlejšie Triky CSS

Predstavujem štyri skutočne jednoduché veci, ktoré môžete urobiť, aby boli vaše webové stránky rýchlejšie. Nič také zložité ako vytváranie obrázkových skřítkov (čo nie je to “)

# 115: Neprevažujte to Triky CSS

# 115: Neprevažujte to Triky CSS

Aj keď je rozloženie stránky jednoduché ako hlavná oblasť obsahu vľavo a bočný panel vpravo, jedná sa o mriežku. V CSS sú nové metódy rozloženia “

# 118: Úvod do CodePen PRO - Triky CSS

# 118: Úvod do CodePen PRO - Triky CSS

CodePen PRO ponúka množstvo nových funkcií. Môžete si o nich prečítať, ale oveľa lepšie, aby ste ich ukázali dobre? : a to je len začiatok. “

# 112: Používanie CodePen - Triky CSS

# 112: Používanie CodePen - Triky CSS

CodePen je aplikácia na zdieľanie a hranie sa s rozhraním frontend. Podarilo sa mi to s niekoľkými mojimi priateľmi: Alexom Vazquezom a Timom Sabatom. V tomto typickom „

# 110: Rýchly prehľad hodnôt pozícií CSS Triky CSS

# 110: Rýchly prehľad hodnôt pozícií CSS Triky CSS

Toto je rýchly prehľad o rôznych hodnotách pozícií CSS na úrovni začiatočníka. Stručne povedané: relatívny umožňuje „štuchnúť“ a opustiť element „

# 109: Vystúpenie z FTP a nasadenie na Git s Beanstalk - Triky CSS

# 109: Vystúpenie z FTP a nasadenie na Git s Beanstalk - Triky CSS

V tomto obrazovom vysielaní presúvam svoju vlastnú osobnú webovú stránku zo svojich starých živých spôsobov úpravy FTP na správny systém s riadenou verziou vrátane nasadenia. Ja nie “

# 111: Pripravte sa na spracovanie za pár minút Triky CSS

# 111: Pripravte sa na spracovanie za pár minút Triky CSS

V tomto odvážnom novom svete predspracovania sa nemusíte ničoho báť. Vďaka natívnym aplikáciám je to také ľahké, že by to malo byť dôležitou súčasťou každej modernej verzie “

# 10: Pevná šírka, šírka kvapaliny a pružná šírka - Triky CSS

# 10: Pevná šírka, šírka kvapaliny a pružná šírka - Triky CSS

Existujú tri rôzne typy rozloženia webových stránok: Fixed Width, Fluid Width a Elastic Width. V tomto vysielaní sa pozrieme na všetky tieto tri “

# 108: Používanie Chartwell - Triky CSS

# 108: Používanie Chartwell - Triky CSS

Chartwell je písmo špeciálne na vytváranie jednoduchých a krásnych koláčových grafov, stĺpcových grafov a čiarových grafov. Je to také jednoduché ako písanie jednoduchých rovníc. “

# 107: LiveReload, aplikácia na paneli ponúk pre predprocesory a rýchly vývoj Triky CSS

# 107: LiveReload, aplikácia na paneli ponúk pre predprocesory a rýchly vývoj Triky CSS

LiveReload je aplikácia s lištou ponúk iba v systéme Mac, ktorá je pre vývojárov webu veľmi užitočná. Povedzte mu, aby sledovalo konkrétny priečinok, a keď sa súbor uloží, zobrazí sa

103: Integrácia FitVids.js do WordPress - Triky CSS

103: Integrácia FitVids.js do WordPress - Triky CSS

Predvolená téma WordPress v čase tohto vysielania je TwentyEleven, úžasne jednoduchý a citlivý dizajn. To znamená, kým neuverejníme úžasné “

# 106: Use BrowserStack for Live Web-Based Cross Browser Testing - Triky CSS

# 106: Use BrowserStack for Live Web-Based Cross Browser Testing - Triky CSS

Existuje mnoho nástrojov na zobrazovanie snímok obrazovky webových stránok v rôznych prehľadávačoch, ktoré vám pomôžu s testovaním. Ale screenshot chýba toľkými spôsobmi: nie “

# 105: Používanie SpriteCow - Triky CSS

# 105: Používanie SpriteCow - Triky CSS

V ktorom si vezmem skutočný príklad toho, kde by som vedel, že použitie skřítkov by bolo dobrý nápad, vytvoriť spriteho ručne vo Photoshope (môj preferovaný spôsob) a “

# 104: Rýchly tip: Použite Dropbox na vytvorenie verejnej adresy URL pre čokoľvek Triky CSS

# 104: Rýchly tip: Použite Dropbox na vytvorenie verejnej adresy URL pre čokoľvek Triky CSS

Jednoducho uložte web z prehliadača (vo Firefoxe získate súbor .html a všetky zdroje), umiestnite ho do verejného priečinka a kliknite pravým tlačidlom myši „

# 102: Braindump v oblasti responzívneho webdizajnu Triky CSS

# 102: Braindump v oblasti responzívneho webdizajnu Triky CSS

V ktorej ukážem a vysvetlím základné informácie o tom, čo „responzívny webový dizajn“ znamená. Potom idem všade a ukážem príklady, súvisiace “

# 100: Napíšeme sémantické značenie - Triky CSS

# 100: Napíšeme sémantické značenie - Triky CSS

Celú hodinu sa venujeme návrhu Photoshopu a písaniu značiek HTML5, ktoré popisujú to, čo vidíme. Snažíme sa byť čo najviac sémantickí a diskutovať “

# 101: Vysávajme spolu na GitHube - Triky CSS

# 101: Vysávajme spolu na GitHube - Triky CSS

Pravdepodobne ste si dosť dobre vedomí toho, prečo je použitie správy verzií dobrá vec. Ak nie ste, rýchlo to prejdem v tomto videu. Potom sa dostaneme do

98: Budovanie Almanachu, 1. časť - Triky CSS

98: Budovanie Almanachu, 1. časť - Triky CSS

Toto je mimoriadne špeciálna epizóda série E10 s prepracovaným dizajnom EMPIRE STRIKES BACK! Všetko sa začína v poriadku. Niektoré veci začneme posúvať ďalej “

# 99: Budovanie ročenky, 2. časť - Triky CSS

# 99: Budovanie ročenky, 2. časť - Triky CSS

Toto je mimoriadne špeciálna epizóda série Redizajn v10 s tematikou NÁVRATU JEDI! Posledný screencast sme nechali úplne porazený. Skúšali sme použiť „

# 97: Photoshopping the Almanac - Triky CSS

# 97: Photoshopping the Almanac - Triky CSS

Almanach bol vecou zahájenou v9 a nikdy nebol úplne hotový. Každým dňom je to stále bližšie a bližšie. Vo v10 teda navrhneme okolo „

96: Šablóny pre výsledky vyhľadávania Triky CSS

96: Šablóny pre výsledky vyhľadávania Triky CSS

Hľadanie funguje! Je to len šablóna, na ktorú pristanete, nie je celkom správna. Potrebujeme doladiť šablónu, aby vyzerala správne a zodpovedala štýlu „

# 92: Vytváranie jednotlivých stránok galérie Triky CSS

# 92: Vytváranie jednotlivých stránok galérie Triky CSS

Odtiaľ máme trochu makety aplikácie Photoshop, keď pokračujeme v vytváraní šablóny pre stránku individuálnej galérie. Najskôr sme štylizovali ďalšie “

94: Nastavenie vlastného vyhľadávania Google - Triky CSS

94: Nastavenie vlastného vyhľadávania Google - Triky CSS

Vyhľadávacia oblasť v hlavičke „funguje“ v tom, že je navrhnutá a môžete na ňu kliknúť otvoreným a zatvoreným a podobne. Ale vlastne to nerobí žiadne hľadanie “

# 93: Pokus o plynulé načítanie stránok galérie Triky CSS

# 93: Pokus o plynulé načítanie stránok galérie Triky CSS

Celý tento čas sme strávili v našom statickom makete vytváraním šikovného JavaScriptu, ktorý by „hladko načítal“ obrázky v galérii. Teraz, keď máme skutočné “

# 95: JavaScript pre viac vlastných vyhľadávacích nástrojov Google Triky CSS

# 95: JavaScript pre viac vlastných vyhľadávacích nástrojov Google Triky CSS

Všetky naše vlastné vyhľadávače Google sú nastavené (pre každú sekciu webu sme nastavili iný). Naše používateľské rozhranie na vyhľadávanie je pripravené na použitie. Máme"