Tusenvis av tips CSS, PHP, skript. Nyttig tutorials og videotips

Det er en måte du kan lage en fremdriftslinje som viser hvor langt en bruker har rullet nedover siden (som en "indikator for lesing av fremdrift") uten JavaScript i det hele tatt. Bare noen smart bruk av stigninger og posisjonering. "

Hei alle sammen! Velkommen til den komplette serien om å bygge et mobilnettsted for første artist med WordPress. Dette er litt annerledes enn forrige serie "

Morsomt ord, ikke sant? Det er en visuell effekt som får et element til å vri seg, vri seg på plass og gi det en slags urolig, men ekstremt unik følelse. "

I denne screencasten snakker jeg om hvordan kommunikasjonen var mellom meg og Jeff da han første gang sendte meg en e-post om at jeg ønsket å redesigne nettstedet. De"

Fra den siste videoen vet vi at vi har fem viktige punkter å vurdere når vi begynner med utformingen av dette nettstedet. Vi holder dem øverst i tankene våre som "

Av Chris Coyier Dette er et kompendium av favoritttriksene jeg har kommet over i hele tiden med å gjøre dette nettstedet. De fleste av dem er ikke mine egne, men av mennesker som er langt mer flinke enn meg. Her viser jeg dem frem og forklarer trikset slik jeg ser det. Mens kanskje noen av dem er mer (...) "

Vi starter med at Photoshop-filen er åpen. Det ganske tullete "langstrakte" iPhone-skjermbildet, som rett og slett bare gir oss et lerret i mobilen først "

Vi har "toppteksten" til designet, vi trenger bare å finne ut resten av siden. Vi har en liste over de viktigste målene vi prøver å "

Vi ønsker å jobbe lokalt mens vi jobber med dette prosjektet. Bare noen få grunner: Det er raskt. Vi kan jobbe frakoblet hvor som helst. Vi jobber med en komplett "

Vi midt i å fjerne WordPress-temaet til omtrent så bare bein som vi kan få det. Vi er ikke bekymret for designet vi prøver å komme til, "

Vi har plukket ut Proxima Nova som den viktigste skrifttypen som skal brukes til Jeffs nettsted. Det er darn populært i disse dager, men det ser bra ut med Jeffs arbeid. Enkel,"

Vi kommer til å slutte å se på den gamle siden her snart. Dette er siste gangen! Planen vår nå som vi har et skikkelig lokalt utviklingsmiljø er å gi "

I denne skjermsendingen har vi CodeKit begynt å se prosjektet vårt. Dette gjør mange utvikleroppgaver mye enklere. Det første vi gjør er at vi skal "

Vi bestemmer oss for å gå med RoyalSlider for glidebryteren på hjemmesiden. Jeg har lenge vært en fan av AnythingSlider, fordi jeg var en del av skapelsen og jeg "

Glidebryteren er implementert og fungerer, den ser bare ikke ut som vi har designet den. Vi går gjennom prosessen med å fjerne HTML og CSS som vi "

Glidebryteren fungerer! Men det er ikke plassert helt nøyaktig slik vi har designet i Photoshop-filen. Vi trenger mer plass under det for å avsløre mer av de viktigste "

Vi har en plan for hjemmesidens navigering, vi trenger bare å få det gjort i kode. Hjemmeside navigasjon, sier jeg spesifikt, fordi dette sannsynligvis bare er "

Vi er nesten ferdige med hjemmesidenavigasjonen, men det er litt merkelig plass under glidebryteren vår og over selve navigasjonen. Vi graver i å finne ut "

Vi har en god start på hjemmesidens navigasjon, men det er noen styling ting som fortsatt må gjøres. Vi starter med å fullføre selve innholdet, "

Dette vil være omtrent den enkleste bunnteksten noensinne på et nettsted. Det vil være et copyright-symbol med Jeffs navn (jeg synes alltid det er hyggelig å ha navnet "