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