Videocasty 2025, Leden

# 11: Modulární práce s PHP - Triky CSS

# 11: Modulární práce s PHP - Triky CSS

Mnoho webů ke generování svých stránek nepoužívá žádný efektní systém pro správu obsahu (CMS), je to jen dobrý statický obsah HTML. Web pro vaši „

# 113: Vytváření a používání vlastního ikonového písma - Triky CSS

# 113: Vytváření a používání vlastního ikonového písma - Triky CSS

Jak jsme již mnohokrát řekli: ikonová písma jsou úžasná. Jsou efektivní stejným způsobem, jako jsou efektivní spritové CSS: spousta obrázků použitelných pro "

# 119: Pojďme odpovědět na příspěvky na fóru! Sv. 2 - Triky CSS

# 119: Pojďme odpovědět na příspěvky na fóru! Sv. 2 - Triky CSS

V tomto screencastu žijeme a zodpovíme více příspěvků na fórech bez jakéhokoli plánování. Nemyslím si, že jsme narazili na homerun na žádném vlákně, na které se díváme, ale "

# 117: Pokusme se udělat "Pull Request" - Triky CSS

# 117: Pokusme se udělat "Pull Request" - Triky CSS

Nikdy v životě jsem na GitHubu nepodal „Pull Request“. Chtěl jsem to zkusit, takže toto video zachycuje okamžik, kdy se pokouším zjistit “

# 116: Pojďme odpovědět na příspěvky na fóru! - Triky CSS

# 116: Pojďme odpovědět na příspěvky na fóru! - Triky CSS

V tomto screencastu přejdeme na Fóra, abychom odpověděli na co nejvíce otázek. Jde o to jen trochu se pobavit a ukázat vám, jak snadné je “

# 114: Udělejme jednoduché věci, aby byly naše webové stránky rychlejší - Triky CSS

# 114: Udělejme jednoduché věci, aby byly naše webové stránky rychlejší - Triky CSS

Představuji čtyři opravdu jednoduché věci, které můžete udělat, aby vaše webové stránky byly rychlejší. Nic tak složitého jako vytváření obrazových skřítků (což není ono)

# 115: Nepřemýšlejte nad mřížkami - Triky CSS

# 115: Nepřemýšlejte nad mřížkami - Triky CSS

I když je rozložení webu jednoduché jako hlavní oblast obsahu vlevo a postranní panel vpravo, jedná se o mřížku. V CSS jsou nové metody rozložení "

# 118: Úvod do CodePen PRO - Triky CSS

# 118: Úvod do CodePen PRO - Triky CSS

CodePen PRO nabízí spoustu nových funkcí. Můžete si o nich přečíst, ale mnohem lépe je ukázat, že? : a to je jen začátek. “

# 112: Používání CodePen - Triky CSS

# 112: Používání CodePen - Triky CSS

CodePen je aplikace pro sdílení a hraní s frontendovým kódem. Dokázal jsem to s několika svými přáteli: Alexem Vazquezem a Timem Sabatem. V tomto typickém

# 110: Rychlý přehled hodnot pozic CSS - Triky CSS

# 110: Rychlý přehled hodnot pozic CSS - Triky CSS

Toto je rychlý přehled různých hodnot pozic CSS na úrovni začátečníka. Stručně řečeno: relativní vám umožňuje „postrčit“ a opustit element „

# 109: Vystoupení z FTP a nasazení na Git s Beanstalk - Triky CSS

# 109: Vystoupení z FTP a nasazení na Git s Beanstalk - Triky CSS

V tomto screencastu přesouvám svůj vlastní osobní web ze svých starých živých způsobů editace FTP do správného systému řízeného verzí včetně nasazení. Já ne “

# 111: Připravte se na zpracování během několika minut - Triky CSS

# 111: Připravte se na zpracování během několika minut - Triky CSS

V tomto odvážném novém světě předzpracování se není čeho bát. Díky nativním aplikacím je to tak snadné, že by to mělo být důležitou součástí každého moderního “

# 10: Fixed Width, Fluid Width & Elastic Width - Triky CSS

# 10: Fixed Width, Fluid Width & Elastic Width - Triky CSS

Existují tři různé typy rozložení pro webové stránky: Fixed Width, Fluid Width a Elastic Width. V tomto screencastu se podíváme na všechny tyto tři “

# 108: Používání Chartwell - Triky CSS

# 108: Používání Chartwell - Triky CSS

Chartwell je písmo speciálně pro vytváření jednoduchých a krásných koláčových grafů, sloupcových grafů a spojnicových grafů. Je to tak jednoduché jako psát jednoduché rovnice “

# 107: LiveReload, aplikace na liště nabídek pro preprocesory a rychlý vývoj - Triky CSS

# 107: LiveReload, aplikace na liště nabídek pro preprocesory a rychlý vývoj - Triky CSS

