Amber Weinberg: Freelance Web Developer specializing in semantic WordPress, Mobile, CSS and HTML5 Development

The Blog

Using @supports To Test For Clip-Path

I stopped using Modernizer a few years back for a few reasons, mainly because I wanted to drop as many dependencies and scripts as I could. I was using Modernzier mainly for smaller visual items that wouldn’t be missed if certain users couldn’t see them, so I didn’t see it as a critical script. Since then,...

Read more…

Fun With Google Maps API

For my latest personal project, I decided to combine my love of travel with my need to dive deeper into the Google Maps API. I’ve done a lot of work with the API, but usually just the basics of changing the maps styles and visuals. This time, I wanted to learn the ability to create...

Read more…

Fun Flexbox Grid

Just something quick I whipped up for a client and thought I’d share! This pen uses multiple Flexbox containers, plus a bit of vh (viewport height unit) for the large box. See the Pen Fun Flexbox Grid by Amber Weinberg (@amberweinberg) on CodePen.

Read more…

Replacing JS Functionality with CSS Properties

One of the things that excites me most about the newest features of CSS, is the ability to replace a lot of the JS I’ve been using. While I’m not hating on Javascript (or jQuery, which is what I use), there’s no argument that script languages come with a lot of potential issues. There’s more...

Read more…

Customizing the WordPress Admin

I used to pride myself on how fast I could code a site from start to finish. I would aim to get a full site started by Monday and finished, ready for the client to review, by Friday or sooner. But that was back before WordPress and CMS’s. Before responsive design and usability concerns. Before device...

Read more…

Fancy Animated Hamburger Menus

I made a quick pen for yall to create a hamburger icon that animates to an X for close. Super simple with just a few lines of CSS and JS! <a class="fancy-menu" href="#"> <span></span> <span></span> <span></span> </a> .fancy-menu { display: inline-block; }   .fancy-menu span { background: #000; border-radius: 3px; display: block; height: 3px; margin-top:...

Read more…
Page 1 of 741234510203074