Video screencasts 2025, Januari-

# 177: Lokale WordPress-ontwikkeling naar productieworkflow - CSS-trucs

# 177: Lokale WordPress-ontwikkeling naar productieworkflow - CSS-trucs

Dit is de basis van hoe ik lokaal werk met een WordPress-site en deze vervolgens in productie breng. Flywheel is een sponsor van CSS-Tricks, en ik ben blij dat ze "

# 17: Knop schuifdeuren - CSS-trucs

# 17: Knop schuifdeuren - CSS-trucs

Hoewel schuifdeuren verre van een nieuw concept zijn en verouderd zullen zijn zodra we bredere ondersteuning voor meerdere achtergronden zien (CSS3), is het nog steeds een goede voor "

# 174: Lokale overschrijvingen gebruiken in DevTools - CSS-trucs

# 174: Lokale overschrijvingen gebruiken in DevTools - CSS-trucs

Er is een functie van Chrome DevTools waarmee u: De code bekijken van een bepaalde bron die de huidige webpagina gebruikt (zoals CSS en JavaScript). "Mooi"

# 175: 7 dingen die u moet weten over Webflow - CSS-trucs

# 175: 7 dingen die u moet weten over Webflow - CSS-trucs

(Dit is een gesponsorde video waaraan ik heb gewerkt tussen ons bij CSS-Tricks en Webflow. Ik denk dat Webflow een fascinerend product is voor het bouwen van websites, dat staat in mijn "

# 173: Ooooops Ik denk dat we nu full-stack ontwikkelaars zijn. ​ CSS-trucs

# 173: Ooooops Ik denk dat we nu full-stack ontwikkelaars zijn. ​ CSS-trucs

En met "wij" bedoel ik ons, front-end ontwikkelaars;) Hier is de website die bij deze lezing hoort. Dit is een lezing die ik heb samengesteld waarin ik postuleer dat, over "

# 163: Eerste stappen met serverloos - CSS-trucs

# 163: Eerste stappen met serverloos - CSS-trucs

David Wells, van Netlify, en ik zetten een paar kleine stapjes om dingen te bouwen met Serverless. We kijken hier voornamelijk naar cloudfuncties en hoe u "

# 172: Hand SVGing een gebogen lijn - CSS-trucs

# 172: Hand SVGing een gebogen lijn - CSS-trucs

Ik ontdek dat 98% van al mijn SVG-gebruik afkomstig is van vooraf gemaakte SVG-bestanden of vectorillustraties in sommige ontwerpsoftware die ik uiteindelijk exporteer als SVG. Niet super "

# 170: Kijk hoe een amateur een reactie + Babel + Webpack + CSS Modules Project - CSS-trucs

# 170: Kijk hoe een amateur een reactie + Babel + Webpack + CSS Modules Project - CSS-trucs

Eerlijke waarschuwing! Dit is geen snelle, ongecompliceerde, door experts gedreven doorploeg om deze technologieën op te zetten. Hoewel we tegen het einde "

# 171: Verplaatsbare gestapelde kaartrij in CSS - CSS-trucs

# 171: Verplaatsbare gestapelde kaartrij in CSS - CSS-trucs

Hetzelfde basisidee als de kaarten op de homepage van v17 van deze site. Zie de bewegende pennenkaarten van Chris Coyier (@chriscoyier) op "

# 165: Uw backend bouwen met serverloze functies - CSS-trucs

# 165: Uw backend bouwen met serverloze functies - CSS-trucs

David Wells en Chris Coyier praten over hoe je een app statisch kunt bouwen die op Netlify wordt gehost, maar nog steeds een back-enddatabase hebt om hem van stroom te voorzien. Wij gebruiken de"

# 16: Het Photoshop-model maken - CSS-trucs

# 16: Het Photoshop-model maken - CSS-trucs

Deze aflevering is een voorloper op afleveringen 12, 13 en 14. We gaan terug naar een leeg Photoshop-document en maken het opnieuw. Deze aflevering bevat geen HTML / CSS, "

# 166: Leer visueel testen te integreren met Percy - CSS-trucs

# 166: Leer visueel testen te integreren met Percy - CSS-trucs

Wist je dat je een beoordelingssysteem kunt opzetten zodat elke pull request die je doet je precies laat zien wat er visueel is veranderd op je site? Dat is "

# 162: Wat is in godsnaam serverloos? ​ CSS-trucs

# 162: Wat is in godsnaam serverloos? ​ CSS-trucs

David Wells, van Netlify, en ik proberen deze vraag op een begrijpelijke manier te beantwoorden. Zijn er nog steeds servers bij betrokken? Natuurlijk, maar jij "

# 164: Basis WooCommerce-walkthrough - CSS-trucs

# 164: Basis WooCommerce-walkthrough - CSS-trucs

WooCommerce is een krachtige en flexibele eCommerce-plug-in voor WordPress. Abonnementen of lidmaatschappen verkopen? WooCommerce kan dat doen? Digitaal"

# 168: CSS-in-JS - CSS-trucs

# 168: CSS-in-JS - CSS-trucs

