Video screencasts 2025, Januari-

# 156: Laten we het over Webpack hebben - CSS-trucs

# 156: Laten we het over Webpack hebben - CSS-trucs

Sean Larkin komt met me mee praten over Webpack! Ik betwijfel of ik de enige ben die een beetje in de war is over wat Webpack in godsnaam is en doet. Zelfs als je actief bent "

# 134: Een rondleiding door een site in uitvoering, gebouwd met Jekyll, Grunt, Sass, een SVG-systeem en meer - CSS-trucs

# 134: Een rondleiding door een site in uitvoering, gebouwd met Jekyll, Grunt, Sass, een SVG-systeem en meer - CSS-trucs

Waarschuwing: dit is een meanderende screencast op gemiddeld niveau waarin we kijken naar de code die een bouwproces voor een site mogelijk maakt. We schrijven geen code. "

# 99: Overzicht van HTML5-formuliertypen, attributen en elementen - CSS-trucs

# 99: Overzicht van HTML5-formuliertypen, attributen en elementen - CSS-trucs

HTML5 heeft een heleboel formulierspecifieke functies die allemaal formulieren op internet beter maken. Browserondersteuning voor de functies is overal op de kaart, maar veel van de "

# 9: Starry Night: 3D-achtergrond met het parallax-effect - CSS-trucs

# 9: Starry Night: 3D-achtergrond met het parallax-effect - CSS-trucs

Met behulp van drie lagen alfatransparante PNG-bestanden kunnen we een pseudo-driedimensionaal ogende achtergrond voor een webpagina maken. Deze screencast laat zien hoe "

# 98: Spelen met lichaamsgrenzen - CSS-trucs

# 98: Spelen met lichaamsgrenzen - CSS-trucs

Het plaatsen van een rand rond de binnenkant van het browservenster is zo'n eenvoudig klein idee en kan een mooi ontwerpeffect zijn. Maar hoe doen we dat zodat de "

# 96: localStorage voor formulieren - CSS-trucs

# 96: localStorage voor formulieren - CSS-trucs

HTML5 heeft een ongelooflijk eenvoudige methode voor het opslaan van blijvende gegevens, genaamd localStorage. Natuurlijk roep je gewoon een methode aan met een sleutel / waarde-paar en dat is "

# 97: Inleiding tot CSS-animaties - CSS-trucs

# 97: Inleiding tot CSS-animaties - CSS-trucs

Animaties, zoals overgangen, kunnen pagina-elementen in de loop van de tijd veranderen. Animaties zijn op veel manieren krachtiger en complexer. U moet een "

# 95: A Tale of Border Gradients - CSS-trucs

# 95: A Tale of Border Gradients - CSS-trucs

Blijkt dat er een eenvoudige manier is om hellingen op grenzen te bereiken. Dat kostte me echter meer tijd dan het zou moeten hebben, deze screencast behandelt "

# 94: Inleiding tot pseudo-elementen - CSS-trucs

# 94: Inleiding tot pseudo-elementen - CSS-trucs

Pseudo-elementen zijn zichtbare elementen op een webpagina die niet "in de DOM" of vanuit HTML zijn gemaakt, maar rechtstreeks vanuit CSS worden ingevoegd. Dit staat "

# 93: CSS3-schuifdozen - CSS-trucs

# 93: CSS3-schuifdozen - CSS-trucs

Volg dit terwijl we een paar zeer eenvoudige CSS3-overgangen gebruiken om een ​​"slide-up" box-effect te creëren. Rol met uw muis over de doos en de titel van de doos "

# 92: Code-doorloop van tekentabel - CSS-trucs

# 92: Code-doorloop van tekentabel - CSS-trucs

De tekentafel is in wezen een mini jQuery-applicatie van één pagina. Het heeft één primaire functie: een gekleurd ontwerp maken door de kleuren van cellen te veranderen "

# 91: De WordPress Loop - CSS-trucs

# 91: De WordPress Loop - CSS-trucs

Er is geen gebrek aan documentatie over de beroemde inhoudspuwende structuur van WordPress, maar ik heb nog steeds het gevoel dat er meer verwarring en mysterie is "

# 86: Eerste momenten met MAMP - CSS-trucs

# 86: Eerste momenten met MAMP - CSS-trucs

Ik loop hierin ver achter op de tijd, maar tot voor kort heb ik me nooit echt lokaal ontwikkeld. Alles wat ik deed was "commando gaan" en werken "

# 90: Simpele TextMate-tips - CSS-trucs

# 90: Simpele TextMate-tips - CSS-trucs

TextMate is een code-editor voor alleen Mac. Sorry voor alle pc-gebruikers deze keer. Als je deze screencasts al heel lang bekijkt, weet je dat ik '

# 89: Een Photoshop-document organiseren - CSS-trucs

# 89: Een Photoshop-document organiseren - CSS-trucs

Als je net als ik bent, maak je je allebei schuldig aan ernstig ongeorganiseerde Photoshop-documenten en waardeer je goed georganiseerde. De desorganisatie is niet "

