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.
From Our Sponsor
Articles & Tutorials
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
ApplePie Toolkit is modular and responsive CSS framework. It gives you tools and approach to build your frontend faster, keep your code maintainable, easy to read and standard-based.
CSS Colorguard is a tool that allows you to keep a watchful eye on your CSS colors. It helps you maintain the color set that you want, and warns you when colors you’ve added are too similar to ones that already exist.
Chris Ota demonstrates how easy it is to create an impressive origami penguin with a couple of simple CSS rules.
Until next week