Videocasty 2025, Leden

# 156: Promluvme si o Webpacku Triky CSS

# 156: Promluvme si o Webpacku Triky CSS

Sean Larkin se ke mně připojil, aby mluvil o Webpacku! Pochybuji, že jsem sám v tom, že jsem trochu zmatený, co to sakra Webpack je a co dělá. I když jste aktivně "

# 134: Prohlídka probíhajícího webu postaveného s Jekyllem, Gruntem, Sassem, systémem SVG a dalšími - Triky CSS

# 134: Prohlídka probíhajícího webu postaveného s Jekyllem, Gruntem, Sassem, systémem SVG a dalšími - Triky CSS

Varování: toto je klikaté, střední úroveň screencastu, ve kterém se podíváme na kód, který řídí proces sestavení webu. Nepíšeme žádný kód. “

# 99: Přehled typů, atributů a prvků formulářů HTML5 - Triky CSS

# 99: Přehled typů, atributů a prvků formulářů HTML5 - Triky CSS

HTML5 má spoustu funkcí specifických pro formuláře, díky nimž jsou formuláře na webu lepší. Podpora funkcí v prohlížeči je po celé mapě, ale mnoho z „

# 9: Starry Night: 3D pozadí s efektem paralaxy - Triky CSS

# 9: Starry Night: 3D pozadí s efektem paralaxy - Triky CSS

Pomocí tří vrstev alfa průhledných souborů PNG můžeme vytvořit pseudo trojrozměrně vypadající pozadí webové stránky. Tento screencast popisuje, jak „

# 98: Hraní s hranicemi těla Triky CSS

# 98: Hraní s hranicemi těla Triky CSS

Umístit ohraničení uvnitř okna prohlížeče je tak jednoduchý malý nápad a může to být pěkný designový efekt. Ale jak to uděláme, aby „

# 96: localStorage for Forms - Triky CSS

# 96: localStorage for Forms - Triky CSS

HTML5 má neuvěřitelně jednoduchou metodu pro ukládání přetrvávajících dat zvanou localStorage. Přirozeně stačí zavolat metodu s párem klíč / hodnota a to je „

# 97: Úvod do CSS animací Triky CSS

# 97: Úvod do CSS animací Triky CSS

Animace, stejně jako přechody, mohou v průběhu času měnit prvky stránky. Animace jsou v mnoha ohledech výkonnější a složitější. Musíte prohlásit

# 95: Příběh hraničních přechodů - Triky CSS

# 95: Příběh hraničních přechodů - Triky CSS

Ukázalo se, že existuje jednoduchý způsob, jak dosáhnout přechodů na hranicích. Trvalo mi to však déle, než by mělo být nutné, tento screencast pokrývá „

# 94: Úvod do pseudoprvků - Triky CSS

# 94: Úvod do pseudoprvků - Triky CSS

Pseudo prvky jsou viditelné prvky na webové stránce, které nejsou „v DOM“ nebo nejsou vytvořeny z HTML, ale jsou vloženy přímo z CSS. To dovoluje"

# 93: Vysouvací boxy CSS3 - Triky CSS

# 93: Vysouvací boxy CSS3 - Triky CSS

Postupujte podle toho, jak používáme několik velmi jednoduchých přechodů CSS3 k vytvoření efektu „výsuvného“ rámečku. Najeďte myší myší na pole a nadpis pole „

# 92: Návod na kreslení tabulky kreslení - Triky CSS

# 92: Návod na kreslení tabulky kreslení - Triky CSS

Tabulka kreslení je v podstatě mini jednostránková aplikace jQuery. Má jednu primární funkci, vytváří barevný design změnou barev buněk "

# 91: Smyčka WordPress - Triky CSS

# 91: Smyčka WordPress - Triky CSS

O slavné struktuře chrlící obsah WordPress není nedostatek dokumentace, ale stále mám pocit, že je zde více zmatku a tajemství “

# 86: První okamžiky s MAMP - Triky CSS

# 86: První okamžiky s MAMP - Triky CSS

V tomto jsem trochu pozadu, ale donedávna jsem se nikdy lokálně nevyvinul. Všechno, co jsem udělal, bylo „jít komando“ a pracovat “

# 90: Jednoduché tipy pro TextMate - Triky CSS

# 90: Jednoduché tipy pro TextMate - Triky CSS

TextMate je editor kódu pouze pro Mac. Tentokrát se omlouvám všem uživatelům PC. Pokud sledujete tyto obrazovky po dlouhou dobu, víte, že jsem použil „

# 89: Organizace dokumentu Photoshopu Triky CSS

# 89: Organizace dokumentu Photoshopu Triky CSS

