Video screencasts 2025, Januari-

# 11: Modulair werken met PHP - CSS-trucs

# 11: Modulair werken met PHP - CSS-trucs

Veel sites gebruiken geen chique Content Management System (CMS) om hun pagina's te genereren, het zijn gewoon goede oude statische HTML-inhoud. Een site voor uw "

# 113: Een aangepast pictogramlettertype maken en gebruiken - CSS-trucs

# 113: Een aangepast pictogramlettertype maken en gebruiken - CSS-trucs

Zoals we hier al vaak hebben gezegd: pictogramlettertypen zijn geweldig. Ze zijn op dezelfde manier efficiënt als CSS-sprites: veel afbeeldingen die kunnen worden gebruikt voor "

# 119: Laten we forumberichten beantwoorden! Vol. 2 - CSS-trucs

# 119: Laten we forumberichten beantwoorden! Vol. 2 - CSS-trucs

In deze screencast beantwoorden we live meer forumberichten zonder enige planning. Ik denk niet dat we een homerun hebben geslagen op een van de threads waar we naar kijken, maar "

# 117: Laten we proberen een "Pull Request" te doen - CSS-trucs

# 117: Laten we proberen een "Pull Request" te doen - CSS-trucs

Ik heb nog nooit van mijn leven een "Pull Request" ingediend op GitHub. Ik wilde het proberen, dus deze video legt het moment vast waarop ik probeer te achterhalen "

# 116: Laten we forumberichten beantwoorden! ​ CSS-trucs

# 116: Laten we forumberichten beantwoorden! ​ CSS-trucs

In deze screencast duiken we naar The Forums om zoveel mogelijk vragen te beantwoorden. Het gaat erom gewoon een beetje plezier te hebben en u te laten zien hoe gemakkelijk het is om "

# 114: Laten we eenvoudige dingen doen om onze websites sneller te maken - CSS-trucs

# 114: Laten we eenvoudige dingen doen om onze websites sneller te maken - CSS-trucs

