• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

jQuery Hipster Titles: It’s Like Marquee For Titles

General · May 28, 2013

When it comes to really long titles the usual approach is to hard truncate the title at a set length with an ellipsis at the end. Harking back to the glorious year of 1995 when the marquee tag was used by every man, woman, child and creepy computer obsessed uncle in their basement Hipster Titles offers a better solution to truncation.

If a title is too long, it will be hidden but when you hover over the top of it, the headline will start to scroll revealing more of the title. You might have noticed the music player on a iPhone or iPod does this for really long song titles except you don’t have to hover, they just start scrolling.

Go on, check out the demo & repo here.

When I get the time, there are a couple of issues to resolve. The one major issue is that titles that are only just too long scroll very slowly, a more intelligent speed value based on the length of the inner element is what will be coming in a future version. For now, you can just tweak to your liking.

Dwayne

Leave a Reply Cancel reply

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Popular

  • Thoughts on the Flipper Zero
  • I Joined Truth Social Using a VPN and Editing Some HTML to Bypass the Phone Verification
  • How To Install Eufy Security Cameras Without Drilling or Using Screws
  • How To Get The Hash of A File In Node.js
  • Wild Natural Deodorant Review
  • The Most Common iPhone Passcodes (and how to guess them)
  • NBN Box Installed Inside of Garage, Where Do You Put The Modem?
  • How to Record With the Neural DSP Quad Cortex in Reaper (DI and USB Recording)
  • How To Paginate An Array In Javascript
  • Improving The Coopers Australian Pale Ale Extract Tin (and other tips)

Recent Comments

  • CJ on Microsoft Modern Wireless Headset Review
  • Dwayne on Microsoft Modern Wireless Headset Review
  • CJ on Microsoft Modern Wireless Headset Review
  • john on Microsoft Modern Wireless Headset Review
  • Dwayne on Why You Should Be Using globalThis Instead of Window In Your Javascript Code

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz