Stylin’ with CSS

The Blog and Books of Charles Wyke-Smith

Blog Articles Archive

Archive of: CSS

  • Add and remove events and JavaScript and CSS files with media queries

    The Media Query Manager is a jQuery script that will load files and register events on to elements based on the screen width. It does this when the page is first loaded and every time the screen width is resized above or below a media query break point.

    Comments: 0

  • Doing More with Less

    Writing CSS in Less enables you to write CSS that is more concise, faster to write and far easier to understand when you revisit it. The primary benefit is that Less lets you nest your CSS rules inside one another the same way as HTML tags are nested, so the relationship between the HTML markup and the CSS that styles it is much clearer, but there are many others, and this article looks at some of the most useful advantages that Less offers.

    Comments: 0

  • Click States with jQuery - A Tabbed Panel - Part 2

    This article demonstrates how to create a tabbed panel that is styled and animated with CSS, and uses classes added by jQuery to trigger the panel changes based on user actions. By using jQuery to add and remove classes from your markup, a wide variety of CSS-based interactions can be created, greatly expanding your options for creating an engaging user interface.

    Comments: 0

  • Click States with jQuery and CSS - Part 1

    This article shows how to easily add and remove classes from your HTML markup using jQuery. Because the addition of class can also invoke any CSS that has that class, once you master this skill, all kinds of once-for-on, once for-off interaction can be created using CSS, from stylesheet and font-size switchers to pop-up overlays areas and sliding panels.

    Comments: 0

Page 1 of 1

More posts