Videozáznamy z videa 2025, Apríl

# 156: Poďme sa baviť o Webpacku Triky CSS

# 156: Poďme sa baviť o Webpacku Triky CSS

Sean Larkin sa ku mne pripojil, aby som hovoril o Webpacku! Pochybujem, že som sám v tom, že som trochu zmätený, čo to sakra Webpack je a čo robí. Aj keď aktívne "

# 134: Prehliadka prebiehajúceho webu zostaveného so spoločnosťami Jekyll, Grunt, Sass, systémom SVG a ďalšími - Triky CSS

# 134: Prehliadka prebiehajúceho webu zostaveného so spoločnosťami Jekyll, Grunt, Sass, systémom SVG a ďalšími - Triky CSS

Upozornenie: toto je meandrovitý medzistupňový screencast, v ktorom sa pozeráme na kód, ktorý poháňa proces zostavovania webu. Nepíšeme žiadny kód. “

# 99: Prehľad typov, atribútov a prvkov formulárov HTML5 - Triky CSS

# 99: Prehľad typov, atribútov a prvkov formulárov HTML5 - Triky CSS

HTML5 má veľa funkcií špecifických pre jednotlivé formuláre, vďaka ktorým sú formuláre na webe lepšie. Podpora prehľadávača pre tieto funkcie je na celej mape, ale veľa z „

# 9: Hviezdna noc: 3D pozadie s efektom Paralaxy Triky CSS

# 9: Hviezdna noc: 3D pozadie s efektom Paralaxy Triky CSS

Pomocou troch vrstiev alfa priehľadných súborov PNG môžeme vytvoriť pseudo trojrozmerné pozadie webovej stránky. Tento screencast popisuje, ako „

# 98: Hra s hranicami tela Triky CSS

# 98: Hra s hranicami tela Triky CSS

Umiestnenie ohraničenia okolo vnútornej strany okna prehliadača je taký jednoduchý malý nápad a môže byť pekným dizajnovým efektom. Ako to však urobíme, aby „

# 96: localStorage for Forms - Triky CSS

# 96: localStorage for Forms - Triky CSS

HTML5 má neuveriteľne jednoduchú metódu na ukladanie pretrvávajúcich údajov, ktorá sa nazýva localStorage. Prirodzene stačí zavolať metódu s párom kľúč / hodnota a to je „

# 97: Úvod do CSS animácií Triky CSS

# 97: Úvod do CSS animácií Triky CSS

Animácie, ako napríklad prechody, môžu časom meniť prvky stránky. Animácie sú v mnohých ohľadoch výkonnejšie a zložitejšie. Musíte vyhlásiť „

# 95: Príbeh hraničných prechodov Triky CSS

# 95: Príbeh hraničných prechodov Triky CSS

Ukázalo sa, že existuje jednoduchý spôsob, ako dosiahnuť prechody na hraniciach. Trvalo mi to však dlhšie, ako by malo byť potrebné, tento screencast pokrýva „

# 94: Úvod do pseudoprvkov - Triky CSS

# 94: Úvod do pseudoprvkov - Triky CSS

Pseudo prvky sú viditeľné prvky na webovej stránke, ktoré nie sú „v DOM“ alebo vytvorené z HTML, ale sú vložené priamo z CSS. Toto povoľuje"

# 93: Vysúvacie boxy CSS3 - Triky CSS

# 93: Vysúvacie boxy CSS3 - Triky CSS

Postupujte podľa pokynov a pomocou niekoľkých veľmi jednoduchých prechodov CSS3 vytvorte efekt „vysúvacieho“ poľa. Prejdite myšou na políčko a nadpis poľa „

# 92: Prechod kódu výkresovej tabuľky - Triky CSS

# 92: Prechod kódu výkresovej tabuľky - Triky CSS

Tabuľka kreslenia je v podstate mini-jednostránková aplikácia jQuery. Má jednu hlavnú funkciu, a to vytvorenie farebného vzoru zmenou farieb buniek. “

# 91: Smyčka WordPress - Triky CSS

# 91: Smyčka WordPress - Triky CSS

O slávnej štruktúre chrliacej obsah WordPress nie je núdza o dokumentáciu, ale stále mám pocit, že je tu viac zmätku a záhad “

# 86: Prvé okamihy s MAMP - Triky CSS

# 86: Prvé okamihy s MAMP - Triky CSS

V tomto som dosť pozadu za dobou, ale donedávna som sa nikdy lokálne nevyvíjal. Všetko, čo som urobil, bolo „ísť komando“ a pracovať “

# 90: Jednoduché tipy pre TextMate Triky CSS

# 90: Jednoduché tipy pre TextMate Triky CSS

TextMate je editor kódov iba pre Mac. Ospravedlňujeme sa všetkým používateľom počítačov. Ak sledujete tieto obrazovky pravidelne, viete, že som použil „

# 89: Organizácia dokumentu Photoshopu Triky CSS

