Duizenden tips CSS, PHP, scripts. Behulpzaam tutorials en video tips

Er is een manier waarop u een voortgangsbalk kunt maken die aangeeft hoe ver een gebruiker op de pagina is gescrolld (zoals een "voortgangsindicator voor lezen") zonder JavaScript. Gewoon een slim gebruik van hellingen en positionering. "

Hallo allemaal! Welkom bij de complete serie over het bouwen van een mobiele eerste artiestenwebsite met WordPress. Dit is iets anders dan de laatste serie "

Grappig woord, toch? Het is een visueel effect dat een element een beetje kronkelt en op zijn plaats laat wiebelen, waardoor het een soort ongemakkelijk, maar buitengewoon uniek gevoel krijgt. "

In deze screencast vertel ik hoe de communicatie was tussen mij en Jeff toen hij me voor het eerst e-mailde dat hij de site opnieuw wilde ontwerpen. De"

Uit de laatste video weten we dat we vijf belangrijke punten hebben waarmee we rekening moeten houden wanneer we beginnen met het ontwerpen van deze site. We houden die in gedachten als "

Door Chris Coyier Dit is een compendium van mijn favoriete trucs die ik ben tegengekomen tijdens het maken van deze site. De meeste zijn niet van mijzelf, maar van mensen die veel slimmer zijn dan ik. Hier laat ik ze zien en leg ik de truc uit zoals ik die zie. Hoewel sommigen van hen misschien meer zijn (...) "

We beginnen met ons Photoshop-bestand geopend. Het nogal gek uitziende 'langwerpige' iPhone-screenshot, dat ons gewoon een canvas in de mobiele eerst geeft '

We hebben de "koptekst" van het ontwerp, we hoeven alleen de rest van de pagina uit te zoeken. We hebben een lijst met de belangrijkste doelen die we proberen "

We willen lokaal werken terwijl we aan dit project werken. Slechts een paar redenen: het is snel. We kunnen overal offline werken. We werken aan een complete "

We zijn bezig met het strippen van ons WordPress-thema tot ongeveer zo kaal als we het kunnen krijgen. We maken ons geen zorgen over het ontwerp dat we proberen te bereiken, "

We hebben Proxima Nova uitgekozen als het belangrijkste lettertype voor de site van Jeff. Het is tegenwoordig verdomd populair, maar het ziet er geweldig uit met het werk van Jeff. Gemakkelijk,"

We gaan hier binnenkort stoppen met kijken naar de oude site. Dit is de laatste keer! Ons plan nu we een goede lokale ontwikkelomgeving hebben, is om "

In deze screencast laten we CodeKit ons project bekijken. Dit maakt veel ontwikkelaarstaken veel gemakkelijker. Het eerste dat we doen, is dat we "

We besluiten om met de RoyalSlider te gaan voor de slider op de homepage. Ik ben al lang een fan van de AnythingSlider, omdat ik deel uitmaakte van de creatie ervan en ik "

De slider is geïmplementeerd en werkt, het ziet er gewoon niet uit zoals we hem hebben ontworpen. We doorlopen het proces van het verwijderen van HTML en CSS die we "

De schuifregelaar werkt! Maar het is niet helemaal geplaatst zoals we hebben ontworpen in ons Photoshop-bestand. We hebben meer ruimte eronder nodig om meer van de belangrijkste '

We hebben een plan voor de homepaginanavigatie, we moeten het alleen in code doen. Startpaginanavigatie, zeg ik specifiek, omdat dit waarschijnlijk alleen '

We zijn bijna klaar met de homepagina-navigatie, maar er is een rare ruimte onder onze schuifregelaar en boven de navigatie zelf. We graven om erachter te komen "

We hebben een goede start met de homepagina-navigatie, maar er zijn nog wat styling-dingen die gedaan moeten worden. We beginnen met het voltooien van de inhoud zelf, "

Dit zal ongeveer de eenvoudigste voettekst ooit op een site zijn. Het wordt een copyright-symbool met de naam van Jeff (het is altijd leuk, denk ik, om de naam te hebben van de "