Pokud jste jako já, jste oba vinni vážně neorganizovanými dokumenty Photoshopu a oceňujete dobře organizované dokumenty. Neuspořádanost není “

# 8: Formátování CSS - Triky CSS

# 8: Formátování CSS - Triky CSS

Organizace a správné formátování souborů CSS vám může během procesu vývoje ušetřit spoustu času a frustrace, zejména „

# 88: Úvod do kompasu / Sass - Triky CSS

# 88: Úvod do kompasu / Sass - Triky CSS

Zeptejte se spousty designérů, co by si přáli, aby CSS dokázalo, že to teď nemůže, a dostanete velký seznam, který se podobá seznamu funkcí pro „

# 85: Osvědčené postupy s dynamickým obsahem - Triky CSS

# 85: Osvědčené postupy s dynamickým obsahem - Triky CSS

Jedním z článků, které jsem aktualizoval během „Května je Měsíc údržby“, byl článek o dynamickém obsahu. Myšlenka byla jednoduchá webová stránka, kde kliknutím na odkaz „

# 87: Posun nahoru s MAMP - Triky CSS

# 87: Posun nahoru s MAMP - Triky CSS

Místní práce s MAMP je úžasná, ale co když potřebujete tuto stránku aktivovat? Minule jsme dostali lokálně nainstalovanou verzi WordPressu, teď “

# 83: Myšlenky na SEO - Triky CSS

# 83: Myšlenky na SEO - Triky CSS

Spravedlivé varování: větší nesourodost než obvykle. Poslechněte si mé myšlenky o SEO. Myslím, že vím, že SEO je řada docela zřejmých osvědčených postupů. A"

# 84: Návod na web chris-mcgarry.com - Triky CSS

# 84: Návod na web chris-mcgarry.com - Triky CSS

Vytvořil jsem web pro svého hudebního přítele, který vydává nové album. Je jasné, že mít hratelné stopy je důležité, ale klasický problém

# 81: AJAXing tématu WordPress - Triky CSS

# 81: AJAXing tématu WordPress - Triky CSS

Podívejte se, jak se mumlím přidáním funkce AJAX k tématu WordPress. Myšlenka je, že jakýkoli interní odkaz na webu se načte do hlavního

# 82: Přepínač obrázků CSS - Triky CSS

# 82: Přepínač obrázků CSS - Triky CSS

Najeďte na odkaz a sledujte změnu obrázku výše. To je to, co v tomto screencastu vytváříme, pouze k tomu nepoužíváme žádný JavaScript. Trik je nějaký “

# 80: Co se týče vynálezu kol - Triky CSS

# 80: Co se týče vynálezu kol - Triky CSS

Pár potřebuje na svou svatbu fotogalerii, kde si každý může prohlížet a nahrávat své vlastní fotografie ze svatby. Začínající vývojář: Vím o „

# 79: Complete / Non-Queuing Animations with jQuery - Triky CSS

# 79: Complete / Non-Queuing Animations with jQuery - Triky CSS

Pokud použijete funkci .animate () jQuery s něčím jako událost vznášení, tyto animace se "zařadí do fronty". To znamená, že když několikrát najedete myší,

# 7: Nabídka tří stavů - Triky CSS

# 7: Nabídka tří stavů - Triky CSS

Pomocí variace techniky CSS Sprites můžeme vytvořit nabídku „tří stavů“ s použitím pouze jednoho obrázku na položku nabídky. Tím se snižuje počet požadavků “

# 78: O webové reklamě - Triky CSS

# 78: O webové reklamě - Triky CSS

V tomto screencastu pojednávám o online reklamě. Co to je, jak to funguje a proč to není zlé (kromě případů, kdy to je). Mluvím o svých zkušenostech, "

# 72: Building a Web (2 of 3): HTML / CSS Conversion - Triky CSS

# 72: Building a Web (2 of 3): HTML / CSS Conversion - Triky CSS

V části 2 této série zahajujeme převod HTML / CSS makety Photoshopu, kterou jsme vytvořili v první části. Začínáme s velmi kosterním projektem “

# 77: Styling jednotlivého článku - Triky CSS

# 77: Styling jednotlivého článku - Triky CSS

Myšlenka příspěvků na „uměleckou režii“ je v poslední době velmi populární. Jedná se o myšlenku použít jedinečný styl na článek na webu způsobem, který tiskne "

# 76: Prohlídka jQuery na živém webu Triky CSS

# 76: Prohlídka jQuery na živém webu Triky CSS

Jsem zaneprázdněn, vy jste zaneprázdněni, všichni jsme zaneprázdněni snahou dodržet termíny a dělat věci v tomto šíleném webovém světě. Rád se učím nové technologie, když můžu, “