7 COMMENTs
HTML & CSS
Mihaela Jurkovic, Sep 16

Syncing CSS Animations with HTML5 Audio

With the help of some audio software, Mihaela Jurkovic demonstrates how to sync CSS animations with HTML5 audio for some potentially useful effects.
7 COMMENTs
HTML & CSS
Rafay Saeed Ansari, Sep 15

Avoiding Redundancy with WAI-ARIA in HTML Pages

Rafay Saeed Ansari discusses how many HTML elements often expose default semantics that make ARIA roles redundant and demonstrates what to avoid doing.
10 COMMENTs
HTML & CSS
Russ Weakley, Sep 14

Watch: Creating High Resolution Background Images with CSS

In this screencast, Russ Weakley shows you how to create hi-res background images at a 2x and 3x resolution for narrow and wide screens with media queries.
18 COMMENTs
HTML & CSS
George Martsoukos, Sep 09

A Full Screen Bootstrap Carousel with Random Initial Image

George adds two customizations to Bootstrap's carousel component: He converts the carousel to a full-screen slideshow and randomizes the first slide on page load.
5 COMMENTs
HTML & CSS
Tim Evko, Sep 08

Watch: Refactoring a Slow Animation

In this screencast I'm going to show you how to refactor your CSS to improve and smoothen your animations.
1 COMMENT
HTML & CSS
Ivaylo Gerchev, Sep 02

Color Alchemy with Less: Creating Color Schemes and Palettes

Ivaylo Gerchev explores how to use Less's color functions with other Less features to produce flexible and reusable mixins for color manipulation.
9 COMMENTs
HTML & CSS
Maria Antonietta Perna, Sep 01

Bootstrap 4 Alpha: Super Smart Features to Win You Over

Antonietta Perna takes a walk through some of the new features in the upcoming Bootstrap 4 release, currently in Alpha.
9 COMMENTs
Design & UX
Petras Baukys, Sep 01

7 Simple Rules for Creating Elegant UI Interactions

In 2015 it's no longer enough for interface elements to instantly switch between two static states. Petras has 7 tips for making your interactions sing!
8 COMMENTs
HTML & CSS
David Johnson, Aug 27

An Editable Grid with jQuery, Bootstrap, and Shield UI Lite

David Johnson provides a quick walk through to create a Bootstrap-based editable grid component using Shield UI Lite, a jQuery component library.
5 COMMENTs
Web
Angela Molina, Aug 27

Those Who Can, Teach: An Interview with Guilherme Müller

A post Q&A chat with Guilherme Müller; a full stack developer and SitePoint Premium teacher.
HTML & CSS
James Steinbach, Aug 26

Using Sass’s @error, @warn, and @debug Directives

James looks at three Sass directives that assist developers in debugging their SCSS code and can also help when working on Sass projects on a team.
2 COMMENTs
Web Dev @ Microsoft
Aaron Gustafson, Aug 26

Responsive Web Design: Where Do We Go From Here?

Microsoft's Aaron Gustafson explains the challenge of truly responsive web design aimed at as many users as possible.
8 COMMENTs
HTML & CSS
Maria Antonietta Perna, Aug 26

CSS Properties to Control Web Typography

Antonietta Perna looks at a number of different CSS properties that can be used to control text and white space on web pages
9 COMMENTs
HTML & CSS
Tim Evko, Aug 25

Watch: Reviewing CSS Animation Performance

In this video we'll look at CSS animations, frame rates, and why some CSS properties are better to animate than others.
16 COMMENTs
HTML & CSS
Omar Wraikat, Aug 19

Building a Style Switcher with Pure CSS Using :checked

Omar Wraikat has another take on the checkbox hack, building a simple style switcher using the :checked pseudo-class along with CSS's sibling selectors.
14 COMMENTs
Design & UX
Massimo Cassandro, Aug 19

The Great Icon Debate: Fonts Vs SVG

Fonts have been a convenient place to store our vector icons – but is it the *right* place? Massimo asks if it's time to move to SVG.
9 COMMENTs
HTML & CSS
Nouran Mahmoud, Aug 18

Using Jade and Grunt to Speed Up HTML Production

Nouran Mahmoud introduces Jade, a Node-based template engine to preprocess your HTML, demonstrating how to automate HTML production with Jade using Grunt.
Mobile
Wern Ancheta, Aug 12

Creating a PhoneRTC Calling App - Server Side

In the final part of this short series, Wern Ancheta adds a server side component to our PhoneRTC calling app to handle client connections.
2 COMMENTs
HTML & CSS
Hugo Giraudel, Aug 11

Using @error responsibly in Sass

Hugo shows us how we can responsibly use the @error directive in Sass
8 COMMENTs
HTML & CSS
Louis Lazaris, Aug 06

20+ Docs and Guides for Front-end Developers (No. 5)

Louis Lazaris with the latest installment of learning tools and resources for front-end developers.
6 COMMENTs
HTML & CSS
Adrian Sandu, Aug 05

Responsive Solutions for Feature Comparison Tables

Adrian Sandu looks at two different solutions to displaying a feature comparison table (often seen on hosting websites) that looks good on smaller screens.
1 COMMENT
HTML & CSS
Angela Molina, Aug 05

Live Q&A with Guilherme Müller on HTML

Guilherme Müller, creator of HTML courses on SitePoint Premium, is joining us for an exclusive Q&A session on the Forums. Wednesday, 5th August at 4pm (EST)
12 COMMENTs
HTML & CSS
Andy Kirk, Aug 04

Cutting the Mustard with CSS Media Queries

Andy Kirk has another take on the controversial "cutting the mustard" technique, allowing old browsers to fall back to no stylesheet using media queries.
16 COMMENTs
HTML & CSS
George Martsoukos, Jul 29

Implementing "Show More/Less" Functionality with Pure CSS

George uses the checkbox hack and demonstrates how to create a show more/less component with CSS and no JavaScript.