Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article Sara Soueidan goes over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.
Ion Rosca shows how to blend an element with the content behind it by using the mix-blend-mode property.
This high-quality bundle from Smashing Magazine will give you the lowdown on HTML and CSS, as well as the most-recent applications for Responsive Web Design and improving your JavaScript and jQuery skills.
Sebastiano Guerriero demonstrates a fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with an interesting UX solution.
In this post JT is focussing on the performance aspects related to achieving smooth animations without visual delay.
Ben Edwards explains how to create a simple Sass @mixin that allows you to designate bits of CSS as being “critical” – the idea being to load that critical CSS first and defer the loading of the rest of the CSS until later.
Jonathan Cutrell recreates the touch ripple effect that can be seen on Google’s Material Design.
Responsive design just can’t seem to shake the rumor that it’s bad for performance. This, as Tim Kadlec explains, can actually be good for performance.
The CSS Summit is full of tips and practical knowledge to build your skills and master the Web’s language of design. Join us online July 15—17, 2014! Follow & tweet at @CSSWeekly with hashtag #csssummit and favorite CSS or Sass tip for a chance to win free ticket. Save 20% off with discount code CSSWEEKLY
Chris Ota demonstrates how easy it is to create an impressive origami penguin with a couple of simple CSS rules.