no.hideout-lastation.com
Paradis For Designere Og Utviklere


Legge inn Responsive Videoer enkelt med SuperEmbed.js

Den moderne nettsiden er fullt responsiv og flere designere realiserer dette hver dag. Men det er en irriterende utfordring når det gjelder lydhør design: innebygd innhold .

Hvert videofil fra YouTube til Vimeo har en standard innebygningskode fast til en viss størrelse. Dette innebærer at utviklere trenger å bruke andre løsninger for å lage fullt lydhørlige videoer .

I stedet for å bruke en CSS-containerklasse kan du imidlertid bruke SuperEmbed.js, et gratis JavaScript-bibliotek for å lage lydige videoer .

Denne plugin løser to problemer samtidig. Alle innebygde videoene strekker seg for å fylle hovedbeholderen, samtidig som den er fleksibel nok til å endre størrelse basert på nettleservinduet .

Den beste delen er at SuperEmbed.js krever ingen ekstra kode, så du kan bare legge inn filene og la dem kjøre . Dette JS-biblioteket tar vare på resten ved å målrette innbygde elementer fra bestemte nettsteder .

Alle videoene opprettholder sine spesifikke aspektforhold, så du trenger ikke å bekymre deg for wonky dimensjoner. Og SuperEmbed fungerer som et vanilje-JS-bibliotek uten avhengigheter som jQuery.

Akkurat nå støtter SuperEmbed 15+ videoinnstillinger fra nettsteder som YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me og Archive.org (blant mange andre). Denne listen vokser fortsatt, så forvent at flere video-streamingtjenester skal legges over tid.

For å få dette verktøyet til å fungere, trenger du bare å laste ned biblioteket og legge det til nettstedets overskrift slik:

Du kan laste ned en fullstendig kopi fra GitHub repo, som også inneholder spesifikasjoner for støttede videosider og nåværende nettleserstøtte .

For det meste støtter SuperEmbed alle moderne nettlesere fra FireFox 3.5+, Chrome 4+ og versjoner av Internet Explorer 9 eller høyere.

Dette er et veldig imponerende bibliotek med tanke på all nettleserstøtte og hvor bra det fungerer rett ut av boksen . Det er en mye enklere løsning enn CSS hacks hvis du er ok med å stole på JavaScript.

Du kan finne mer informasjon om GitHub, og du kan se at den fortsetter å løpe i denne fiennen.

Bruke høy fargekontrast for mer tilgjengelig design

Bruke høy fargekontrast for mer tilgjengelig design

En høy avvisningshastighet skyldes ofte den dårlige visuelle tilgjengeligheten til et nettsted. Når fonter er for små, eller de er neppe lesbare, når det er for mange forstyrrelser eller ikke nok hvite plass, går mange bare av sted uten en annen tanke .En av de hyppigste årsakene til tidlig forlatelse er de dårlig utvalgte fargevalgene som reduserer lesbarheten av innholdet.Ifølge

(Tekniske og design tips)

8 ting forskere lærte fra din Facebook-bruk

8 ting forskere lærte fra din Facebook-bruk

Facebook er en skattemine av data og har vært en varm seng av studier på online sosial atferd. Den sosiale media-giganten har til og med et team av dataanalytiker (aka Data Science Team ), og ser på alle dataene vi har satt opp på Facebook. Om det er informasjon om oss selv i Om-delen eller en enkel Like, Facebook vet alt.Nå,

(Tekniske og design tips)