4 ms·
Some of my favorites: - Faux columns, to get a visual stretch and make it appear that the sidebar was as long as the content https://alistapart.com/article/fau
by matsemann 3y ago
Some of my favorites:
- 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/ 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 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.
- Brajeshwar 3y agoThat 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-component-01b/ 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.'
- aidos 3y agoGolly. 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.
- mattwad 3y agoyou mean the title cut off? it happens on desktop too. i wonder if it's intentional
- Brajeshwar 3y agoYes, it is intentionally their design.
- aidos 3y agoIn that case, awesome.
- Semaphor 3y ago> Faux columns Still live on our main-website because there’s never time to replace it with something more modern ;)
- loldot 3y agoAldo worth mentioning; the sliding doors technique for rounded corners; https://alistapart.com/article/slidingdoors/ https://alistapart.com/article/slidingdoors/