Ik presenteer vier heel eenvoudige dingen die u kunt doen om uw websites sneller te maken. Niets zo complex als het maken van image-sprites (wat niet dat is "

# 115: Overdenk het niet Grids - CSS-trucs

# 115: Overdenk het niet Grids - CSS-trucs

Zelfs als de lay-out van een site eenvoudig is als hoofdinhoudsgebied aan de linkerkant en een zijbalk aan de rechterkant, is dat een raster. Er zijn nieuwe lay-outmethoden in CSS "

# 118: Inleiding tot CodePen PRO - CSS-trucs

# 118: Inleiding tot CodePen PRO - CSS-trucs

CodePen PRO biedt een hele reeks nieuwe functies. Je kunt erover lezen, maar veel beter om ze toch te laten zien? : en dit is nog maar het begin. "

# 112: CodePen gebruiken - CSS-trucs

# 112: CodePen gebruiken - CSS-trucs

CodePen is een app om front-end code te delen en ermee te spelen. Ik heb het gemaakt met een paar vrienden van mij: Alex Vazquez en Tim Sabat. In deze typische "

# 110: Snel overzicht van CSS-positiewaarden - CSS-trucs

# 110: Snel overzicht van CSS-positiewaarden - CSS-trucs

Dit is een snel overzicht op beginnersniveau van de verschillende CSS-positiewaarden. In een notendop: relatief stelt je in staat om te "duwen" en verlaat de "

# 109: Van FTP afstappen en naar Git Deployment gaan met Beanstalk - CSS-trucs

# 109: Van FTP afstappen en naar Git Deployment gaan met Beanstalk - CSS-trucs

In deze screencast verplaats ik mijn eigen persoonlijke website van mijn oude live FTP-bewerkingsmanieren naar een correct versie-gestuurd systeem inclusief implementatie. Ik heb niet "

# 111: Zelf voorbewerken in slechts een paar minuten - CSS-trucs

# 111: Zelf voorbewerken in slechts een paar minuten - CSS-trucs

Er is niets om bang voor te zijn in deze dappere nieuwe wereld van voorverwerking. Native apps maken het zo gemakkelijk dat het een essentieel onderdeel zou moeten zijn van elke moderne "

# 10: vaste breedte, vloeistofbreedte en elastische breedte - CSS-trucs

# 10: vaste breedte, vloeistofbreedte en elastische breedte - CSS-trucs

Er zijn drie verschillende soorten lay-outs voor websites: vaste breedte, vloeiende breedte en elastische breedte. In deze screencast kijken we naar al deze drie "

# 108: Chartwell - gebruiken CSS-trucs

# 108: Chartwell - gebruiken CSS-trucs

Chartwell is een lettertype dat specifiek is bedoeld voor het maken van eenvoudige en mooie cirkeldiagrammen, staafdiagrammen en lijngrafieken. Het is zo simpel als het uitschrijven van eenvoudige vergelijkingen "

# 107: LiveReload, een menubalk-app voor preprocessors en snelle ontwikkeling - CSS-trucs

# 107: LiveReload, een menubalk-app voor preprocessors en snelle ontwikkeling - CSS-trucs

LiveReload is een Mac-menubalk-app die erg handig is voor webontwikkelaars. Zeg het gewoon om naar een specifieke map te kijken, en wanneer een bestand is opgeslagen, wordt de "

# 103: FitVids.js integreren in WordPress - CSS-trucs

# 103: FitVids.js integreren in WordPress - CSS-trucs

Het standaard WordPress-thema op het moment van deze screencast is TwentyEleven, een wonderbaarlijk eenvoudig en responsief ontwerp. Dat wil zeggen, totdat we een geweldige "

# 106: Gebruik BrowserStack voor live webgebaseerde crossbrowser-tests - CSS-trucs

# 106: Gebruik BrowserStack voor live webgebaseerde crossbrowser-tests - CSS-trucs

Er zijn veel tools waarmee u schermafbeeldingen van websites in verschillende browsers kunt weergeven om u te helpen bij het testen. Maar een screenshot ontbreekt op zoveel manieren: nee "

# 105: SpriteCow - gebruiken CSS-trucs

# 105: SpriteCow - gebruiken CSS-trucs

Waarin ik een echt voorbeeld neem van een plek waarvan ik wist dat het gebruik van sprites een goed idee zou zijn, maak de sprite met de hand in Photoshop (mijn voorkeursmethode), en "

# 104: Snelle tip: gebruik Dropbox om een ​​openbare URL voor iets te maken - CSS-trucs

# 104: Snelle tip: gebruik Dropbox om een ​​openbare URL voor iets te maken - CSS-trucs

Sla de website gewoon op vanuit de browser (in Firefox krijgt u een .html-bestand en alle bronnen), zet het neer in uw openbare map en gebruik de rechtermuisknop "

# 102: Braindump over responsive webdesign - CSS-trucs

# 102: Braindump over responsive webdesign - CSS-trucs

Waarin ik de basisprincipes laat zien en uitleggen van wat "responsive webdesign" is gaan betekenen. Dan ga ik overal heen en laat voorbeelden zien, gerelateerd "

# 100: Laten we semantische markeringen schrijven - CSS-trucs

# 100: Laten we semantische markeringen schrijven - CSS-trucs

We besteden een heel uur aan het bekijken van een Photoshop-ontwerp en het schrijven van HTML5-markeringen die beschrijven wat we zien. We proberen zo semantisch mogelijk te zijn en te bespreken "

# 101: Laten we samen naar GitHub zuigen - CSS-trucs

# 101: Laten we samen naar GitHub zuigen - CSS-trucs

U weet waarschijnlijk vrij goed waarom het gebruik van versiebeheer een goede zaak is. Voor het geval je dat niet bent, ga ik daar snel doorheen in deze video. Dan komen we in "

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

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

Dit is een extra speciale EMPIRE STRIKES BACK-thema-aflevering van de v10 redesign-serie! Alles begint prima. We beginnen met het verplaatsen van een aantal dingen "

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

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

Dit is een extra speciale aflevering met RETURN OF THE JEDI-thema van de v10 redesign-serie! We lieten de laatste screencast totaal verslagen achter. We probeerden '

# 97: Photoshopping the Almanac - CSS-trucs

# 97: Photoshopping the Almanac - CSS-trucs

De Almanac was iets dat in v9 werd gelanceerd en nooit helemaal klaar is. Het komt echter elke dag dichterbij. Dus in v10 ontwerpen we rond de "

# 96: Sjablonen voor zoekresultaten - CSS-trucs

# 96: Sjablonen voor zoekresultaten - CSS-trucs

Zoeken werkt! Het is gewoon de sjabloon waarop u terechtkomt, is niet helemaal juist. We moeten de sjabloon aanpassen zodat deze er goed uitziet en overeenkomt met de stijl van de "

# 92: De individuele galerijpagina's opbouwen - CSS-trucs

# 92: De individuele galerijpagina's opbouwen - CSS-trucs

We hebben een beetje een Photoshop-mockup om vanaf hier te werken terwijl we doorgaan met het bouwen van de sjabloon voor de individuele galerijpagina. Ten eerste hebben we de volgende vormgegeven "

# 94: Google Aangepast zoeken instellen - CSS-trucs

# 94: Google Aangepast zoeken instellen - CSS-trucs

Het zoekgebied in de koptekst "werkt" doordat het is ontworpen en je kunt erop klikken om het open en dicht te klikken en zo. Maar het zoekt eigenlijk niet "

# 93: Een poging om galeriepagina's soepel te laden - CSS-trucs

# 93: Een poging om galeriepagina's soepel te laden - CSS-trucs

We hebben al die tijd in onze statische mockup doorgebracht met het maken van een of ander slim JavaScript dat de afbeeldingen in de galerij "soepel" zou laden. Nu we de echte hebben "

# 95: JavaScript voor meerdere Google Custom Search Engines - CSS-trucs

# 95: JavaScript voor meerdere Google Custom Search Engines - CSS-trucs

Al onze Google Custom Search Engines zijn ingesteld (we hebben een andere opgezet voor elk gedeelte van de site). Onze gebruikersinterface voor zoeken is klaar voor gebruik. Wij hebben"