Video screencasts 2025, Maart

In deze screencast behandel ik de absoluut absolute minimum setup voor het gebruik van jQuery op een "echte" website. We hebben een index.html-bestand met de standaard HTML5 "

Het kwam heel kort naar voren in de laatste video: hoe voorkom je dat de browser naar beneden springt als je op een hash-link klikt? Dat is het standaard browsergedrag, "

JQuery kan alles selecteren dat CSS3 kan selecteren. Maar daar stopt het niet! Er zijn een aantal extra selectors die jQuery biedt (via de Sizzle "

We hebben het veel gehad over selectors. Een jQuery-selector zoals $ ("h1") zal alle elementen op de pagina selecteren. Maar hoe zit het met ... als dat niet het geval is? Hier is een "

In CSS kun je alle elementen op de pagina met deze selecteren: h1 (/ * style alle elementen * /) In jQuery kun je exact dezelfde selector gebruiken. $ ("h1") // set "

Welkom! Het doel van deze cursus is om jou, mooie front-end ontwikkelaar, te maken van iemand met weinig of geen jQuery- of JavaScript-kennis. "

Een manier om aan jQuery te denken is de "Select and Do" -bibliotheek. jQuery is vooral goed in het selecteren van elementen op de pagina (dingen in de DOM) en vervolgens '

WordPress ondersteunt het commentaargedeelte van de site van Jeff. Dit is supergemakkelijk op te ruimen met onze CSS-superkrachten. We maken een .scss-bestand alleen voor opmerkingen "

Het is tijd om deze serie af te sluiten. Het is een leuke rit geweest! Er is een verschil tussen wat we hebben besproken en wat er daadwerkelijk aan is "

In deze screencast bekijken we de bestaande website van Jeff. Deze serie is niet zozeer gericht op "herontwerp" als de v10-serie, maar er is een bestaande "

Tot nu toe hebben we voor het grootste deel de iOS-simulator gebruikt om de mobiele versie van onze site te testen. Dat is best goed, veel beter dan het testen van een smalle "

Terwijl we de site aan het desktop-eren waren, hebben we de startpagina-navigatie naar de rechterkant van de pagina verplaatst om een ​​gat aan de linkerkant te openen voor meer "

Toen we nog bezig waren met het geven van CMS-mogelijkheden aan de startpagina-schuifregelaar, gaven we een aangepast veld aan elke startpagina-schuif een kleurenkiezer. Dat geeft ons "

Alleen omdat dit een serie mobiele apparaten is, wil dat nog niet zeggen dat we de interacties van desktop- / laptopcomputers kunnen negeren. We besteden wat tijd om ervoor te zorgen "

Op grotere schermen hebben we meer ruimte op al onze pagina's. We hebben dit op de homepagina behandeld, maar we kunnen het ook beter doen op de andere subpagina's. Een"

We eindigen met een heel eenvoudige test die in een artikel van de blog wordt geladen om weer te geven of er ruimte is: // Laad extra inhoud als er voldoende ruimte is "

We werken aan het opknappen van de site zodat de site er op "desktop" (dwz grotere) schermen nog steeds goed uitziet. De startpagina-navigatie is een ander ding dat '

Wanneer het browservenster groter wordt, wordt de schuifregelaar bovenaan de startpagina belachelijk groot. Dit is een mobiele eerste serie, maar sinds de mobiele "

Een van de vijf belangrijkste onderdelen van de site is de contactpagina. Het vereist echter nauwelijks een bekleding, omdat we het eenvoudig hebben gebouwd in Wufoo en "

Ik dacht dat we konden scoren op evenementen waarover we in de vorige video spraken, maar toen ik het gedeelte Evenementen uitwerkte, moest er genoeg code worden geschreven. "

Met onze twee werkpaard CMS-uitbreidende plug-ins geïnstalleerd, besteden we wat tijd aan het opzetten ervan. "Evenementen" op de site van Jeff is een perfect voorbeeld. Een evenement""

We hebben een ander berichttype waarvoor de juiste aangepaste velden moeten worden toegepast: de startpagina-dia's. Dit is iets dat gemakkelijk en verleidelijk zou zijn om "

We hebben in de laatste video geleerd hoe we een aangepaste lus kunnen maken en aangepaste gegevens kunnen uitvoeren vanuit onze aangepaste berichttypen en aangepaste velden. Deze keer moeten we het doen "

We kunnen de "CMS" -mogelijkheden van WordPress echt uitbreiden met slechts een paar plug-ins: geavanceerde aangepaste velden en gebruikersinterface voor aangepaste berichttypen. Met deze"

De homepagina-navigatie voldoet goed aan onze behoeften, maar het is niet praktisch om dat enorme stuk navigatie op elke pagina van de site te hebben. We hebben "

In vrijwel alle WordPress-thema's is er een bestand genaamd page.php. Dit is de sjabloon die 'Pagina's' bestuurt - een van de standaardtypen inhoud die '

Er is maar één manier om vanaf de homepagina naar het bloggedeelte van de site te gaan, en dat is door op "Lastest Writing" te klikken. Maar dat brengt je naar het meest "

De typografie klopt nog steeds niet, dus we besteden wat meer tijd aan het aanpassen ervan. Dit is de moeite waard om hier te doen, omdat header en body "

De blog geeft weer wat we willen, maar de typografie en lay-out ervan is er niet helemaal. We voegen hier en daar wat opmaak toe om te geven "

We beginnen te werken aan het bloggedeelte van de site. We willen het bloggedeelte van de site hebben op / blog / - dus we maken uiteindelijk een paginasjabloon met de naam "