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


Hvordan utvide miniatyrbilde som Google-bilder

Google Images kjører et unikt brukergrensesnitt med forhåndsvisning av miniatyrbilder fra mange forskjellige nettsteder . Ved å klikke på noen av disse miniatyrbildene, utvides skjermen med flere detaljer og et større bilde.

Det er et av de beste bildgalleri- funksjonene jeg har brukt, og nå kan du klone det med Gridder.js .

Dette gratis jQuery-pluginet følger i fotsporene til Googles utrolige UX ved å lage et plugin som samsvarer med denne effekten. Du kan slå et fotogalleri til et galleri i Google Bilder-stil med alle de samme animasjonene og skjermfunksjonene.

Jeg er hyggelig overrasket over hastigheten og brukervennligheten som følger med denne plugin. Bare ved å klikke på et miniatyrbilde vises et større bilde og animasjonene er superrengjorte.

Bildene inneholder en seksjon for beskrivende tekst hvis du vil legge til noen detaljer eller lenker relatert til bildene. Dette fungerer spesielt godt for enkle porteføljesider med et mål å fokusere på bildene.

På toppen av det kan du også trekke innhold via Ajax . Dette lar deg lage dynamiske miniatyrer som trekker innhold fra andre nettsteder eller via APIer.

Hver klikkhendelse tilbyr en tilbakeringingsmetode, slik at du kan til og med kjøre andre plugins eller JavaScript-funksjoner ved siden av Gridder. Med så mange alternativer, føles det praktisk talt som et helt gridramme!

Siden Gridder kjører på jQuery, krever det den nyeste versjonen som en avhengighet. Men det er alt du trenger (sammen med Gridder.js-filen), og med noen få linjer med HTML, kan du få rutenettet til å løpe jevnt.

Du bør sjekke ut GitHub-siden for fullstendige instruksjoner, men her er en rask forhåndsvisning av hvordan HTML-en ser ut:

Innholdet går her ...

Alt innhold blir trukket gjennom JavaScript, slik at du kan laste inn stort sett alt du vil.

Det er et utrolig allsidig plugin med muligheter for å endre animasjonshastigheten, lette, lukke knappestilen og bla offsetposisjon for når brukeren klikker på et nytt miniatyrbilde.

Nybegynnere og pro-utviklere vil finne mye verdi i denne plugin. Likevel, hvis du fortsatt ikke er sikker på om dette er for deg, ta en titt på Live Gridder demo siden og spill av.

Denne Chatbot-terapeuten sporer ditt humør og hjelper deg med å redusere depresjon

Denne Chatbot-terapeuten sporer ditt humør og hjelper deg med å redusere depresjon

Vi har alle opplevd de ubehagelige følelsene eller har noe å bekjenne til på et tidspunkt i våre liv. I slike tider er den mest effektive løsningen å snakke med noen, men det kan være vanskelig å gjøre det.Men hva om jeg fortalte deg at det er noen, eller rettere noe, som kan hjelpe deg med å komme gjennom de mørke lappene i livet, og ville ikke dømme deg i det hele tatt for det? Hvis dette

(Tekniske og design tips)

App Utvikling: 10 Best Bug & User Tracking Tools

App Utvikling: 10 Best Bug & User Tracking Tools

Selv om feilsporing er en av de viktigste oppgavene når appen din fortsatt er i utviklingsfasen, kan problemer fortsatt stige i produksjonsfasen etter at appen din gikk online. I prosessen med "insamling" kan det også være nyttig å aktivere brukerne dine å gi deg øyeblikkelig tilbakemelding, eller la dem stille spørsmål hvis de ikke forstår hvordan appen din fungerer. Brukern

(Tekniske og design tips)