Videozáznamy z videa 2025, Apríl
V tomto párovacom scenári sa ku mne pripojí Sarah Drasner a prevedie ma niekoľkými z mojich úplne prvých poznatkov o reakcii. Riešime nejaký štýl „skutočného sveta“ “
V tomto párovacom vysielacom videu sa stretávam s Dee Gill. Pozeráme sa na niektoré rozloženie pre novú aplikáciu, na ktorej pracuje: Tinge. Mala dizajnovú maketu “
V tomto obrazovom vysielaní sa spájam s Philipom Waltonom (pracujúcim pre Google v Google Analytics). Dopĺňa prípadovú štúdiu, ktorú sme zhromaždili: Naučiť sa používať “
V tomto videu sa s Lara Schenck spárujeme a ona ma naučí všetko o detských témach vo WordPress. Je to ako podcast, ktorý sledujete aj vy! Priamo hore “
Kyle Simpson, čiastočne v snahe omladiť svoje nadšenie pre prácu s JavaScriptom vôbec, začal stavať hru. Nie je to vlastne „hra“
Pokiaľ ide o dizajn CSS-Tricks, keď to zaznamenávam, jednou z vecí, ktoré som chcel pridať, bol widget „Front End Design & Development Jobs“, ktorý využíva kód CodePen.
Pravdepodobne som trochu zriedkavý v tom, že ma skôr bavilo snažiť sa držať krok s vecami reagujúcimi na obrázky. Je to zaujímavý problém, ktorý priniesol veľa „
Toto je videocastcastová verzia blogového príspevku, ktorý som prednedávnom neurobil: Užitočná technika Flexbox: Zarovnávanie posúvajúce zalamovanie. Bol som na stretnutí CodePen “
Animácia SVG je trochu jedinečná v tom, že existujú tri zreteľne odlišné spôsoby, ako môžete k jej animácii pristupovať. 1. Animácia pomocou CSS @keyframes SVG "
Viete o responzívnych obrázkoch. Reč je o syntaxi obrázkov v HTML. Ak mu dáte správne informácie v správnej syntaxi, môžete získať prehľadávač „
Pri skrývaní a zobrazovaní vecí v CSS neexistuje iba jedna vlastnosť CSS, po ktorej siahnete. Existuje veľa úvah, ktoré si prejdeme. “
V tomto videu sa venujem konkrétnej situácii v „skutočnom svete“, do ktorej som sa zapájal, ako narábam so stránkou Stretnutia CodePen. Hneď na začiatku
Toto video nie je typickým obrazovým vysielaním, ale videozáznamom z môjho rozhovoru, ktorý je určený pre všetkých a ktorý nahral gang Treehouse na serveri BlendConf. Samozrejme existuje
Len nedávno sme sa presunuli na „HTTPS všade“ priamo tu v CSS-Tricks. Napísal som blogový príspevok s podrobnými krokmi, ako sa tam dostať. Toto video je spoločníkom “
V epizóde dva tejto série pokračujeme štruktúrou webu. Vo Photoshope vytvoríme tri rôzne stavy ponuky a potom rozdelíme plátky „
Publikoval som písomný príspevok o tejto myšlienke Mustard Cut na strane servera. Takže ak sa chystáte čítať a kontrolovať vzorky kódu a podobne, je to „
Mal som malú konštrukčnú situáciu, keď som robil tekutú mriežku z krabíc s plavákmi. Chcel som určiť, koľko políčok v rade bolo veľmi “
V tomto videu sa venujeme malému problému s rozložením prednej časti, ktorý by bol bez flexboxu do veľkej miery nemožný. Napísal som o tom aj článok, “
Ako front end vývojári musíme robiť všetky tieto úlohy. Zreťazte a skomprimujte naše súbory. Spustite naše preprocesory. Optimalizujte obrázky. Spustiť “
Šablóna je kus HTML, ktorý musíte vložiť na stránku. Šablóny sa často vytvárajú „na strane servera“ - tým, že úplne prichádzajú do JavaScriptu “
Effeckt.css je prebiehajúci open source projekt, ktorého cieľom je poskytovať výkonné a kvalitné prechody a animácie CSS pre webových dizajnérov. Myšlienka je „
Toto je prezentácia, ktorú som predniesol na konferencii iba raz v decembri 2012. V tomto vysielaní vám ju poskytujem naposledy, predplatiteľ CSS-Tricks. Ja "
Emmet je doplnok pre editory kódu, ktorý umožňuje rýchlejšie písanie HTML a CSS. Na prednej strane HTML vám umožňuje písať skratky pre HTML. “
Na prvú sériu prevodu aplikácie Photoshop Mockup na HTML / CSS bolo veľa veľa spätnej väzby. Tak to poďme znova! Každý web je iný “
Mal by byť Modernizr súčasťou každého moderného webového projektu? Nie nevyhnutne. V tomto vysielaní hovorím o tom, ako potrebujete Modernizr, keď to plánujete urobiť. “
Toto je prezentácia, ktorú som predniesol na konferenciách koncom roku 2012 a začiatkom roku 2013. V tomto vysielaní vám ju poskytujem naposledy, predplatiteľ CSS-Tricks. To "
Navždy sme všetci vytvorili grafiku 16x16 a nejako sme ich dostali do formátu .ico. Tento nástroj na prevod som pravdepodobne použil miliónkrát. Niekde pozdĺž „
Tlačidlá na CSS-Tricks majú v čase tohto videa faux 3D efekt. Vyzerajú ako modrá tehla, na ktorú sa pozeráte zhora pod uhlom. Kedy"
Dokonalý CMS, ktorý vyhovuje potrebám akejkoľvek netriviálnej obsahovo orientovanej webovej stránky, nie je k dispozícii. Vyžadujú prispôsobenie. Napríklad „
Nikdy predtým som sa nestaral o vytváranie vlastných úryvkov textu Sublime Text. Keď teda James Nowland jedného poslal, využil som príležitosť a naučil som sa. Tu je: mq "