Video screencasts 2025, Januari-

# 24: Afgeronde hoeken - CSS-trucs

# 24: Afgeronde hoeken - CSS-trucs

Hier zijn VIJF verschillende technieken die u kunt gebruiken om afgeronde hoeken te maken voor dozen op een website. Er zijn altijd verschillende manieren om dingen te doen met CSS en "

# 23: Voorwaardelijke stylesheets - CSS-trucs

# 23: Voorwaardelijke stylesheets - CSS-trucs

Internet Explorer biedt een manier om CSS-stijlinformatie specifiek voor de verschillende versies te targeten. Deze 'voorwaardelijke stylesheets' zijn de beste '

# 22: Uitknippaden knippen - CSS-trucs

# 22: Uitknippaden knippen - CSS-trucs

We zijn deze week terug in Photoshop omdat ik een beetje wilde praten over een heel specifieke vaardigheid die volgens mij belangrijk is voor alle ontwerpers. Dat is"

# 20: Inleiding tot jQuery - CSS-trucs

# 20: Inleiding tot jQuery - CSS-trucs

De populaire JavaScript-bibliotheek jQuery is een geweldige manier om de ontwerpmogelijkheden van uw site uit te breiden tot wat CSS kan doen. Maar gelukkig, als je dat bent "

# 21: Doorloop van het contactformulier - CSS-trucs

# 21: Doorloop van het contactformulier - CSS-trucs

In sommige opzichten is het contactformulier de "Hallo, wereld!" toepassing van webdesigners en webontwikkelaars. Het is niets dat nog niet eerder is gedaan "

# 199: Knoeien met JSX - CSS-trucs

# 199: Knoeien met JSX - CSS-trucs

Ik had dit waarschijnlijk al lang geleden moeten leren, maar helaas, hier zijn we dan. Blijkt dat u kunt zien welke functie u JSX wilt laten gebruiken. Ja, JSX heeft eigenlijk alleen "

# 194: Jetpack's sociale integratie - CSS-trucs

# 194: Jetpack's sociale integratie - CSS-trucs

Jetpack kan helpen bij het automatiseren van de sociale media van uw site. Het is een vrij kleine functie vergeleken met alle enorme dingen die Jetpack kan doen, zoals het verbeteren van de "

# 1: een Photoshop-model converteren (deel 1 van 3) - CSS-trucs

# 1: een Photoshop-model converteren (deel 1 van 3) - CSS-trucs

In deze allereerste videopodcast start ik het conversieproces van een Adobe Photoshop-mockup van een website naar een echte live op CSS gebaseerde website. Dit is"

# 180: Knutselen met video op mobiel - CSS-trucs

# 180: Knutselen met video op mobiel - CSS-trucs

Eerlijke waarschuwing: ik ben geen expert op dit gebied, ik speel gewoon wat rond met video op internet en los een aantal problemen op die ik heb bij het laten zien van videoclips in "

# 196: Learning Grid & Flexbox met Kyle Simpson - CSS-trucs

# 196: Learning Grid & Flexbox met Kyle Simpson - CSS-trucs

Kyle is een JavaScript-man. Hij weet veel van het web, en ook veel van CSS, maar is niet zo up-to-date met moderne CSS-lay-outtools zoals flexbox en "

# 197: Een blik op Stackbit en Stackbit Studio - CSS-trucs

# 197: Een blik op Stackbit en Stackbit Studio - CSS-trucs

Met de Stackbit-app kun je heel snel een nieuwe Jamstack-site openen. Kies een thema, een statische sitegenerator en een CMS en u krijgt een opslagplaats voor u "

# 198: Over de positie-eigenschap - CSS-trucs

# 198: Over de positie-eigenschap - CSS-trucs

Statisch: het standaard relatieve: stelt je in staat om rond te duwen met boven / rechts / onder / links, waardoor de z-index werkt, geeft je een positionering contextabsolute: "

# 19: Een unieke pagina ontwerpen voor Twitter-updates - CSS-trucs

# 19: Een unieke pagina ontwerpen voor Twitter-updates - CSS-trucs

Deze week neem ik je mee door het maken van een eenvoudige webpagina om je recente 'Tweets' van Twitter van begin tot eind weer te geven. Dit omvat het ontwerp in "

# 178: Percy vangt visuele veranderingen op in elke workflow - CSS-trucs

# 178: Percy vangt visuele veranderingen op in elke workflow - CSS-trucs

Ik wilde er zeker van zijn dat je precies begrijpt wat Percy voor je kan doen, vandaar de titel. Wanneer u een wijziging doorvoert in de Git-opslagplaats van uw website, zoals in een "

# 195: Hoe een lijn te trekken met CSS - CSS-trucs

# 195: Hoe een lijn te trekken met CSS - CSS-trucs

Stom simpel, toch? Het is! Maar het is leuk om een ​​paar minuten na te denken en een heleboel verschillende manieren te tellen waarop we het zouden kunnen doen. En wat bedoel ik met een "

