CSS: inner elements breaking border-radius
Posted on: Thursday, July 9th, 2009 at 9:34 am by Anup Shah
Some browsers support border-radius for rounded corners. But inner elements may break those corners. Sometimes, applying border-radius to those inner elements can resolve the issue.
Read the full post titled, “CSS: inner elements breaking border-radius”
Use CSS display:table for Layout
Posted on: Sunday, February 15th, 2009 at 11:34 pm by Anup Shah
For a few years now, web developers doing CSS-based layouts have used floats or absolute positioning for layout web sites to avoid using non-semantic HTML <table>s.
While doable, extra hoops often have to be jumped through (mostly for IE) and some seemingly simple things can be harder than necessary (like equal height columns).
However, for a simpler solution, CSS-based display:table, display:table-row, display:table-cell etc are all usable today across Firefox 2+, Safari 3+, Opera 9+ and IE8.
Read the full post titled, “Use CSS display:table for Layout”
Hiding Content on Web Pages for Accessibility
Posted on: Monday, November 5th, 2007 at 11:23 pm by Anup Shah
Web pages often benefit from some text that may not be necessary from a visual design perspective, but offer additional context to say blind users using a screen reader. Some CSS techniques to achieve this include moving text off the screen in such a way that screen readers will still read them out. However, there is a concern that search engines may not like this technique as it could be abused for keyword stuffing and other such practices. What are the implications?
Read the full post titled, “Hiding Content on Web Pages for Accessibility”