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


SimpleLightbox - Aanraakvriendelijke Image Lightbox die ook WordPress ondersteunt

Portfoliosites, blogposts en zelfs sociale sites gebruiken allemaal lightboxes. Ze zijn handig om grotere inhoud te laten zien zonder meer ruimte op de pagina in te nemen .

Maar er is geen reden om helemaal vanaf nul te bouwen wanneer er zoveel gratis scripts online zijn. Een van mijn nieuwe favorieten is SimpleLightbox, ontworpen om 100% open source en mobiel responsief te zijn op alle apparaten .

Alle afbeeldingsminiaturen en lightbox-navigatielinks ondersteunen het aanraakgedrag zodat gebruikers kunnen bladeren door de inhoud van elke smartphone of tablet.

Vanaf de startpagina kun je links vinden naar de officiële GitHub-repo, de officiële WordPress-plug-in en de officiële TYPO3-extensie.

Deze bibliotheek is enorm en het is veruit een van de beste lightbox-galerijen die je zult vinden. Het maakt gebruik van een echt lightbox-ontwerp dat een kleine overlay aan de bovenkant van de pagina toevoegt bij het bekijken van een galerij.

Elke miniatuurafbeelding wordt in volledige weergave weergegeven samen met pijlen om door de hele diavoorstelling te navigeren. Maar u kunt extra functies opnemen met de SimpleLightbox-API . Er is een volledige tabel met functies in de documentatie en dit zijn enkele van mijn favorieten:

  • Navigatietekst.
  • Bijschriften van afbeeldingen.
  • Afmetingen van de beeldverhouding.
  • Swipe-to-close-functie.
  • Aangepaste animatiestijlen.
  • Optionele laadspinners.

Bovendien kunt u met deze bibliotheek callback-functies uitvoeren wanneer de gebruiker klikt om een ​​galerij te openen, naar een nieuwe afbeelding veegt of een andere veelvoorkomende actie uitvoert.

Deze methoden zijn allemaal gedocumenteerd op de hoofdsite, inclusief live voorbeelden in de GitHub-broncode . U kunt een kopie maken met Bower of Yarn als pakketbeheertool, hoewel GitHub een eenvoudiger methode is als u niet bekend bent met de opdrachtregel.

Hoe dan ook, deze bibliotheek is meer dan indrukwekkend. Het kan verbazingwekkend goed werken op persoonlijke of zakelijke portfolio-sites om te pronken met uw werk met ondersteuning voor touchscreens.

Ga voor meer informatie naar de startpagina van SimpleLightbox en download een kopie van het script van GitHub.

Gadget Packaging Designs: 20 coole en slimme voorbeelden

Gadget Packaging Designs: 20 coole en slimme voorbeelden

Hier op hongkiat.com zijn we al jarenlang fan van creatieve verpakkingsontwerpen. En de laatste tijd nemen verpakkingsontwerpen verschillende inkepingen op, bijvoorbeeld:Creatieve pakketontwerpen voor flessen en potten die u moet zien20 speelgoedverpakkingen ontwerpen die volkomen schattig zijnMooie thee verpakking ontwerpen [Showcase]Interactive Packaging: 15 slimme voorbeelden die u moet uitcheckenIn een vervolgpost hebben we 20 indrukwekkende en creatieve verpakkingsontwerpen voor elektronica voor enkele van uw favoriete elektronische apparaten: camera's, flashstations, horloges, oortele

(Technische en ontwerptips)

15 Star Wars-scènes opnieuw verbeeld met Lego

15 Star Wars-scènes opnieuw verbeeld met Lego

Voor sommigen van ons kunnen Lego die onverwoestbare landmijnen zijn die te vinden zijn op trappen en in de speelgoedkamer van de kinderen. Maar gebruik ze goed, en het wordt iets magisch - bijvoorbeeld Lego-films met een filmthema, mega Lego-constructie of coole Lego-robots - soms bijna ongelooflijk

(Technische en ontwerptips)