3 ms·

Rounded corners really were all the rage for a while and we needed support for it! I remember in the early days cobbling together elements with top-left, top-r

Rounded corners really were all the rage for a while and we needed support for it! I remember in the early days cobbling together elements with top-left, top-right, etc image slices. Want't really too long ago.. maybe 10 years?

omneity 4y ago
Maybe try 20ish years? Those are the days of php-nuke and what you described was a common technique for building themes back then.
- czx4f4bd 4y ago
  MDN says border-radius was added to Chrome in 2010 and Firefox in 2011, and Chrome added the prefixed version in 2008. https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#browser_compatibility https://developer.mozilla.org/en-US/docs/Web/CSS/border-radi...
  - omneity 4y ago
    I am referring to the image slicing technique and rendering fancy buttons and sidebar "blocks" using tables in the likes of PHP-Nuke and other content management systems of the time. > I remember in the early days cobbling together elements with top-left, top-right, etc image slices. Want't really too long ago.. maybe 10 years? To me this is core ajax and php era, so ~2002-2006 which would be about 18 years ago. By the time CSS standards for rounding corners arrived a lot of pain has been inflicted on us developers, but by now it feels as if this era never existed (same with pre/post flex to take another CSS milestone)
  - samwillis 4y ago
    Safari and WebKit had it from 2008 but prefixed. Chrome, back then based on WebKit pre forking it, will have had prefixed support from launch. Firefox had it from 2006, prefixed. IE was the holdout, not having it until v9 in 2011. https://caniuse.com/border-radius https://caniuse.com/border-radius
    - achairapart 4y ago
      Yes, border-radius was available since ~2007/2008 except for IE (I remember using some hack involving HTC files, maybe CSS3PIE[0]). [0]: http://css3pie.com/ http://css3pie.com/
samwillis 4y ago
I remember in the late 90s building content boxes with 3x3 tables, outer cells containing image slices for the border, drop shadow and rounded corners. Macromedia Fireworks had brilliant tools for both creating these sort of graphics, but also slicing them up for use in tables. I still miss Fireworks, Adobe killed it though as they perceived that it competed with Photoshop when it really didn’t. It’s the spiritual precursor to all ui/ux design tools like Figma and Sketch.
- lelandfe 4y ago
  Some classic webmaster nostalgia: Sliding door technique: https://alistapart.com/article/slidingdoors/ https://alistapart.com/article/slidingdoors/ Bulletproof buttons: https://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/ https://www.456bereastreet.com/archive/200705/creating_bulle...

omneity 4y ago

Maybe try 20ish years? Those are the days of php-nuke and what you described was a common technique for building themes back then.

czx4f4bd 4y ago
MDN says border-radius was added to Chrome in 2010 and Firefox in 2011, and Chrome added the prefixed version in 2008. https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#browser_compatibility https://developer.mozilla.org/en-US/docs/Web/CSS/border-radi...
- omneity 4y ago
  I am referring to the image slicing technique and rendering fancy buttons and sidebar "blocks" using tables in the likes of PHP-Nuke and other content management systems of the time. > I remember in the early days cobbling together elements with top-left, top-right, etc image slices. Want't really too long ago.. maybe 10 years? To me this is core ajax and php era, so ~2002-2006 which would be about 18 years ago. By the time CSS standards for rounding corners arrived a lot of pain has been inflicted on us developers, but by now it feels as if this era never existed (same with pre/post flex to take another CSS milestone)
- samwillis 4y ago
  Safari and WebKit had it from 2008 but prefixed. Chrome, back then based on WebKit pre forking it, will have had prefixed support from launch. Firefox had it from 2006, prefixed. IE was the holdout, not having it until v9 in 2011. https://caniuse.com/border-radius https://caniuse.com/border-radius
  - achairapart 4y ago
    Yes, border-radius was available since ~2007/2008 except for IE (I remember using some hack involving HTC files, maybe CSS3PIE[0]). [0]: http://css3pie.com/ http://css3pie.com/

samwillis 4y ago

I remember in the late 90s building content boxes with 3x3 tables, outer cells containing image slices for the border, drop shadow and rounded corners. Macromedia Fireworks had brilliant tools for both creating these sort of graphics, but also slicing them up for use in tables. I still miss Fireworks, Adobe killed it though as they perceived that it competed with Photoshop when it really didn’t. It’s the spiritual precursor to all ui/ux design tools like Figma and Sketch.

lelandfe 4y ago
Some classic webmaster nostalgia: Sliding door technique: https://alistapart.com/article/slidingdoors/ https://alistapart.com/article/slidingdoors/ Bulletproof buttons: https://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_link_buttons_with_css/ https://www.456bereastreet.com/archive/200705/creating_bulle...