Jump to navigation

Fragment Identifiers - iameven.com

- Even Alander

Hyper text has this awesome feature which only a handful of pages seems to implement.

Fragment Identifiers

Not only is it possible to link to a website, but you can also link to a section on a page. If just developers would leave some id attributes for you to select. That is what Wikipedia does in the "Contents" box on almost every page, just look: https://en.wikipedia.org/wiki/Fragment_identifier#Basics

But on a random blog, documentation page (some do), or basically any given random website you're likely to not have that ability. Why is that? I think developer blogs are partially to blame for exactly this, by spreading the rumor that id attributes are bad for your CSS. Then some tool has added that as a rule and suddenly you have a lot of web developers thinking IDs are dangerous to use. And even though that is a good rule for selectors it sort of leaves out when it is OK to use IDs.

On this site I have chosen to expose a link when you hover over the titles, but I'm not expecting everyone to do that. I just want the ability to look at the source and add the ID to the URI when I want to point someone to a specific part of a page. I also expect the id to be URI safe. I don't really think I'm asking too much here. On this site I use a script to add URI safe ID attributes to every header so this is possible to do without having to think about it.

  1. iameven.com
  2. : Fragment Identifiers
  3. : Valid HTML
  4. : 2017
  5. : Nostalgia driven web design
  6. : Lynx
  7. : The ssstraight story
  8. : Tetris
  9. : Snake
  10. : Post install
  11. : Re-building this website
  12. : Post stats 2014
  13. : Optimizing for git
  14. : Digging through old files
  15. : Arduino Uno
  16. : Building this website
  17. : Getting myself a logo
  18. : Warm Echo
  19. : Recent events
  20. : WTF, Spotify?
  21. : Numusic and Nuart
  22. : U don't simply uplay
  23. : Playing with time lapse
  24. : WZ
  25. : Fine Day
  26. : Restoring iameven
  27. : Ableton push
  28. : Ghost - Light weight Wordpress
  29. : Everything on the net should be dated
  30. : Euro Offshore container
  31. : Niels Juels street
  32. : Kverneland Næringspark
  33. : Hiking
  34. : Fume Tests
  35. : More Lexi pictures, in Sandveparken
  36. : Trustbuddy
  37. : Lexi visiting the beach
  38. : A Bit Weird
  39. : Weekend trip to Sirdal
  40. : Old sketches
  41. : HÃ¥vard's post stats
  42. : Rant about airports
  43. : The Good Old Days
  44. : Beetle
  45. : 206
  46. : Phone sketches
  47. : Noroff 3DDA
  48. : Panorama pictures, Sola and Stavanger
Logo