Videocasty 2025, Leden

# 75: Jak nenavrhnout pokladnu Triky CSS

# 75: Jak nenavrhnout pokladnu Triky CSS

Zde mi budete muset odpustit, lidi, tohle není příliš konstruktivní screencast. Byl jsem frustrovaný z mizerného procesu pokladny softwarového produktu, který jsem “

# 73: Tvorba webových stránek (3 ze 3): Téma WordPress - Triky CSS

# 73: Tvorba webových stránek (3 ze 3): Téma WordPress - Triky CSS

V části 3 této série vezmeme HTML a CSS, které jsme již pro tento design vytvořili, a převedeme je na téma WordPress. Začínáme „

# 74: Upravitelná galerie obrázků CSS3 - Triky CSS

# 74: Upravitelná galerie obrázků CSS3 - Triky CSS

Vytváříme docela typický návrhový vzor galerie obrázků, mřížku obrázků, které se po kliknutí zvětší. Ale tato stránka galerie obrázků využívá horké "

# 71: Vytvoření webové stránky (1 ze 3): Photoshop Mockup - Triky CSS

# 71: Vytvoření webové stránky (1 ze 3): Photoshop Mockup - Triky CSS

Toto je začátek třídílné série o vytváření webových stránek. Bude to skutečný web pro mého hudebního přítele, jehož web jsem náhodou zničil “

# 69: Prvních deset minut s TypeKit - Triky CSS

# 69: Prvních deset minut s TypeKit - Triky CSS

Dostal jsem pozvánku od TypeKit, zaregistroval jsem se a během několika minut jsem měl krásnou vlastní písma, která otřásla mou stránkou. Ukážu vám celý proces od “

# 70: Random Pet Peeves - Triky CSS

# 70: Random Pet Peeves - Triky CSS

Jen náhodně procházím několika drobnými nepříjemnostmi a úskoky, které mám se vším od OS X přes Photoshop přes WordPress až po CSS. Myslel jsem na dalších asi 5 “

# 68: Think Geek Background Fade Technique Triky CSS

# 68: Think Geek Background Fade Technique Triky CSS

Toto video ukazuje techniku, která je vidět na webu Think Geek 3.0. Spodní část webu má design spousty robotů a obrazovka je „

# 6: Nástroje obchodu - Triky CSS

# 6: Nástroje obchodu - Triky CSS

Než se v těchto screencastech dostanu příliš daleko, myslel jsem si, že vás trochu seznámím s mým pracovním prostředím a vysvětlím nástroje, které používám. “

# 67: jQuery Část 3 - Plugin názvu obrázku - Triky CSS

# 67: jQuery Část 3 - Plugin názvu obrázku - Triky CSS

Toto video se zaměřuje na převzetí již existujícího nápadu a kódu a jeho převedení na plugin jQuery. V tomto případě to pomůže udržet náš kód stejně sémantický. “

# 191: Učte se tím, že uděláte: CUBE CSS - Triky CSS

# 191: Učte se tím, že uděláte: CUBE CSS - Triky CSS

Andy Bell se ke mně připojil, aby promluvil svou metodikou CSS, kterou nazývá CUBE CSS. To je složení, užitečnost, blok a výjimka. CUBE CSS je metodika CSS “

# 64: Vytvoření fotogalerie - Triky CSS

# 64: Vytvoření fotogalerie - Triky CSS

Tato fotogalerie se automaticky vytvoří z adresáře obrázků, včetně podadresářů a obrázků v nich. Obrázky se otevírají pěkně "

# 65: Pokročilé použití pro vlastní pole na WordPress - Triky CSS

# 65: Pokročilé použití pro vlastní pole na WordPress - Triky CSS

To, co dělá WordPress CMS (na rozdíl od pouhé blogovací platformy), je více než kterákoli jiná samostatná funkce, vlastní pole. Vlastní pole jsou kousky dat "

# 66: Styl tabulky 2, pevné záhlaví a zvýraznění - Triky CSS

# 66: Styl tabulky 2, pevné záhlaví a zvýraznění - Triky CSS

Jen pár rychlých triků od začátku až po kódování stolů. Pro záhlaví tabulky používáme správné sémantické značky a poté je nastavíme na pevnou pozici "

# 58: HTML & CSS - VELMI Základy - Triky CSS

# 58: HTML & CSS - VELMI Základy - Triky CSS

Toto video je VELMI základem toho, co je HTML a CSS, pro úplného začátečníka. Soubory HTML a CSS jsou doslova soubory pouze textové. Nepotřebuješ

# 63: On Screencasting - Triky CSS

# 63: On Screencasting - Triky CSS

Jedná se o poněkud zákulisní pohled na to, jak vytvářím a distribuuji screencast. Procházím hardware a software, který používám, jak se dostává “

# 62: Pokročilý styl a funkčnost formulářů - Triky CSS

# 62: Pokročilý styl a funkčnost formulářů - Triky CSS

