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


Voeg tweetable links toe aan uw inhoud met InlineTweet.js

Je zult deze functie veel zien op grote sites zoals TechCrunch en Mashable. U leest een artikel en merkt op dat een hele zin is gemarkeerd als een link .

Maar als je erop klikt, wordt er een tweetvenster geopend waarin je wordt gevraagd dat tekstfragment met je Twitter-volgers te delen. Het is een geweldige manier om verkeer naar uw site te trekken en meer sociale shares te stimuleren.

Als u dit effect op uw site wilt repliceren, probeert u InlineTweet.js . Het kan u uren installatietijd besparen door deze functionaliteit rechtstreeks aan uw pagina toe te voegen.

Deze gratis JavaScript-plugin is supereenvoudig te installeren en heeft zelfs een gratis WordPress-plug-in als je die route de voorkeur geeft.

Het vereist geen JavaScript-afhankelijkheden, dus u kunt dit sans-jQuery uitvoeren.

Alle inhoud werkt rechtstreeks via gegevensattributen, dus u zou ze één voor één moeten instellen op basis van uw inhoud. Natuurlijk maakt de WordPress plug-in dit een stuk eenvoudiger, dus als je liever meer controle hebt is dit een geweldige optie.

Op de hoofdscriptpagina vindt u enkele codefragmenten die aantonen hoe dit werkt.

U hoeft alleen het JS-script in uw pagina op te nemen en een aantal CSS naar uw stylesheet te kopiëren (slechts 3 blokken). Van daaruit kunt u HTML-codes als volgt toevoegen:

 Lorem Khaled Ipsum is een belangrijke sleutel tot succes 

Het enige vereiste item hier is het allerbeste kenmerk voor data-inline-tweet . Dit is het enige dat je nodig hebt om het effect te laten werken, al het andere is optioneel .

Maar die extra opties maken wel degelijk verschil omdat ze functies toevoegen aan de automatisch gegenereerde tweet :

  • Data-inline-tweet-via - voegt een @mention toe aan de tweet
  • Data-inline-tweet-tags - voegt tags toe aan de tweet (als er ruimte is)
  • Data-inline-tweet-url - bevat een klikbare URL in uw tweet

De installatie kan moeilijk zijn en daarom raad ik aan om de WordPress-plug-in te gebruiken als dat mogelijk is.

Maar het is niet zo erg als je de inhoud gewoon kopieert en plakt in elke tekst die je tweetbaar wilt maken. En voor een gratis plug-in is dit ding erg lichtgewicht.

Neem een ​​kijkje op de demopagina om dit in actie te zien en kijk in de GitHub-repo als je meer wilt weten.

30 gratis web- en mobiele gebruikersinterfaces voor uw verzameling

30 gratis web- en mobiele gebruikersinterfaces voor uw verzameling

Het ontwikkelen van een nieuw webontwerpproject vanaf de grond is een uitdaging, daarom houden ontwerpers zoals jij en ik van gratis UI-kits. Deze bronnen kunnen ons in ons werk aanzienlijk helpen om tijd te besparen en om een ​​klus veel sneller te klaren. UI-kits zijn ook een geweldige manier om ideeën te verkennen, inzicht te krijgen in de geest van andere ontwerpers en om nieuwe trends te ontdekken.We h

(Technische en ontwerptips)

Een resource-vriendelijke browser maken (Opera gebruiken)

Een resource-vriendelijke browser maken (Opera gebruiken)

Als u een beperkt internetabonnement heeft of een oude pc hebt die uw browservenodigdheden niet aankan, kunt u uw browser breder maken . Dit betekent dat u kunt tweaks om uw browser minder middelen te laten gebruiken .Ik gebruik de browser van Opera om te demonstreren hoe dit te doen, maar de tweaks hieronder kunnen ook in andere populaire browsers worden gedaan

(Technische en ontwerptips)