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.
![](http://hideout-lastation.com/img/tech-design-tips/347/simplelightbox-touch-friendly-image-lightbox-that-also-supports-wordpress.jpg)
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.
![](http://hideout-lastation.com/img/tech-design-tips/347/simplelightbox-touch-friendly-image-lightbox-that-also-supports-wordpress-2.jpg)
Ga voor meer informatie naar de startpagina van SimpleLightbox en download een kopie van het script van GitHub.
![12 Creatieve streepjescodeontwerpen die (ongelooflijk) werken](http://hideout-lastation.com/img/tech-design-tips/734/12-creative-barcode-designs-that-work.jpg)
12 Creatieve streepjescodeontwerpen die (ongelooflijk) werken
De streepjescode is een van de meest onontgonnen ontwerpen direct na de QR-code, vanwege de misvatting dat het ontwerp onveranderlijk en gewoon saai is om naar te kijken. Feit is dat niet alleen hun lijnen verwrongen kunnen worden voor creatieve doeleinden, maar dat de streepjescode, wanneer deze gelijk wordt behandeld met andere designonderwerpen, de mogelijkheid heeft om het product te laten opvallen en te laten opvallen door de rest
![Converteer je Doodles in gruwelijke afbeeldingen met Pix2Pix](http://hideout-lastation.com/img/tech-design-tips/628/convert-your-doodles-into-horrific-images-with-pix2pix.jpg)
Converteer je Doodles in gruwelijke afbeeldingen met Pix2Pix
Wat krijg je als je door mensen gemaakte doodles en machinaal leren combineert ? Welnu, de Nederlandse omroep NPO heeft daar een antwoord op, iets genaamd Pix2Pix, een kleine webapplicatie die je doodles verandert in nogal angstaanjagende afbeeldingen met behulp van de machine learning-technologie .Gemaakt met behulp van het open-source machine learning platform van Google genaamd Tensorflow, gebruikt Pix2Pix een systeem genaamd generative adversarial network (GAN) om een goed beeld te creëren van de ingezonden doodle . Om