Bygg Tilgjengelige Sliding Hamburger Menyer med Offcanvas
Den gratis Offcanvas plugin er en av mange ressurser for glidende navigasjoner. Du kan finne en haug med lignende plugins på nettet, men Offcanvas skiller seg ut av noen grunner.
Det er et ganske lett bibliotek og mens det kjører på jQuery, er det heller ikke veldig vanskelig å sette opp . Dette gjelder både JavaScripts-koden og HTML-koden, slik at du ikke trenger å endre standardnavigasjonen mye i det hele tatt.
Offcanvas-plugin-modulet lar deg angi bestemte områder hvor menyen skal vises . Som standard er dette vanligvis venstre eller høyre side av skjermen, men du kan også velge øverst eller nederst på skjermen.Dette gjør Offcanvas flott for mer enn bare glidende hamburger-menyer. Den kan brukes til glidende varslingsfelt eller til og med påminnelsesfelt for å fange e-poster .
Hvert panel fungerer på samme måte hvor brukeren kan klikke hvor som helst på siden for å skjule glidemenyen . Og du kan sette opp tastaturkommandoer som kjører i samsvar med ARIAs retningslinjer for riktig webtilgjengelighet.
For å få Offcanvas installert, trenger du bare en kopi av jQuery sammen med Offcanvas CSS / JS-filene . Du kan trekke disse gjennom npm, bower eller direkte fra GitHub.
Også på GitHub-siden ser du en liten prøvekode du kan redigere for å passe til nettstedet ditt. Alt du trenger for glidende nav er en
Dette utløses gjennom en ankerkobling som peker mot ID-en av skyvemenyen. Her er en utdrag fra Offcanvas GitHub som illustrerer et kort eksempel:
... ...
Hvis du kan redigere HTML-en på siden din, bør du ikke ha problemer med å få alt dette opprettet.
Funksjonen offcanvas()
støtter også alternativer for å endre animasjonshastigheten, standardklassen og tilbakeringingsfunksjonene som kan løpe etter at menyen åpnes eller lukkes.
Hvis du vil vite mer og se en live-demo, sjekk ut plugin-siden. Offcanvas er et godt valg for jQuery-drevet navigasjon hvis du liker hamburger-menyer.
Dekker hendelse i sanntid med Liveblog i WordPress
Liveblogging er en populær måte å dekke et arrangement på i sanntid - det ligner på en Twitter-feed, bare det skjer på ditt eget nettsted. Hvis du liker å følge viktige viktige hendelser som Apple WWDC, kan du finne noen tech blogger og nyhetssider liveblogging for å dekke arrangementet i sanntid.Noen av
Forventende design: Når valg er fjernet fra beslutningstaking
Har du noen gang tenkt på hvordan nettet ville se ut hvis vi kunne forutse brukernes behov ? Ideen om å tilpasse brukeropplevelsen og tjene forskjellig innhold til forskjellige mennesker basert på deres interesser, har nylig kommet fram i diskusjonene om webdesign.Den nye tilnærmingen kalles forventningsdesign, eller noen ganger kontekstdesign, og tar erfaringsdesign til neste nivå. Det