Ik word bijgestaan ​​door Dustin Schau in deze video en hij neemt me mee op een tour door de wereld van wat bekend is geworden als CSS-in-JS. Dat wil zeggen, je "

# 167: gesponsorde video's voor Jetpack en WooCommerce - CSS-trucs

# 167: gesponsorde video's voor Jetpack en WooCommerce - CSS-trucs

Dit is een compilatie van vier video's die ik de afgelopen maanden heb gemaakt voor een sponsoring met Automattic. Het gaat vooral om Jetpack, een WordPress-plug-in die ik "

# 161: Jetpack - CSS-trucs

# 161: Jetpack - CSS-trucs

Jetpack sponsorde deze video, waarin wordt ingegaan op wat Jetpack is en kan doen voor uw site. Dit zijn echter mijn woorden! Ik ben een grote Jetpack-fan en run Jetpack "

# 160: De almachtige front-end ontwikkelaar - CSS-trucs

# 160: De almachtige front-end ontwikkelaar - CSS-trucs

Het internet is, zonder metafoor, slechts een stel servers die met draden aan elkaar zijn verbonden. Zonder servers zouden we onze creaties niet kunnen delen met de "

# 157: A Tale of Four Properties - CSS-trucs

# 157: A Tale of Four Properties - CSS-trucs

Dit is een lezing die ik onlangs op een paar conferenties heb gehouden. Het gaat over vier verschillende eigenschappen in CSS: vorm-buiten offset-pad clip-pad d Hier is "

# 159: Leren Vue - CSS-trucs

# 159: Leren Vue - CSS-trucs

Sarah Drasner en ik graven in Vue! Vue is een erg populair JavaScript-framework dat absoluut explodeert. Sarah zit in het kernteam en is zowat het meest "

# 15: Inleiding tot Firebug - CSS-trucs

# 15: Inleiding tot Firebug - CSS-trucs

Firebug is een essentiële Firefox-extensie voor webontwerpers en ontwikkelaars. U kunt snel elk element op een pagina targeten om de opmaak, de "

# 153: Aan de slag met CSS Grid - CSS-trucs

# 153: Aan de slag met CSS Grid - CSS-trucs

Het voelt alsof CSS Grid al een hele tijd aan de gang is, maar het lijkt nu een punt te bereiken waarop mensen er steeds meer over praten "

# 154: A Poster Child WordPress Site - CSS-trucs

# 154: A Poster Child WordPress Site - CSS-trucs

CSS-Tricks zelf is een WordPress-site en een site waar WordPress perfect bij past. Tussen zaken als het inlog- en machtigingssysteem, bloggen, "

# 155: Responsieve afbeeldingen, WordPress en Cloudinary - CSS-trucs

# 155: Responsieve afbeeldingen, WordPress en Cloudinary - CSS-trucs

Eric Portis voegt zich bij me om in de wereld van responsieve beelden te graven. We beginnen bij de basis. Responsieve afbeeldingen zijn specifiek afbeeldingen in HTML en bestaan ​​"

# 158: Een uitgebreid knopmenu - CSS-trucs

# 158: Een uitgebreid knopmenu - CSS-trucs

Ik zag laatst een Dribbble-opname van Eli Brumley die een cool interactief effect had. Een eenvoudige ronde blauwe knop, wanneer erop wordt geklikt, wordt uitgevouwen in een kleine "

# 150: Hey ontwerpers, als je maar één ding weet over JavaScript, dan is dit wat ik zou aanraden - CSS-trucs

# 150: Hey ontwerpers, als je maar één ding weet over JavaScript, dan is dit wat ik zou aanraden - CSS-trucs

Soms, om een ​​reis te beginnen om iets groots en ingewikkelds te leren, moet je iets kleins en eenvoudigs leren. JavaScript is enorm en complex, maar "

# 151: De eerste paar minuten met sublieme tekst - CSS-trucs

# 151: De eerste paar minuten met sublieme tekst - CSS-trucs

Sublime Text is een behoorlijk verdomde populaire code-editor. Ondanks de populariteit en alle goede dingen die ik erover heb gehoord, leun ik nog steeds sterk op andere "

# 152: Lettertype laden met Zach Leatherman - CSS-trucs

# 152: Lettertype laden met Zach Leatherman - CSS-trucs

Tijd voor een nieuwe pairing-screencast! Deze keer heb ik Zach Leatherman aan, van Filament Group. Zach heeft veel onderzoek gedaan, geschreven en gesproken "

# 14: Een Photoshop-model converteren: deel twee, aflevering drie - CSS-trucs

# 14: Een Photoshop-model converteren: deel twee, aflevering drie - CSS-trucs

We sluiten de mockup-conversie hier af in aflevering drie. We maken het "artikelgebied" en de "zijbalk" (naamgeving van semantische klassen!), En vervolgens wissen we de "

# 149: Een snelle introductie tot Pattern Lab Node met Brian Muenzenmeyer - CSS-trucs

# 149: Een snelle introductie tot Pattern Lab Node met Brian Muenzenmeyer - CSS-trucs

In deze screencast werk ik samen met Brian Muenzenmeyer die onder meer aan Pattern Lab werkt. Met name de Node-versie van Pattern Lab, samen met "