Archive of: JavaScript

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

  March 09, 2015

  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

  February 11, 2013

  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

  December 22, 2012

  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

  December 21, 2012

  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