nl.hideout-lastation.com
Responsieve beelden gemakkelijk gemaakt met ResponsifyJS
Het moderne web zou 100% responsief moeten zijn en nieuwere bibliotheken maken dit steeds beter mogelijk.
Met gratis plug-ins, zoals ResponsifyJS, is het nog eenvoudiger om uw websites op alle apparaten te laten werken. Deze gratis jQuery-plug-in neemt een container met afbeeldingen en herschikt deze dynamisch op basis van verschillende schermformaten.
Omdat verschillende containers afbeeldingen anders weergeven, kunnen ze op hele vreemde manieren worden verkleind. Soms heb je foto's van mensen en kunnen hun gezichten afgesneden worden wanneer ze worden aangepast op mobiel.
De Responsify-plugin is gemaakt om dit exacte probleem op te lossen. Het kan automatisch werken, maar de ware magie ligt in het definiëren van je eigen focusgebied op de foto.
Het gebruikt een intern systeem van decimale beschrijvingen om te vinden waar de focus van de afbeelding zou moeten liggen. U kunt bijvoorbeeld posities definiëren zoals data-focus-top die een bepaald segment van de afbeelding "blokkeert".
Deze gegevens moeten worden doorgegeven in de vorm van decimalen, bijvoorbeeld een .5 decimaal richt 50% van de afbeelding (links / rechts of boven / onder). Natuurlijk is dit behoorlijk verwarrend om zelf te doen. Maar er is een gratis Responsify-app waarmee u de posities dynamisch in uw browser kunt berekenen .
Upload een foto, definieer het focusgebied en kopieer en plak de afbeeldingscode in uw website. De Responsify-plug-in zal alle gegevens bevatten die nodig zijn om de afbeelding op kleinere schermen te verkleinen.
Je kunt een flink aantal live demolinks vinden in de GitHub-repo, inclusief codefragmenten om te kopiëren en in je site te plakken.Deze plug-in is niet de perfecte oplossing voor elk project. Soms wilt u dat afbeeldingen worden aangepast zonder vaste focusgebieden. Maar als u metselwerkroosters gebruikt met jQuery, doet het geen goed om ResponsifyJS aan uw stapel toe te voegen.
Ga voor meer informatie naar de startpagina van de plug-in voor een live demo, een downloadlink en een uitgebreide installatiehandleiding.
Deze site deelt de opensourcecode van verschillende Amerikaanse overheidsprojecten
De open source-beweging wordt elk jaar groter met duizenden nieuwe projecten en teams toegevoegd aan de mix. Deze beweging is zo groot dat zelfs de Amerikaanse overheid zich heeft aangesloten bij Code.gov .Uiteindelijk helpt deze site op twee fronten. Het helpt de techwereld door code open en vrij te delen om aanstormende ontwikkelaars een kans te geven om te bestuderen hoe projecten worden gebouwd
Een boek publiceren: 7 kosteneffectieve zelfpublicatieservices
Publiceren is altijd een pijnlijk probleem voor de auteur, omdat ze uitstekend kunnen schrijven, maar het lijdt als het gaat om het bepalen van het publicatieformaat, coverontwerp en budgetplanning. Het goede nieuws is dat er tegenwoordig kwaliteitsedichtingsdiensten zijn die u helpen uw boek op een kwalitatief hoogwaardige maar toch kosteneffectieve manier te publiceren
