search

shuhei / shuhei.github.com

My personal website built with randomly chosen technologies
https://shuheikagawa.com
3 stars 0 forks source link

Wrap long titles with camelCase #56

Closed shuhei closed 3 years ago

shuhei commented 3 years ago

Long titles like Check your server.keepAliveTimeout overflows on small screens of mobile devices.

Screenshot 2021-01-27 at 09 05 27

Potential solution

Insert non the zero-width space character or the <wbr> HTML tag.

http://heap.ch/blog/2016/01/19/camelwrap/ says that they affect search engines negatively. But my naive guess is that search engines are clever enough to ignore unessential characters and inline HTML tags. Do some research and choose the best approach.

Alternative approaches

I tried to partially shrinking the font size of the long word, but it didn't look good because of the big difference of font sizes.

shuhei commented 3 years ago

Done with https://github.com/shuhei/shuhei.github.com/commit/7f14e1e2094a07bc0746d3a3f7423b794457cbef. Picked <wbr>.