Stylin’ with CSS

The Blog and Books of Charles Wyke-Smith

Blog Articles Archive

Archive of: JavaScript

  • 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

  • Make External Links Open In New Windows

    Discover how to use jQuery to differentiate between internal and external links and open external links in their own windows. I also show how also adding a class allows you to invoke some simple CSS to display a text hint after the link using the ::after pseudo-element, and any other stylings you might want to add to the links that point at pages on other sites.

    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