Video screencasts 2025, Januari-

# 48: phpBB villen - CSS-trucs

# 48: phpBB villen - CSS-trucs

Het creëren van een volledig aangepast thema voor de populaire phpBB-software op het forum zou een monsterlijke klus zijn. Gelukkig kunnen we, om snel aan de slag te gaan, gewoon "

# 47: CSS Shorthand - CSS-trucs

# 47: CSS Shorthand - CSS-trucs

Er zijn een handvol CSS-attributen die kunnen worden gecombineerd tot een enkel attribuut voor beknoptheid van de codering. Ik onderschrijf het gebruik van CSS-steno wanneer "

# 190: CSS aangepaste eigenschappen doordringen de schaduw DOM - CSS-trucs

# 190: CSS aangepaste eigenschappen doordringen de schaduw DOM - CSS-trucs

Een van de hele punten van de Shadow DOM is dat het inkapseling biedt. Geen stijlen eruit, geen stijlen erin. Maar er zijn manieren "door" de Shadow DOM, en "

# 46: Domeinen, DNS, Hosting en Google Apps - CSS-trucs

# 46: Domeinen, DNS, Hosting en Google Apps - CSS-trucs

Omgaan met domeinen en hosting en alle serverinstellingen zijn meestal niet de meest comfortabele dingen voor webontwerpers. In deze screencast loop ik "

# 45: FoxyCart gebruiken voor eCommerce - CSS-trucs

# 45: FoxyCart gebruiken voor eCommerce - CSS-trucs