LiveReload je aplikace s pruhy nabídek pouze pro Mac, která je pro webové vývojáře velmi užitečná. Řekněte mu, aby sledovalo konkrétní složku, a když je soubor uložen,

# 103: Integrace FitVids.js do WordPress - Triky CSS

# 103: Integrace FitVids.js do WordPress - Triky CSS

Výchozí téma WordPress v době tohoto vysílání je TwentyEleven, úžasně jednoduchý a citlivý design. To znamená, dokud nezveřejní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ástrojů pro zobrazování snímků webů z různých prohlížečů, které vám usnadní testování. Ale screenshot chybí tolika způsoby: ne “

# 105: Používání SpriteCow - Triky CSS

# 105: Používání SpriteCow - Triky CSS

Ve kterém si vezmu skutečný příklad někde, kde jsem věděl, že použití skřítků bude dobrý nápad, vytvořte sprite ručně ve Photoshopu (můj preferovaný způsob) a "

# 104: Rychlý tip: Použijte Dropbox k vytvoření veřejné adresy URL pro cokoli - Triky CSS

# 104: Rychlý tip: Použijte Dropbox k vytvoření veřejné adresy URL pro cokoli - Triky CSS

Jednoduše uložte web z prohlížeče (ve Firefoxu získáte soubor .html a všechny zdroje), umístěte jej do veřejné složky a klikněte pravým tlačítkem myši "

# 102: Braindump na responzivním webdesignu Triky CSS

# 102: Braindump na responzivním webdesignu Triky CSS

Ve kterém ukážu a vysvětlím samotné základy toho, co „responzivní webový design“ znamená. Pak jsem jít všude a ukázat příklady, související "

# 100: Pojďme napsat sémantické označení - Triky CSS

# 100: Pojďme napsat sémantické označení - Triky CSS

Trávíme celou hodinu prohlížením designu Photoshopu a psaním značek HTML5, které popisují, co vidíme. Snažíme se být co nejvíce sémantičtí a diskutovat “

# 101: Pojďme sát na GitHubu společně Triky CSS

# 101: Pojďme sát na GitHubu společně Triky CSS

Pravděpodobně jste si docela dobře vědomi, proč je používání správy verzí dobrá věc. Pokud nejste, rychle to projdu v tomto videu. Pak se dostaneme do

# 98: Building the Almanac, Part 1 - Triky CSS

# 98: Building the Almanac, Part 1 - Triky CSS

Toto je mimořádně speciální epizoda seriálu redesignu v10 s tématem EMPIRE STRIKES BACK! Všechno začíná v pohodě. Začneme s některými věcmi hýbat “

# 99: Building the Almanac, Part 2 - Triky CSS

# 99: Building the Almanac, Part 2 - Triky CSS

Toto je mimořádně speciální epizoda série redesignu v10 s tématem RETURN OF THE JEDI! Poslední screencast jsme nechali naprosto poražený. Snažili jsme se použít "

# 97: Photoshopping the Almanac - Triky CSS

# 97: Photoshopping the Almanac - Triky CSS

Almanach byl věc spuštěná ve verzi 9 a nikdy nebyla hotová. Každým dnem se to blíží a blíží. Ve verzi 10 tedy navrhneme kolem „

# 96: Šablony pro výsledky hledání - Triky CSS

# 96: Šablony pro výsledky hledání - Triky CSS

Hledání funguje! Je to jen šablona, ​​na kterou přistanete, není úplně správná. Musíme vyladit šablonu, aby vypadala správně a odpovídala stylu „

# 92: Vytváření jednotlivých stránek galerie - Triky CSS

# 92: Vytváření jednotlivých stránek galerie - Triky CSS

Od této chvíle máme k dispozici trochu makety Photoshopu, jak pokračujeme v budování šablony pro stránku jednotlivé galerie. Nejprve jsme navrhli další "

# 94: Nastavení vlastního vyhledávání Google - Triky CSS

# 94: Nastavení vlastního vyhledávání Google - Triky CSS

Oblast hledání v záhlaví „funguje“ v tom, že je navržena a můžete na ni kliknout otevřeným a uzavřeným a tak dále. Ale ve skutečnosti to nedělá žádné hledání “

# 93: Pokus o plynulé načítání stránek galerie Triky CSS

# 93: Pokus o plynulé načítání stránek galerie Triky CSS

Celý tento čas jsme strávili v naší statické maketě vytvářením chytrého JavaScriptu, který by „hladce načítal“ obrázky v galerii. Teď, když máme skutečné "

# 95: JavaScript pro více vlastních vyhledávačů Google - Triky CSS

# 95: JavaScript pro více vlastních vyhledávačů Google - Triky CSS

Všechny naše vlastní vyhledávače Google jsou nastaveny (pro každou část webu jsme nastavili jiný). Naše uživatelské rozhraní pro vyhledávání je připraveno k použití. My máme"