Video screencasts 2025, Januari-

# 75: Hoe u geen kassa kunt ontwerpen - CSS-trucs

# 75: Hoe u geen kassa kunt ontwerpen - CSS-trucs

Je zult me ​​hier moeten vergeven mensen, dit is geen erg constructieve screencast. Ik was gefrustreerd door het waardeloze afrekenproces voor een softwareproduct dat ik "

# 73: Een website bouwen (3 van 3): WordPress-thema - CSS-trucs

# 73: Een website bouwen (3 van 3): WordPress-thema - CSS-trucs

In deel 3 van deze serie nemen we de HTML en CSS die we al voor dit ontwerp hebben gemaakt, en converteren deze naar een WordPress-thema. We beginnen met een "

# 74: Bewerkbare CSS3-afbeeldingengalerij - CSS-trucs

# 74: Bewerkbare CSS3-afbeeldingengalerij - CSS-trucs

We bouwen een vrij typisch ontwerppatroon voor afbeeldingengalerieën, een raster met afbeeldingen die groter worden weergegeven wanneer erop wordt geklikt. Maar deze fotogalerijpagina maakt gebruik van hot "

# 71: Een website bouwen (1 van 3): Photoshop-mockup - CSS-trucs

# 71: Een website bouwen (1 van 3): Photoshop-mockup - CSS-trucs

Dit is het begin van een driedelige serie over het bouwen van een website. Dit wordt een echte website voor een muzikant-vriend van mij, wiens website ik toevallig verpest "

# 69: eerste tien minuten met TypeKit - CSS-trucs

# 69: eerste tien minuten met TypeKit - CSS-trucs

Ik kreeg de uitnodiging van TypeKit, schreef me in en had binnen een paar minuten prachtige aangepaste lettertypen die mijn pagina schudden. Ik zal je het hele proces laten zien van "

# 70: Random Pet Peeves - CSS-trucs

# 70: Random Pet Peeves - CSS-trucs

Ik ga gewoon willekeurig door wat kleine ergernissen en klachten die ik heb met alles van OS X tot Photoshop tot WordPress tot CSS. Ik dacht aan nog ongeveer 5 "

# 68: Think Geek Background Fade Technique - CSS-trucs

# 68: Think Geek Background Fade Technique - CSS-trucs

Deze video demonstreert de techniek die te zien is op de Think Geek 3.0-site. De onderkant van de site heeft een ontwerp van een stel robots en zoals het scherm is "

# 6: Tools of the Trade - CSS-trucs

# 6: Tools of the Trade - CSS-trucs

Voordat ik te ver kom in deze screencasts, dacht ik dat ik je een beetje kennis zou laten maken met mijn werkomgeving en de tools die ik gebruik zou uitleggen. "

# 67: jQuery Part 3 - Plugin voor afbeeldingstitel - CSS-trucs

# 67: jQuery Part 3 - Plugin voor afbeeldingstitel - CSS-trucs

Deze video richt zich op het nemen van een reeds bestaand idee en code en het omzetten in een jQuery-plug-in. In dit geval helpt het om onze code zo semantisch te houden "

# 191: Leren door te doen: CUBE CSS - CSS-trucs

# 191: Leren door te doen: CUBE CSS - CSS-trucs

Andy Bell voegt zich bij me om te praten via zijn CSS-methodologie die hij CUBE CSS noemt. Dat zijn Composition, Utility, Block en Exception. CUBE CSS is een CSS-methodologie "

# 64: Een fotogalerij bouwen - CSS-trucs

# 64: Een fotogalerij bouwen - CSS-trucs

Deze fotogalerij zal zichzelf automatisch opbouwen vanuit een map met afbeeldingen, inclusief submappen en de afbeeldingen erin. Afbeeldingen openen in een mooie "

# 65: Geavanceerd gebruik voor aangepaste velden in WordPress - CSS-trucs

# 65: Geavanceerd gebruik voor aangepaste velden in WordPress - CSS-trucs

Meer dan welke andere functie dan ook, wat WordPress tot een CMS maakt (in tegenstelling tot alleen een blogplatform), zijn aangepaste velden. Aangepaste velden zijn stukjes gegevens "

# 66: Table Styling 2, Fixed Header and Highlighting - CSS-trucs

# 66: Table Styling 2, Fixed Header and Highlighting - CSS-trucs

Slechts een paar snelle trucs, helemaal opnieuw, om tabellen te coderen. We gebruiken de juiste semantische tags voor een tabelkop en zetten deze vervolgens op een vaste positie "

# 58: HTML & CSS - De ZEER basis - CSS-trucs

# 58: HTML & CSS - De ZEER basis - CSS-trucs

Deze video is de ZEER basis van wat HTML en CSS is, voor de absolute beginner. HTML- en CSS-bestanden zijn, letterlijk, slechts tekstbestanden. Je hebt geen "

# 63: Over Screencasting - CSS-trucs

# 63: Over Screencasting - CSS-trucs

Dit is een beetje een kijkje achter de schermen van hoe ik de screencast maak en verspreid. Ik bespreek de hardware en software die ik gebruik, hoe het wordt "

# 62: Geavanceerde vormgeving en functionaliteit - CSS-trucs

