Re:10 Weird HTML Hacks That Shaped the Internet
by Brajeshwar on Friday December 01, 2023 @06:37AM
(#38485658)
That 3x3 was used so much with our team that we built a component just to do that. I even wrote an article about it, more of an ActionScript thing but same idea for styling -- https://brajeshwar.com/2005/splice9-bitmap-window-resizer-co...
The other nice thing was the use of the cicada principle for a background styling pattern that 'do not repeat.'
Re:10 Weird HTML Hacks That Shaped the Internet
by aidos on Friday December 01, 2023 @06:48AM
(#38485736)
Golly. It’s a bit of a slap in the face to click through to A List Apart and see the header broken on mobile.
It’s still so clean though after all these years.
Re:10 Weird HTML Hacks That Shaped the Internet
by mattwad on Friday December 01, 2023 @04:09PM
(#38492440)
you mean the title cut off? it happens on desktop too. i wonder if it's intentional
Re:10 Weird HTML Hacks That Shaped the Internet
by Brajeshwar on Friday December 01, 2023 @08:48PM
(#38495021)
Yes, it is intentionally their design.
Re:10 Weird HTML Hacks That Shaped the Internet
by aidos on Saturday December 02, 2023 @07:54AM
(#38498285)
In that case, awesome.
Re:10 Weird HTML Hacks That Shaped the Internet
by Semaphor on Friday December 01, 2023 @08:53AM
(#38486645)
> Faux columns
Still live on our main-website because there’s never time to replace it with something more modern ;)
Re:10 Weird HTML Hacks That Shaped the Internet
by loldot on Friday December 01, 2023 @01:37PM
(#38490462)
Aldo worth mentioning; the sliding doors technique for rounded corners; https://alistapart.com/article/slidingdoors/
- Faux columns, to get a visual stretch and make it appear that the sidebar was as long as the content https://alistapart.com/article/fauxcolumns/
- Or take that even further, with a nine-patch and 9 div's or a 3x3 table you could hack your own borders by repeating backgrounds in some axis. With CSS3 we got border-image that could help this a bit. These border styles aren't that much in favor anymore, though.
- To make rounded borders, one could use the nine-patch. But many would also use a generator to make some HTML that basically simulated a rounded border, by making lots of elements. Found this article describing it: http://benogle.com/2009/04/29/css-round-corners.html Conventional wisdom was that the added markup would be more bytes than an image would be, but less roundtrips and quite easy to do.