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.

5 HTML-elementer du kanskje ikke vet hvordan du bruker

5 HTML-elementer du kanskje ikke vet hvordan du bruker

Kjent ennå ukjent, eller helt nytt, skjer det at vi savner deler av HTML-syntaksen som kan vise seg å være viktig kunnskap vi kan bruke til en god bruk . Det er derfor om det er de nye funksjonene til HTML eller de mindre kjente applikasjonene som ennå ikke har kommet inn i radaren din, de dekker dem ganske ofte på dette nettstedet.I da

(Tekniske og design tips)

Bedre anbefalinger, hendelser og forretningsinteraksjoner som kommer til Facebook

Bedre anbefalinger, hendelser og forretningsinteraksjoner som kommer til Facebook

Dine Facebook-venner vil være mye mer hjelpsomme i de kommende dagene, da Facebook ruller ut noen nye funksjoner som vil bruke tilkoblingene dine for å oppdage nye steder, aktiviteter og virksomheter som kan interessere deg. Her er en oversikt over alle funksjonene som kommer til Facebook. Motta anbefalinger fra vennene dine Å besøke et nytt sted og ikke vet hva de skal gjøre eller hvor skal de gå? Hvor

(Tekniske og design tips)