# 89: Organizácia dokumentu Photoshopu Triky CSS

Ak ste ako ja, obaja sa dopustíte vážne neorganizovaných dokumentov Photoshopu a oceňujete dobre usporiadané dokumenty. Disorganizácia nie je “

# 8: Formátovanie CSS - Triky CSS

# 8: Formátovanie CSS - Triky CSS

Ak budete mať správnu organizáciu a správne formátovanie súborov CSS, môže vám to počas procesu vývoja ušetriť veľa času a frustrácie, najmä „

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

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

Opýtajte sa partie návrhárov, čo si prajú, aby CSS mohlo urobiť, že to teraz nemôže urobiť, a dostanete veľký zoznam, ktorý sa bude podobať zoznamu funkcií pre „

# 85: Osvedčené postupy s dynamickým obsahom Triky CSS

# 85: Osvedčené postupy s dynamickým obsahom Triky CSS

Jedným z článkov, ktoré som aktualizoval počas „mája je mesiac údržby“, bol článok o dynamickom obsahu. Myšlienka bola jednoduchá webová stránka, kde klikanie na odkaz „

# 87: Posunúť sa vyššie s MAMP - Triky CSS

# 87: Posunúť sa vyššie s MAMP - Triky CSS

Spolupráca lokálne s MAMP je úžasná, ale čo s tým, keď potrebujete uviesť tento web naživo? Naposledy sme dostali verziu WordPress nainštalovanú lokálne, teraz “

83: Myšlienky na SEO Triky CSS

83: Myšlienky na SEO Triky CSS

Spravodlivé varovanie: viac roztržitosti ako obvykle. Vypočujte si moje myšlienky o SEO. Myslím si, že viem, že SEO je séria celkom zrejmých osvedčených postupov. A

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

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

Vytvoril som web pre môjho priateľa hudobníka, ktorý vydáva nové album. Je zrejmé, že mať hrateľné stopy je dôležité, ale klasický problém mať „

# 81: AJAXovanie témy WordPress Triky CSS

# 81: AJAXovanie témy WordPress Triky CSS

Pozerajte sa, ako si lámem hlavu cez pridávanie funkcií AJAX k téme WordPress. Myšlienka je taká, že akýkoľvek interný odkaz na webe sa načíta do hlavnej „

# 82: Prepínač obrázkov CSS - Triky CSS

# 82: Prepínač obrázkov CSS - Triky CSS

Prejdite kurzorom na odkaz a sledujte zmenu obrázka vyššie. To je to, čo tvoríme v tomto obrazovom vysielaní, iba na to nepoužívame žiadny JavaScript. Trik je nejaký “

# 80: Čo sa týka vynálezu kolies - Triky CSS

# 80: Čo sa týka vynálezu kolies - Triky CSS

Pár potrebuje na svoju svadbu fotogalériu, kde si môže každý prehliadať a nahrávať svoje vlastné fotografie zo svadby. Začínajúci vývojár: Viem o „

# 79: Kompletné / Non-Queu animácie s jQuery - Triky CSS

# 79: Kompletné / Non-Queu animácie s jQuery - Triky CSS

Keď použijete funkciu .animate () jQuery s niečím ako udalosť vznášania, tieto animácie sa „zoradia do fronty“. To znamená, že ak umiestnite kurzor myši viackrát,

# 7: Ponuka troch štátov - Triky CSS

# 7: Ponuka troch štátov - Triky CSS

Pomocou variácie techniky CSS Sprites môžeme vytvoriť ponuku „troch stavov“ s použitím iba jedného obrázka na položku ponuky. To znižuje počet žiadostí “

78: O webovej reklame Triky CSS

78: O webovej reklame Triky CSS

V tomto vysielaní diskutujem o online reklame. Čo to je, ako to funguje a prečo to nie je zlé (iba ak to tak je). Hovorím o svojich skúsenostiach, „

# 72: Tvorba webových stránok (2 z 3): Konverzia HTML / CSS - Triky CSS

# 72: Tvorba webových stránok (2 z 3): Konverzia HTML / CSS - Triky CSS

V časti 2 tejto série začíname konverziu HTML / CSS makety Photoshopu, ktorú sme vytvorili v prvej časti. Začíname s veľmi kostrovým projektom “

# 77: Štýl jednotlivých článkov Triky CSS

# 77: Štýl jednotlivých článkov Triky CSS

Myšlienka postov „umeleckého smerovania“ je v poslednej dobe veľmi populárna. Ide o myšlienku použiť jedinečný štýl na článok na webe spôsobom, ktorý tlačí “

# 76: Prehliadka jQuery na živom webe Triky CSS

# 76: Prehliadka jQuery na živom webe Triky CSS

Som zaneprázdnený, vy ste zaneprázdnení, všetci sme zaneprázdnení snažením sa dodržiavať termíny a robiť veci v tomto šialenom webovom svete. Rád sa učím nové technológie, keď môžem, “