FoxyCart is mijn nieuwe favoriete e-commerce systeem. Het is heel gemakkelijk om mee te beginnen. U heeft volledige controle over het ontwerp over alle aspecten ervan (winkelwagen, "

# 42: Alles over Floats Screencast - CSS-trucs

# 42: Alles over Floats Screencast - CSS-trucs

Zelfs meer dan de z-index (die we een paar weken geleden hebben besproken), is het bekend dat de eigenschap float afleveringen van haren trekken en monitorponsen veroorzaakt. Het lijkt"

# 41: WordPress als een CMS - CSS-trucs

# 41: WordPress als een CMS - CSS-trucs

We hebben ooit een enquête gehouden waarin we mensen vroegen wat hun favoriete CMS was. WordPress was een weggelopen winnaar, maar kreeg ook veel reacties van "WordPress is geen CMS !!". "

# 43: CSS-sprites gebruiken - CSS-trucs

# 43: CSS-sprites gebruiken - CSS-trucs

CSS Sprites zijn al heel lang een hot topic. Het is een feit dat elke afbeelding op een webpagina een afzonderlijk serververzoek is en dat u drastisch kunt "

# 40: Hoe z-index werkt - CSS-trucs

# 40: Hoe z-index werkt - CSS-trucs

Z-index kan soms een beetje verwarrend zijn. In deze screencast probeer ik uit te leggen hoe het werkt, hoe het is gekoppeld aan positionering, enkele eigenaardigheden en enkele "

# 44: Mengelmoes van WordPress-trucs - CSS-trucs

# 44: Mengelmoes van WordPress-trucs - CSS-trucs

Het is WordPress Week hier bij CSS-Tricks, dus ik wilde een screencast met WordPress-thema maken en een heleboel minitips behandelen die de vorige nog niet hebben gehaald "

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

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

Ik rond het ontwerp af in deel drie van deze serie over het omzetten van een Adobe Photoshop-website-mockup in een echte HTML / CSS-website. Deze richt zich op "

# 39: Hoe sIFR 3 - te gebruiken CSS-trucs

# 39: Hoe sIFR 3 - te gebruiken CSS-trucs

SIFR (Scalable Inman Flash Replacement) is een technologie waarmee u elk gewenst lettertype op uw webpagina's kunt gebruiken. Om een ​​lang verhaal kort te maken, het maakt gebruik van JavaScript "

# 38: Basisprincipes en tips voor ontwerpen voor de iPhone - CSS-trucs

# 38: Basisprincipes en tips voor ontwerpen voor de iPhone - CSS-trucs

Het ontwerpen van een webpagina die is geoptimaliseerd voor de iPhone is geen rocket science. Het is dezelfde HTML, CSS en JavaScript die u al kent. Het verschil"

# 30: HTML-e-mail maken en verzenden - CSS-trucs

# 30: HTML-e-mail maken en verzenden - CSS-trucs

Het ontwerpen van HTML-e-mail is verre van normaal webdesign. Natuurlijk gebruiken ze allebei HTML-elementen, maar de hele filosofie is anders. In deze wereld moet je "

# 36: Huidige navigatie markeren: PHP gebruiken om de body-ID in te stellen - CSS-trucs

# 36: Huidige navigatie markeren: PHP gebruiken om de body-ID in te stellen - CSS-trucs

Een van de efficiëntere manieren om de huidige navigatie-accentuering af te handelen, is door elk van uw navigatie-items een unieke klassenaam te geven. Geef vervolgens elke pagina "

# 37: Status-, vloeistof- en menubalk-apps - CSS-trucs

# 37: Status-, vloeistof- en menubalk-apps - CSS-trucs

Eerlijke waarschuwing: deze screencast is redelijk Mac-specifiek en ik dwaal rond over allerlei willekeurige niet-webdesigngerelateerde dingen. Ik introduceer de nieuwe webapp "

# 35: Inleiding tot jQuery 2 - CSS-trucs

# 35: Inleiding tot jQuery 2 - CSS-trucs

Beginnend waar we de vorige keer waren gebleven, gaan we verder met het verkennen van de mogelijkheden van jQuery. We bezoeken enkele van de oude functies opnieuw en laten ze wat doen "

# 33: Makeover voor e-commerceproductpagina - CSS-trucs

# 33: Makeover voor e-commerceproductpagina - CSS-trucs

Ik onderschrijf de theorie dat het opnieuw ontwerpen van webpagina's evolutionair en niet revolutionair moet zijn. Door in de loop van de tijd kleine wijzigingen, tweaks en upgrades aan te brengen, leidt dit tot "

# 32: De eenheid PNG Fix - gebruiken CSS-trucs

# 32: De eenheid PNG Fix - gebruiken CSS-trucs

Ontwerpen met alfatransparante PNG's maakt het leven zoveel eenvoudiger en koelere ontwerpen mogelijk. Zoals we allemaal pijnlijk weten, ondersteunen IE 6 en lager geen "

# 34: Google Maps integreren en aanpassen - CSS-trucs

# 34: Google Maps integreren en aanpassen - CSS-trucs

Google maps, met al het slepen en zoomen en satellietweergave en zo, is mijn favoriete kaartendienst. Google biedt een gratis API voor hun kaarten, dus "

# 31: Inleiding tot Google Analytics - CSS-trucs

# 31: Inleiding tot Google Analytics - CSS-trucs

Google Analytics is een gratis dienst om allerlei informatie over de bezoekers van uw website bij te houden. Ik heb onlangs een rare ervaring gehad met de "

# 29: Google zoeken naar uw site - CSS-trucs

# 29: Google zoeken naar uw site - CSS-trucs

Het integreren van zoekopdrachten op een website kan een ongelooflijk complex onderwerp zijn dat veel verder gaat dan mijn vaardigheden op het gebied van webontwikkeling. Gelukkig biedt Google een service met de naam '

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

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

In deel twee van deze serie over het omzetten van een Photoshop-mockup naar een HTML / CSS-website ga ik verder met de header / menu-sectie van de site. Ik verander de "

# 28: Wufoo gebruiken voor webformulieren - CSS-trucs

# 28: Wufoo gebruiken voor webformulieren - CSS-trucs

Elke keer dat iemand me naar formulieren vraagt, noem ik altijd Wufoo. Op het werk en thuis, bijna elk formulier dat ik maak, gebruik ik gewoon Wufoo. Het maakt vorm "

# 201: Booping - CSS-trucs

# 201: Booping - CSS-trucs

Joshua Comeau bedacht de term "boop" (high five, Adam Kuhn). Dit zijn een soort hover / focus-toestanden, behalve dat ze dat niet zijn. Jouw dingetjes - "

# 26: Ontwerpen voor Wordpress: deel twee - CSS-trucs

# 26: Ontwerpen voor Wordpress: deel twee - CSS-trucs

We hebben WordPress geïnstalleerd, laten we nu echt onze handen vuil maken en ervoor zorgen dat WordPress doet wat we willen dat het doet. We beginnen met rond te snuffelen in de "

# 27: Ontwerpen voor Wordpress: deel drie - CSS-trucs

# 27: Ontwerpen voor Wordpress: deel drie - CSS-trucs

In deel drie van deze serie ronden we de structuur van de site af en beginnen we in de details te duiken. De typografie is ingesteld, de rechterzijbalk is ingesteld "

# 202: Gecentreerde lijstmarkeringen - CSS-trucs

# 202: Gecentreerde lijstmarkeringen - CSS-trucs

Zoals zoveel dingen met CSS, zijn er allerlei kleine dingen om te weten, zelfs zoiets minuscuul als het centreren van een lijstmarkering. Een lezer schreef met een "

# 25: Ontwerpen voor Wordpress: Part One - CSS-trucs

# 25: Ontwerpen voor Wordpress: Part One - CSS-trucs

WordPress is een enorm populair CMS voor bloggen. Het bloggedeelte van CSS-Tricks draait op WordPress en ik ben er erg blij mee. Op veler verzoek zijn we "

# 200: Scroll naar Zoom - CSS-trucs

# 200: Scroll naar Zoom - CSS-trucs

Eerlijke waarschuwing: je zult dit niet elke dag nodig hebben! Ik keek toevallig naar een leuke kleine SVG-warping-tool met een functie waar mijn muis "