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


Marge toevoegen Tekst naar willekeurige websites eenvoudig verplaatsen met Marginotes

Inline tooltips zijn fantastisch, maar soms passen ze gewoon niet goed bij bepaalde inhoud. De meeste websites laten ruimte in de marge achter de paginabody en dit is perfect voor het toevoegen van inhoud in de tooltip-stijl zonder de tooltips .

Voer Marginotes in, een gratis open source jQuery-plug-in die aangepaste notities aan de marges van uw webpagina toevoegt . U kunt deze opmerkingen wijzigen op basis van koppelingen of bepaalde elementen op de pagina, zoals afbeeldingen.

Deze plug-in is verrassend eenvoudig in te stellen en wordt geleverd met een standaard stylesheet voor uw margenota's. Deze verschijnen aan de zijkant van uw inhoud en worden uitgelijnd naast het alineanummer op uw webpagina.

De zweefnoten worden handmatig toegevoegd aan uw HTML-elementen, met behulp van een kenmerk desc . Ik heb dit nog nooit in HTML5 gezien, dus ik kan niet zeggen of het volledig compliant is. Maar het wordt wel opgepikt door JavaScript, dat is alles wat je echt nodig hebt.

U kunt dit kenmerk ook wijzigen wanneer u de functie marginotes() uitvoert, dus u kunt dit wijzigen in iets als data-desc als u op zoek bent naar meer compliant.

Hier is de enige regel van jQuery die nodig is om deze plug-in te laten werken:

 $ ( "Selector"). Marginotes () 

U moet "selector" vervangen door de elementen die u target. Dus, als ze zich in de body van uw pagina bevinden, zou u ".body span" kunnen gebruiken. U kunt ook ankerlinks targeten of door bepaalde klassen die aan deze elementen zijn toegevoegd.

In de functie marginotes() kunt u twee optionele parameters toevoegen om de notatie van de marge te wijzigen:

  1. width - stelt de breedte van de notitie in (standaard ingesteld op 100px)
  2. field - stelt het kenmerk HTML content in (standaard ingesteld op "desc" )

Als je jQuery niet leuk vindt, kun je ook de vanille Marginotes-plug-in proberen. Het draait op vanilla JS, dus je hebt nul afhankelijkheden om dezelfde functies te krijgen.

Je kunt ook deze live demo bekijken als je deze in actie wilt zien. Dit is absoluut een unieke plug-in en het is een geweldige manier om wat extra inhoud aan uw site toe te voegen .

Met dit hoesje kunt u uw iPhone altijd en overal opladen

Met dit hoesje kunt u uw iPhone altijd en overal opladen

Het valt niet te ontkennen dat de iPhone een lange batterijlevensduur heeft. Zware gebruikers kunnen de batterij van een volledig opgeladen iPhone echter nog steeds binnen normale werkuren leegmaken. De ideale oplossing voor dit probleem is normaal gesproken een powerbank, of bij voorkeur een stopcontact, zodat u de batterij van uw telefoon kunt opladen

(Technische en ontwerptips)

Hoe u Goodreads-beoordelingen kunt krijgen via API

Hoe u Goodreads-beoordelingen kunt krijgen via API

Voor boekenliefhebbers die een voorkeur hebben voor een specifiek genre, zullen ze waarschijnlijk de aanbeveling van een vriend bekijken dan een lijst met bestsellers te volgen. Dit is de reden waarom Amazon's Goodreads een site is met bladwijzers voor enthousiaste lezers. Het is een plaats waar je een uitgebreide database van boeken, aanbevelingen en beoordelingen kunt vinden door boekliefhebbers

(Technische en ontwerptips)