Video screencasts 2025, Januari-

# 140: Aanmelding voor forums Styling - CSS-trucs

# 140: Aanmelding voor forums Styling - CSS-trucs

We zijn nog steeds nek diep in het Forums-gebied. In deze screencast kijken we naar de aanmeldingspagina. Nog een nogal belangrijke pagina omdat we de ervaring willen van "

# 137: Forums Wrangling, deel 4, Controle krijgen - CSS-trucs

# 137: Forums Wrangling, deel 4, Controle krijgen - CSS-trucs

We beginnen meteen met het stylen van het hoofdinhoudgedeelte van de startpagina van The Forums. Misschien wel het belangrijkste onderdeel van de forums, aangezien het het eerste is "

# 139: Discussiestijl op afzonderlijke forums - CSS-trucs

# 139: Discussiestijl op afzonderlijke forums - CSS-trucs

Je zou kunnen zeggen dat de startpagina van de forums de belangrijkste pagina is, maar er zijn even goede argumenten voor individuele threadweergaven als de "

# 138: Forums Homepage Styling - CSS-trucs

# 138: Forums Homepage Styling - CSS-trucs

Het is een beetje een lange wegworsteling geweest over alle onderdelen die we nodig hebben, met een paar worstelingen en verrassingen onderweg. We kunnen eindelijk "

# 134: Forums Wrangling, deel 2 - CSS-trucs

# 134: Forums Wrangling, deel 2 - CSS-trucs

In deze screencast gaan we verder met het graven van de code van Vanilla Forums om ons thema aan de gang te krijgen. We nemen meteen de beslissing om de wilde-n-gekke zet te doen "

# 135: Forums Wrangling, deel 3, login - CSS-trucs

# 135: Forums Wrangling, deel 3, login - CSS-trucs

We blijven ons verdiepen in het thema Forums van de site. We hebben het tot nu toe goed gedaan, maar hoe dieper we graven, hoe moeilijker het wordt. "

# 136: Inzicht in Vanilla Forums Thema-overschrijvingen - CSS-trucs

# 136: Inzicht in Vanilla Forums Thema-overschrijvingen - CSS-trucs

We zijn gestopt met proberen te beslissen of we de strijd om een ​​statisch inlogformulier kunnen winnen of niet. Dat zouden we waarschijnlijk kunnen, maar door meer te spelen met de forums, "

# 133: Forums Wrangling, deel 1 - CSS-trucs

# 133: Forums Wrangling, deel 1 - CSS-trucs

In deze screencast gaan we echt in op de code van het forumgedeelte. Het "hoofd" bestand van de forums, als er zoiets is, is default.master.php. "

# 132: Inleiding tot de forums - CSS-trucs

# 132: Inleiding tot de forums - CSS-trucs

