Opprett Responsive og Beautiful Full Page Lightbox med BaguetteBox.js
Det finnes dusinvis av lightbox-plugins, og de er alle gode av forskjellige grunner . Noen jobber bedre på porteføljesider, mens andre er best for responsive layouter.
Men en av mine favoritt nye plugins å bruke er baguetteBox.js, laget av JavaScript-utvikleren Marek Grzybek.
Selvfølgelig er dette pluginet helt gratis å bruke og åpnes på GitHub hvis du vil grave inn koden manuelt.
Biblioteket har ingen avhengighet, så du kan kjøre det uten jQuery, Zepto eller noe annet. Det er et rent JavaScript-bibliotek med et veldig enkelt oppsett .
Det er ment å fungere perfekt på mobile enheter, så det kan støtte swipes og kraner, sammen med standard oppførsel på stasjonære og bærbare datamaskiner. Det er en av de få fullskjerms galleriene som støtter mobilinteraksjoner, sammen med en full modal effekt .
Ta en titt på demo siden for å se den leve i aksjon. Den har et fullt utstyrt galleri, sammen med den ene koden som kreves for å få det til å fungere :
baguetteBox.run ( 'baguetteBoxOne');
Så, dette retter seg mot et beholderelement med klassen .baguetteBoxOne
og hele galleriet fungerer av det.
Du kan angi egendefinerte alternativer hvis du ønsker ting som bildetekster, knappestiler, forhåndsbelastningsfunksjoner og tilbakeringingsmetoder for onclick / onchange-hendelser. Alle disse alternativene er godt dokumentert på GitHub hvis du vil dykke inn.
Men det tar egentlig ikke mye å få dette til å gå utover et beholderelement og noen grunnleggende bildeelementer.Du har full kontroll over animasjonene, bildestørrelsene, swipe-effekter og galleriinnhold som titler / bildetekster. Dette krever JavaScript, så det har ikke et rent CSS-alternativ til modal. Men siden de fleste nettlesere støtter JavaScript, burde det ikke være et problem.
For å lære mer, besøk baguetteBox.js hovedside, og du kan også dele tankene dine med skaperen på Twitter @feimosi.
Overhang.js - Et jQuery-plugin for Dropdown-meldingsmeldinger
Hvor irriterende er standard JS varselbokser ? De føler seg som en relikvie fra en primitiv svunnen epoke av webutvikling.I dag kan vi lage diskret meldingsmeldinger som deler samme informasjon, men ikke forstyrrer brukeropplevelsen . Og det er akkurat det du kan gjøre med overhang.js . Denne gratis jQuery-plugin kan legge til egendefinerte varslingsfelt som faller ned fra toppen av skjermen.
Blogging Advice: The Good, The Bad & The Ugly
Har noen gang hatt denne opplevelsen der, etter å ha lest en haug med bloggingråd på Internett, stirrer du bare tomt på skjermen og sier: "Huh?"Det er ikke at du ikke forstod rådene. Det er bare at de såkalte blogging-ekspertene ikke ser ut til å være enige om do's og don'ts av profesjonell blogging.En eksp