

Karen Menezes

Blog | Assorted | Online Footprint

@me | @web-portfolio

karen.menezes@gmail.com

Year
2020
Jan
2019
Jul
2018
May
2016
Aug Jan
2015
Jul Mar
2014
Dec Nov Oct Jun Apr Jan
2013
Dec Oct Aug Jun May Jan
2012
Dec Nov Sep Aug
Categories
Code Ecology
Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box

on 20 July, 2015

CSS' clip-path property is your ticket to shape-shifting the monotonous, boxy layouts traditionally associated with flat, responsive design. Once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values.
Published in Smashing Magazine, May 2015.

Dropping Support for Vendor Prefixes

on 14 January, 2013

If you’re using CSS3 properties for graceful degradation, it’s probably fine to drop vendor-prefix support for certain properties. It’s best to educate clients about future maintenance woes and why it’s absolutely fine if Firefox 3.6 users will see square corners and no shadows, as long as you’re not breaking the site's layout.

Thumbnail Captions on Hover: Pure CSS transitions

on 12 September, 2012

Captions on hover are smoother and cooler with a touch of animation. With the power of CSS3, we can create transitions that are hardware accelerated and therefore performance-optimised (or way faster!) than anything you can cook up with Javascript.