# 8: CSS-opmaak - CSS-trucs

# 8: CSS-opmaak - CSS-trucs

Georganiseerd zijn en goede opmaak gebruiken in uw CSS-bestanden kan u veel tijd en frustratie besparen tijdens uw ontwikkelingsproces en vooral "

# 88: Inleiding tot Compass / Sass - CSS-trucs

# 88: Inleiding tot Compass / Sass - CSS-trucs

Vraag een aantal ontwerpers wat ze willen dat CSS kan doen wat het nu niet kan, en je krijgt een grote lijst die veel lijkt op de lijst met functies voor de "

# 85: praktische tips met dynamische inhoud - CSS-trucs

# 85: praktische tips met dynamische inhoud - CSS-trucs

Een van de artikelen die ik heb bijgewerkt tijdens "May is Maintenance Month" was een artikel over dynamische inhoud. Het idee was een eenvoudige website waar op een link werd geklikt "

# 87: Omhoog gaan met MAMP - CSS-trucs

# 87: Omhoog gaan met MAMP - CSS-trucs

Lokaal werken met MAMP is geweldig, maar hoe zit het wanneer je die site live moet brengen? De laatste keer dat we een versie van WordPress lokaal hebben geïnstalleerd, nu "

# 83: Gedachten over SEO - CSS-trucs

# 83: Gedachten over SEO - CSS-trucs

Eerlijke waarschuwing: meer kruipen dan normaal. Luister naar mijn gedachten over SEO. Wat ik denk dat ik weet, is dat SEO een reeks vrij voor de hand liggende best practices is. EEN"

# 84: Site-walkthrough van chris-mcgarry.com - CSS-trucs

# 84: Site-walkthrough van chris-mcgarry.com - CSS-trucs

Ik heb een site gebouwd voor een vriend van een muzikant die een nieuw album uitbrengt. Het is duidelijk dat het hebben van afspeelbare nummers belangrijk is, maar de klassieke kwestie van '

# 81: AJAXen op een WordPress-thema - CSS-trucs

# 81: AJAXen op een WordPress-thema - CSS-trucs

Kijk hoe ik me een weg baant door AJAX-functionaliteit toe te voegen aan een WordPress-thema. Het idee is dat elke interne link op de site wordt geladen in de hoofdpagina "

# 82: CSS Image Switcher - CSS-trucs

# 82: CSS Image Switcher - CSS-trucs

Rol over een link, zie hoe de afbeelding hierboven verandert. Dat is wat we in deze screencast bouwen, alleen gebruiken we hiervoor geen JavaScript. De truc is wat "

# 80: Wat betreft wieluitvinding - CSS-trucs

# 80: Wat betreft wieluitvinding - CSS-trucs

Een stel heeft een fotogalerij nodig voor hun bruiloft, waar iedereen zijn eigen foto's van de bruiloft kan bekijken en uploaden. Beginnende ontwikkelaar: ik weet van "

# 79: Complete / niet-wachtrij-animaties met jQuery - CSS-trucs

# 79: Complete / niet-wachtrij-animaties met jQuery - CSS-trucs

Als je de .animate () -functie van jQuery gebruikt met zoiets als een hover-gebeurtenis, zullen die animaties "in de wachtrij" staan. Dat wil zeggen, als u meerdere keren de muisaanwijzer plaatst, dat "

# 7: Menu met drie toestanden - CSS-trucs

# 7: Menu met drie toestanden - CSS-trucs

Door een variatie op de CSS Sprites-techniek te gebruiken, kunnen we een menu met drie standen maken met slechts één afbeelding per menu-item. Dit vermindert het aantal verzoeken "

# 78: Over webreclame - CSS-trucs

# 78: Over webreclame - CSS-trucs

In deze screencast bespreek ik online adverteren. Wat het is, hoe het werkt en waarom het niet slecht is (behalve wanneer het is). Ik praat over mijn ervaringen, de "

# 72: Een website bouwen (2 van 3): HTML / CSS-conversie - CSS-trucs

# 72: Een website bouwen (2 van 3): HTML / CSS-conversie - CSS-trucs

In deel 2 van deze serie beginnen we met de HTML / CSS-conversie van de Photoshop-mockup die we in deel één hebben gemaakt. We beginnen met een zeer skeletproject "

# 77: Een individueel artikel stylen - CSS-trucs

# 77: Een individueel artikel stylen - CSS-trucs

Het idee van "kunstregie" -posten is de laatste tijd erg populair. Het is het idee om een ​​unieke stijl toe te passen op een artikel op internet op de manier waarop '

# 76: Een rondleiding door jQuery op een live site - CSS-trucs

# 76: Een rondleiding door jQuery op een live site - CSS-trucs

Ik heb het druk, jij bent druk, we zijn allemaal druk bezig om deadlines te halen en dingen voor elkaar te krijgen in deze gekke webwereld. Ik hou ervan nieuwe technologieën te leren wanneer ik kan, "