Stylin’ with CSS

The Blog and Books of Charles Wyke-Smith


  • Medium - a new blogging platform

    Recently, I signed up at Medium, the blogging platform, and can't resist visiting at least a couple of times a day - it's a very addictive experience! Articles come from numerous authors but display in one continuous feed, so it's a different model from most blog sites that are the voice of single person.

    Comments: 0

  • 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

  • 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

  • Vendor Specific Prefixes

    A tedious part of CSS coding is adding Vendor Specific Prefixes (VSPs), which enable CSS features specific to a particular browser engine. VSPs were introduced to speed the development and adoption of CSS3. Not everyone likes VSPs and I have added some links at the end of this post where you can read about the concerns they raise. However, you have to use VSPs if you want to take advantage of some of the newest CSS3 features. In this article, I show which CSS3 properties currently require VSPs and provide links to some third-party scripts that add VSPs automatically so you don't have to.

    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