Toto vysílání prochází kódem, který umožňuje poměrně pokročilý webový formulář. Využívá jQuery ke skrytí a zobrazení vstupů podle potřeby a také k napájení tří "

# 60: AJAX Refreshing RSS Content - Triky CSS

# 60: AJAX Refreshing RSS Content - Triky CSS

Ve videu č. 55 byl konečným výsledkem FeedSmusher, který vložil obsah z externích kanálů RSS na naši vlastní stránku. V tomto vysílání začneme “

# 61: Základní styl tabulky pomocí CSS - Triky CSS

# 61: Základní styl tabulky pomocí CSS - Triky CSS

Tabulky jsou skvělé. Jsou perfektně vhodné pro použití na webu. To znamená pro zobrazení tabulkových dat! V tomto vysílání se budeme zabývat tím, co to vlastně je “

# 59: Vkládání zvuku - Triky CSS

# 59: Vkládání zvuku - Triky CSS

Vložení obrázku na webovou stránku je snadné, zvukové soubory, ne tolik. Díky HTML5 to bude tak snadné, jak by mělo být, ale do té doby se musíme uchýlit k jiným “

# 5: Sloupy se stejnou výškou: Super jednoduché rozložení ve dvou sloupcích - Triky CSS

# 5: Sloupy se stejnou výškou: Super jednoduché rozložení ve dvou sloupcích - Triky CSS

Vynutit, aby více sloupců mělo stejnou výšku, je jednou z těch složitých věcí ve webovém designu. V tomto vysílání vám ukážu malý trik. “

# 57: Používání CSS3 - Triky CSS

# 57: Používání CSS3 - Triky CSS

Nejnovější vlna webových prohlížečů má docela slušnou podporu pro různé věci CSS3. Zejména Safari 4 a Firefox 3.1. Tento screencast pokrývá mnoho “

# 56: Integrace FoxyCart a WordPress - Triky CSS

# 56: Integrace FoxyCart a WordPress - Triky CSS

FoxyCart je velmi přizpůsobivý systém eCommerce. Produkty jsou stavěny za běhu jako součást tlačítek pro přidání do košíku, které jsou pouze jednoduchým HTML. To znamená, že

# 55: Přidávání obsahu RSS pomocí SimplePie - Triky CSS

# 55: Přidávání obsahu RSS pomocí SimplePie - Triky CSS

Část „Opravdu jednoduchá“ v RSS je někdy zavádějící. Co když chcete stáhnout obsah z kanálu RSS a zobrazit jej na vašem webu? Dělat to od "

# 54: Úvod do FLIR - Triky CSS

# 54: Úvod do FLIR - Triky CSS

FLIR (Face Lift Image Replacement) se účtuje jako „alternativa k sIFR“. Rozhodně jsou ve stejné kategorii. sIFR má některé další funkce, “

# 52: Vytvoření šablony stylů tisku - Triky CSS

# 52: Vytvoření šablony stylů tisku - Triky CSS

Moje technika pro vytváření šablon stylů tisku vypadá takto. 1) Začněte úplně od začátku 2) Nechte většinu výchozích nastavení na pokoji 2) Odstraňte všechny věci na stránce, kterou jste “

# 53: Přizpůsobení formulářů, tlačítek a hlaviček PayPal - Triky CSS

# 53: Přizpůsobení formulářů, tlačítek a hlaviček PayPal - Triky CSS

PayPal, milujte ho nebo ho nenávidíte, je nejjednodušší způsob odesílání a přijímání peněz online. V tomto screencastu projdeme, jak vytvořit tlačítko Koupit, které používá „

# 4: Vynucení posuvníků: Odstranění "vodorovných skoků" - Triky CSS

# 4: Vynucení posuvníků: Odstranění "vodorovných skoků" - Triky CSS

V tomto screencastu mluvím o tom, jak vynutit svislé posuvníky na webové stránky. Bez toho by se stránky se středovým obsahem mohly jevit jako „přeskočené“ na

# 50: Vytvoření přizpůsobeného a dynamického objednávkového formuláře - Triky CSS

# 50: Vytvoření přizpůsobeného a dynamického objednávkového formuláře - Triky CSS

Skuteční klienti mají pro své webové stránky skutečné potřeby. Nezajímají se o vaše fantastické kanály RSS a AJAX, jen chtějí, aby jejich web dělal co “

# 51: Poučení z přístupnosti - Triky CSS

# 51: Poučení z přístupnosti - Triky CSS

Dokonce i když navrhujeme s našimi nejlepšími úmysly v oblasti přístupnosti, často vyžaduje někoho, kdo skutečně používá software přístupnosti, aby otestoval web a pomohl “

# 49: Hodgepodge of Photoshop Tricks - Triky CSS

# 49: Hodgepodge of Photoshop Tricks - Triky CSS

Photoshop je můj nástroj volby při navrhování pro web. Přirovnávám to k výběru kytary jako nástroje pro hraní. Kytara zní skvěle sama a tam "