# 62: Geavanceerde vormgeving en functionaliteit - CSS-trucs

Deze screencast doorloopt de code die een redelijk geavanceerd webformulier aandrijft. Het gebruikt jQuery om invoer te verbergen en weer te geven als dat nodig is, evenals power three "

# 60: AJAX Verfrissende RSS-inhoud - CSS-trucs

# 60: AJAX Verfrissende RSS-inhoud - CSS-trucs

In video # 55 was het eindresultaat de FeedSmusher, die inhoud van externe RSS-feeds op een eigen pagina plaatste. In deze screencast beginnen we "

# 61: Basistabelopmaak met CSS - CSS-trucs

# 61: Basistabelopmaak met CSS - CSS-trucs

Tafels zijn geweldig. Ze zijn perfect geschikt voor gebruik op internet. Dat wil zeggen, voor het weergeven van tabelgegevens! In deze screencast bespreken we wat dat eigenlijk is "

# 59: Audio insluiten - CSS-trucs

# 59: Audio insluiten - CSS-trucs

Een afbeelding op een webpagina plaatsen is eenvoudig, audiobestanden niet zozeer. HTML5 maakt het zo gemakkelijk als het zou moeten zijn, maar tot die tijd moeten we onze toevlucht nemen tot andere "

# 5: Kolommen van gelijke hoogte: supereenvoudige indeling met twee kolommen - CSS-trucs

# 5: Kolommen van gelijke hoogte: supereenvoudige indeling met twee kolommen - CSS-trucs

Het dwingen van meerdere kolommen om dezelfde hoogte te hebben, is een van die lastige dingen bij webdesign. In deze screencast laat ik je er een trucje omheen zien. "

# 57: CSS3 - gebruiken CSS-trucs

# 57: CSS3 - gebruiken CSS-trucs

De nieuwste golf van webbrowsers biedt behoorlijk goede ondersteuning voor een verscheidenheid aan CSS3-dingen. Met name Safari 4 en Firefox 3.1. Deze screencast behandelt veel "

# 56: FoxyCart en WordPress integreren - CSS-trucs

# 56: FoxyCart en WordPress integreren - CSS-trucs

FoxyCart is een zeer flexibel eCommerce-systeem. Producten worden on-the-fly gebouwd als onderdeel van knoppen voor toevoegen aan winkelwagentje die slechts eenvoudige HTML zijn. Dit betekent dat je "

# 55: RSS-inhoud toevoegen met SimplePie - CSS-trucs

# 55: RSS-inhoud toevoegen met SimplePie - CSS-trucs

Het "Really Simple" -gedeelte van RSS is soms misleidend. Wat als u inhoud van een RSS-feed wilt ophalen en op uw site wilt weergeven? Doe dat vanuit "

# 54: Inleiding tot FLIR - CSS-trucs

# 54: Inleiding tot FLIR - CSS-trucs

FLIR (Face Lift Image Replacement) factureert zichzelf als een "alternatief voor sIFR". Ze vallen absoluut in dezelfde categorie. sIFR heeft wat extra functionaliteit, "

# 52: Een afdrukstijlblad maken - CSS-trucs

# 52: Een afdrukstijlblad maken - CSS-trucs

Mijn techniek voor het maken van print stylesheets gaat als volgt. 1) Begin helemaal opnieuw 2) Laat de meeste standaardinstellingen met rust 2) Elimineer alles op de pagina die u "

# 53: PayPal-formulieren, knoppen en kopteksten aanpassen - CSS-trucs

# 53: PayPal-formulieren, knoppen en kopteksten aanpassen - CSS-trucs

PayPal, hou ervan of haat het, is de gemakkelijkste manier om online geld te verzenden en te ontvangen. In deze screencast laten we zien hoe u een Nu kopen-knop kunt maken, die een '

# 4: Schuifbalken forceren: "Horizontale sprongen" elimineren - CSS-trucs

# 4: Schuifbalken forceren: "Horizontale sprongen" elimineren - CSS-trucs

In deze screencast praat ik over hoe je verticale schuifbalken op websites kunt forceren. Als u dit niet doet, kan het lijken alsof pagina's met gecentreerde inhoud 'springen' naar '

# 50: Een aangepast en dynamisch bestelformulier bouwen - CSS-trucs

# 50: Een aangepast en dynamisch bestelformulier bouwen - CSS-trucs

Real-life klanten hebben real-life behoeften voor hun websites. Ze geven niets om je dure RSS-feeds en AJAX, ze willen gewoon dat hun website doet wat "

# 51: Een les geleerd in toegankelijkheid - CSS-trucs

# 51: Een les geleerd in toegankelijkheid - CSS-trucs

Zelfs wanneer we ontwerpen met onze beste bedoelingen met betrekking tot toegankelijkheid, is er vaak iemand nodig die echt toegankelijkheidssoftware gebruikt om de site te testen en te helpen "

# 49: Mengelmoes van Photoshop-trucs - CSS-trucs

# 49: Mengelmoes van Photoshop-trucs - CSS-trucs

Photoshop is mijn favoriete hulpmiddel bij het ontwerpen voor het web. Ik vergelijk het met het kiezen van de gitaar als instrument om te bespelen. Een gitaar klinkt geweldig alleen en daar "