nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Hoe Thumbnail als Google Afbeeldingen uit te vouwen

Google Afbeeldingen voert een unieke gebruikersinterface uit met thumbnail-voorbeelden van veel verschillende websites . Als u op een van deze miniaturen klikt, wordt het scherm uitgebreid met meer details en een grotere afbeelding.

Het is een van de beste functies voor afbeeldingen die ik heb gebruikt en nu kun je het klonen met Gridder.js .

Deze gratis jQuery-invoegtoepassing treedt in de voetsporen van de ongelooflijke UX van Google door een plug-in te maken die overeenkomt met dit effect. U kunt elke fotogalerij omzetten in een galerij in Google Afbeeldingen-stijl met dezelfde animaties en weergavefuncties.

Ik ben aangenaam verrast door de snelheid en het gebruiksgemak van deze plug-in. Als u gewoon op een miniatuur klikt, wordt meteen een grotere foto weergegeven en de animaties zijn superschoon.

De afbeeldingen bevatten een gedeelte voor beschrijvende tekst voor het geval u enkele details of koppelingen wilt toevoegen die verband houden met de foto's. Dit werkt vooral goed voor eenvoudige portfoliosites met een focus op de afbeeldingen.

Daarbovenop kun je ook content ophalen via Ajax . Hiermee kunt u dynamische miniaturen maken die inhoud van andere websites of via API's ophalen.

Elke klikgebeurtenis biedt een callback-methode, zodat je naast Gridder zelfs andere plug-ins of JavaScript-functies kunt uitvoeren. Met zoveel opties voelt het praktisch als een volledig rasterwerk!

Aangezien Gridder op jQuery werkt, is de nieuwste versie vereist als afhankelijkheid. Maar dat is alles wat u nodig hebt (samen met het bestand Gridder.js) en met een paar regels HTML kunt u uw raster probleemloos laten werken.

Bekijk de GitHub-pagina voor volledige instellingsinstructies, maar hier is een snel voorbeeld van hoe de HTML eruit ziet:

Inhoud gaat hier ...

Alle inhoud wordt door JavaScript getrokken, dus je kunt vrijwel alles laden wat je maar wilt.

Het is een ongelooflijk veelzijdige plug-in met opties om de animatiesnelheid, versoepeling, knopstijl en schuifoffsetpositie te wijzigen voor wanneer de gebruiker op een nieuwe miniatuur klikt.

Zowel newbie- als pro-ontwikkelaars zullen veel waarde vinden in deze plug-in. Maar als je nog steeds niet zeker weet of dit iets is, kijk dan eens naar de live Gridder-demopagina en speel wat rond.

Hoe rijk te worden als ontwerper

Hoe rijk te worden als ontwerper

Veel mensen dromen ervan rijk te worden door het ding te doen waar ze van houden . Ontwerpers komen over het algemeen in het ontwerp omdat ze er gewoon van houden. Maar uiteindelijk hebben de realiteiten om de kost te verdienen, de rekeningen te betalen, je gezin te voeden, enz. Voorrang op je creatieve dromen, en het kan zijn dat je klanten en projecten tegenkomt waarvan je dacht dat je het gewoon niet voor het geld zou hebben

(Technische en ontwerptips)

How To Rock Being Single op Valentijnsdag

How To Rock Being Single op Valentijnsdag

Op deze Valentijnsdag vrees je waarschijnlijk weer alleen te zijn. Meer nog, als je geen geluk hebt in de datingafdeling, ondanks dat je meer mensen hebt ontmoet dan je kunt tellen in je leven. Of misschien zou dit de eerste keer kunnen zijn dat u deze dag alleen moet doorstaan ​​- na de breuk.Als je de laatste bent, ga je absoluut een hekel hebben aan de bloemen, chocolaatjes en de lovey-dovey-display om elke hoek die je omdraait. Ma

(Technische en ontwerptips)