# 193: Scully: de SSG voor Angular - CSS-trucs

# 193: Scully: de SSG voor Angular - CSS-trucs

Tara Z. Manicsic voegde zich bij mij voor deze video en zette de basisprincipes van Scully op, een Static Site Generator voor Angular - nee, de SSG voor "

# 192: Git-trucs om uit de problemen te komen - CSS-trucs

# 192: Git-trucs om uit de problemen te komen - CSS-trucs

Hoe geweldig Git ook is voor het omgaan met je broncode, je kunt zelf zeker in de problemen komen. Wat als u een wijziging aanbrengt in een bestand en u wilt "

# 169: Hoe te denken als een front-end ontwikkelaar - CSS-trucs

# 169: Hoe te denken als een front-end ontwikkelaar - CSS-trucs

Dit is een video van mijn lezing op WordCamp US. Laten we eens kijken wat front-end development tegenwoordig is geworden. Uitgaande van wat de rol is, waar "

# 188: Het overlappende koptekstpatroon verkennen - CSS-trucs

# 188: Het overlappende koptekstpatroon verkennen - CSS-trucs

Snook publiceerde een artikel met de titel "Overlapping Header with CSS Grid" waarin hij kijkt naar een header-ontwerppatroon dat volgens mij trends overstijgt en is geweest "

# 189: Notie voor persoonlijk en openbaar gebruik - CSS-trucs

# 189: Notie voor persoonlijk en openbaar gebruik - CSS-trucs

Dit is de laatste video in onze kleine serie over het gebruik van Notion. We hebben besproken hoe Notion geweldig is voor het werken aan webontwikkelingsteams. Maar nog iets "

# 187: Notie voor teamvergaderingen en documentatie - CSS-trucs

# 187: Notie voor teamvergaderingen en documentatie - CSS-trucs

Dit is de tweede video in een serie van 3 video's over het gebruik van Notion. In deel 1 hebben we veel aandacht besteed aan wat Notion is: hoe het geweldig is voor elk team en internet "

# 184: Inside & Aligned Lists - CSS-trucs

# 184: Inside & Aligned Lists - CSS-trucs

Het feit dat lijsten hun markeringen buiten hun eigen kader weergeven (standaard), is enigszins vreemd. Elke verborgen overloop of overhangende rand van de "

# 18: Inleiding tot de bandwebsite-sjabloon - CSS-trucs

# 18: Inleiding tot de bandwebsite-sjabloon - CSS-trucs

Ik heb onlangs een zijproject uitgebracht met de naam Band Website Template. Dit is slechts een korte rondleiding, waarin wordt uitgelegd waarom het is gebouwd en waarom ik het denk "

# 185: Spelen met CSS-maskers - CSS-trucs

# 185: Spelen met CSS-maskers - CSS-trucs

Maskeren in CSS is een manier om delen van het element te verbergen en andere weer te geven. Een andere is clip-path, maar laten we ons daar vandaag niet op concentreren. "Maskers zijn afbeeldingen; clips"

# 183: Art Directing Images, het Picture Element en Image CDNs - CSS-trucs

# 183: Art Directing Images, het Picture Element en Image CDNs - CSS-trucs

Het is een bonafide fenomeen! Ik heb het over het idee van hostingservices voor afbeeldingen waarmee je de URL naar de afbeelding kunt manipuleren om deze te transformeren "

# 186: Notie voor webontwikkelingsteams - CSS-trucs

# 186: Notie voor webontwikkelingsteams - CSS-trucs

Ik ben een grote fan van Notion, vooral om teams synchroon te houden. Ik werk in teams van ontwikkelaars en ik vind dat het daar bijzonder goed voor werkt. Als ik had"

# 182: Baby's eerste Vue SFC - CSS-trucs

# 182: Baby's eerste Vue SFC - CSS-trucs

SFC zoals in "Single File Component", iets dat Vue biedt en waar Vue-mensen van houden. Ik heb in mijn dagen heel weinig Vue geschreven, maar ik ben een fan! "

# 181: Porren in HTML-lijsten - CSS-trucs

# 181: Porren in HTML-lijsten - CSS-trucs

Ik had laatst een stom probleempje waarbij een geneste lijst niet helemaal de juiste tussenruimte had. Ik voegde alleen de onderkant van de marge toe aan de lijstelementen en "

# 179: Een raster van vierkanten - CSS-trucs

# 179: Een raster van vierkanten - CSS-trucs

Het gebruik van CSS-raster om een ​​raster te maken, is, nou ja, het hele punt. Maar wat als u wilt dat al die rasteritems een aspectverhouding behouden, zoals een vierkant van 1: 1? Haar"

# 176: Werken met Framer Motion - CSS-trucs

# 176: Werken met Framer Motion - CSS-trucs

Matt Perry van Framer en ik bekijken de React-animatiebibliotheek Framer Motion. Eerst kijken we hoe eenvoudig de API is. Jij beheert "