Articles in the ‘Articles’ Category

  • Setting Rather than Resetting Default Styling

    Posted: 14 hours ago in Articles

    Following the idea of “tweaking” a reset file, I came up with this “base styles sheet”. It sets default styling for many elements, follows a couple of recommendations regarding usability/accessibility, and addresses a few “common issues” as well…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • CSS3 Loading Spinners Without Images

    Posted: 1 week ago in Articles

    While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • Why You Should Deeply Nest Your CSS Selectors

    Posted: 3 weeks ago in Articles

    Most developers, even experienced developers, don’t understand the value of deeply nesting CSS selectors. Although writing the same selectors over and over might seem redundant, it’s worth the extra effort. Your code will be better organized, easier to read, and more maintainable…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • The Demise of CSS: Why Sass and Languages Like it Will Triumph

    Posted: 2 months ago in Articles

    Sass is essentially a programming language for designers. It is extremely limited when compared with other languages, but it does a magnificent job of translating the core concepts of a programming language in a way that makes sense for styling a document…

    VN:F [1.8.1_1037]
    Rating: -2 (from 2 votes)
  • Don’t Lose Your :focus

    Posted: 3 months ago in Articles

    For many web designers, accessibility conjures up images of blind users with screenreaders, and the difficulties in making sites accessible to this particular audience. Of course, accessibility covers a wide range of situations that go beyond the extreme example of screenreader users. And while it’s true that making a complex site accessible can often be a daunting prospect, there are also many small things that don’t take anything more than a bit of judicious planning, are very easy to test (without having to buy expensive assistive technology), and can make all the difference to certain user groups…

    In this short article we’ll focus on keyboard accessibility and how careless use of CSS can potentially make your sites completely unusable…

    VN:F [1.8.1_1037]
    Rating: +1 (from 1 vote)
  • CSS Frameworks: Pros and Cons

    Posted: 4 months ago in Articles

    A prefab CSS framework can be a great help or serious hindrance. This article will give proper coverage to both sides of the fence by looking at common arguments for and against using a CSS framework…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • Equal Height Columns – Companion Columns Method

    Posted: 4 months ago in Articles

    The search for a technique that offers real equal height columns leads nowhere because we don’t have full vertical control in current CSS 2.1 implementations cross browser. The available techniques are simulations of columns: a repeated image displaying Faux Columns [Cederholm], columns made of borders [Livingstone], and variations.

    We couldn’t even fall back on a (CSS-)table, since there is no broad, sufficient implementation of display: table in the browsers. And a table would dismiss the accessibility request for having the columns logically ordered in the source.

    OneTrueLayout [Robinson] uses a promising technique [Challoner] where the columns are still not equal in height, but they are cut in length, so they appear as-if. Surprisingly, this trimming made problems that are not solved.

    In this article, we draw up a variation for the equal heights columns illusion, standing on the shoulders of OneTrueLayout. Both techniques use excessive padding and compensating negative margins, a tricky concept…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • On Having Layout – The Concept of hasLayout in Internet Explorer

    Posted: 4 months ago in Articles

    A lot of Internet Explorer’s rendering inconsistencies can be fixed by giving an element “layout”. John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs” meaning that they can often be solved by applying a width or height. This leads to a question of why “layout” can change the rendering of and the relationships between elements. The question, albeit a good one, is hard to answer. In this article, the authors focus on some aspects of this complicated matter…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • pseudo-class, pseudo-element, pseudo-CSS: IE bugs

    Posted: 4 months ago in Articles

    This article is intended to summarize bugs and inconsistencies regarding pseudo-elements and pseudo-classes in IE6 and IE7…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • Is Your CSS Reset Doing More Harm Than Good?

    Posted: 4 months ago in Articles

    You know the drill. Code the XHTML. Check. Validate. Check. Start the CSS style sheet with a reset. Che… Hold on there. Before you dump the latest and greatest CSS reset in your style sheet, you might want to think about what those style declarations actually do. If you’re resetting tags that aren’t in your markup or tags that don’t need to be reset, you could cause more problems than you fix…

    VN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
Page 1 of 1212345»10...Last »