In deze screencast duiken we in een geheel nieuw gedeelte van de site: The Forums! Dit is een enorm deel van de site. Misschien niet zo veel in het verkeer (ik heb altijd "

# 131: Meer homepage-modules bouwen - CSS-trucs

# 131: Meer homepage-modules bouwen - CSS-trucs

In deze screencast zijn we begonnen met het uitbouwen van nog een paar van de modules die we op de startpagina willen hebben. Gewoon een kleine aanpassing en we laten drie hete "

# 130: Styling van de artikelarchievenpagina - CSS-trucs

# 130: Styling van de artikelarchievenpagina - CSS-trucs

De artikelarchievenpagina op CSS-Tricks is nogal belangrijk. In plaats van gepagineerde blogposts te hebben zoals de meeste blogs, link ik gewoon naar de archieven. "

# 129: Photoshopping Meer homepage-modules - CSS-trucs

# 129: Photoshopping Meer homepage-modules - CSS-trucs

In deze screencast gaan we in op het toevoegen van nog meer modules aan de homepage van de site. Redelijk belangrijke dingen! Op dit moment hebben we er maar een handvol "

# 128: Styling van de Deals-pagina - CSS-trucs

# 128: Styling van de Deals-pagina - CSS-trucs

In deze screencast gaan we in op het gedeelte Deals. Het gedeelte Deals is in wezen een "muur met advertenties". Het is een gedeelte van de site dat mensen zouden moeten "

# 126: Bouwen aan de enkele videopagina, deel 1 - CSS-trucs

# 126: Bouwen aan de enkele videopagina, deel 1 - CSS-trucs

In de screencast duiken we in de HTML- en CSS- en WordPress-sjabloon die de enkele videopagina is. We hebben al ontworpen hoe we willen dat dit eruitziet in "

# 127: De enkele videopagina bouwen, deel 2 - CSS-trucs

# 127: De enkele videopagina bouwen, deel 2 - CSS-trucs

In deze screencast maken we code-wranglin 'de sjabloon voor afzonderlijke video's af. We beginnen met het een beetje organiseren in onze CSS. Enkele van de videos.scss "

# 125: Photoshoppen op de enkele videopagina - CSS-trucs

# 125: Photoshoppen op de enkele videopagina - CSS-trucs

In deze screencast gaan we in op het ontwerpen van nog een zeer belangrijke pagina. Dit is een van die pagina's waar ik vanaf het begin enthousiast over ben geweest, "

# 122: Het videoarchief opbouwen, deel 1 - CSS-trucs

# 122: Het videoarchief opbouwen, deel 1 - CSS-trucs

De video-archiefpagina is het deel van de site waar mensen door alle gratis video's kunnen bladeren die beschikbaar zijn om te bekijken. Het is om te browsen, moet de startpagina leuk vinden "

# 123: Het videoarchief bouwen, deel 2 (navigatie) - CSS-trucs

# 123: Het videoarchief bouwen, deel 2 (navigatie) - CSS-trucs

We hebben zojuist een opwindend deel van dit herontwerp voltooid, waarbij we een hoop grove markeringen op de pagina met video-archieven hebben moeten weggooien en vervangen door nieuwe, "

# 124: Het demo-archief bouwen - CSS-trucs

# 124: Het demo-archief bouwen - CSS-trucs

In deze screencast gaan we werken aan het "Demos" -gedeelte van CSS-Tricks. Het is een vrij populair gedeelte van de site, ondanks het feit dat ik niet de tekst '

# 121: Een sjabloon voor algemene pagina's - CSS-trucs

# 121: Een sjabloon voor algemene pagina's - CSS-trucs

We kijken naar de contactpagina en besluiten dat dit het soort pagina is op CSS-Tricks dat erg algemeen is en geen speciale vormgeving nodig heeft bij "

# 120: Een plug-in voor lidmaatschap kiezen voor WordPress - CSS-trucs

# 120: Een plug-in voor lidmaatschap kiezen voor WordPress - CSS-trucs

In deze screencast beginnen we te praten over hoe we het lidmaatschapsgedeelte van CSS-Tricks gaan opbouwen. Onderdeel van de Kickstarter die dit hele ding heeft gemaakt "

# 119: aangepaste koptekst voor video's - CSS-trucs

# 119: aangepaste koptekst voor video's - CSS-trucs

Ik denk dat ik in een vorige video heb gezegd dat we alle kopteksten hadden afgerond. Grapje! Er is er nog een over! Deze is voor het gedeelte Video's en is klaar "

# 118: Live-site bekijken met plug-in voor thema-omschakeling - CSS-trucs

# 118: Live-site bekijken met plug-in voor thema-omschakeling - CSS-trucs

In deze screencast voegen we een nieuwe plug-in toe aan de site die ons de mogelijkheid geeft om van thema te wisselen op de live site, maar alleen zodat we (als admins) kunnen "

# 117: Aangepaste koptekst voor deals - CSS-trucs

# 117: Aangepaste koptekst voor deals - CSS-trucs

Na de rare verwarring in de laatste video over welke header we eigenlijk aan het doen waren, gaan we deze keer echt de aangepaste header implementeren "

# 116: Aangepaste koptekst voor demo's - CSS-trucs

# 116: Aangepaste koptekst voor demo's - CSS-trucs

De laatst overgebleven headers zijn binnen! We kunnen deze nu afmaken en al onze aangepaste headers laten doen. In deze screencast werken we aan de aangepaste "

# 115: Google AdSense instellen - CSS-trucs

# 115: Google AdSense instellen - CSS-trucs

We gaan een nieuwe advertentiezone op de site toevoegen, mogelijk gemaakt door Google AdSense. We hebben een tijdje geleden een BuySellAds-zone verwijderd, dus het is niet zo van "

# 114: Commentaarformulier bouwen - CSS-trucs

# 114: Commentaarformulier bouwen - CSS-trucs

In deze screencast gaan we in op het bouwen van het commentaarformulier in HTML / CSS. De opmaak voor het reactieformulier leeft in het comments.php-bestand in onze "

# 109: Voorbereiden om aan reacties te werken - CSS-trucs

# 109: Voorbereiden om aan reacties te werken - CSS-trucs

Ik ben erg opgewonden om aan het commentaargedeelte voor deze site te werken. CSS-Tricks is de thuisbasis van een aantal uitstekende discussies, dankzij jullie allemaal. Ontwerpen "

# 113: Reactieformulier Photoshopping - CSS-trucs

# 113: Reactieformulier Photoshopping - CSS-trucs

In deze screencast springen we terug in Photoshop en ontwerpen we het commentaarformulier zelf. Net als in, de invoer en het tekstgebied dat gebruikers moeten invullen om een ​​"

# 112: Gebouwreacties Discussie afronden - CSS-trucs

# 112: Gebouwreacties Discussie afronden - CSS-trucs

Aan het einde van de laatste screencast kwamen we erachter dat ons Photoshop-ontwerp, hoe eenvoudig het ook is, een probleem heeft dat te moeilijk zal zijn om "