Page 18

Vanilla-tilt.js

This is a promising looking Vanilla JS implementation of Tilt.js. I might try it out for the hover parallax effect.

Quick! Before another Friday gets away and I miss two weeks in a row, here’s a font rec.

Domino by Luc Mahler is a cool, jazzy looking number.

I can’t find a site for the designer but you can download from dafont here.

AMP forms with Node.js

UPDATE 11/14/19: At some point in the years since I originally posted this, Google made some improvements to the way AMP handles URLs and I’ve updated my headers to keep up. Most of the information below is still applicable but I’ve updated the Access-Control-Allow-Origin and AMP-Access-Control-Allow-Source-Origin settings to:

res.setHeader('Access-Control-Allow-Origin', req.headers.origin);
res.setHeader('AMP-Access-Control-Allow-Source-Origin', req.query.__amp_source_origin);

So keep that in mind while reading the original post…

I’m in the middle of creating Google AMP pages for my fonts and everything was going pretty well until I tried getting the amp-form component working with Node.js. I followed the AMP by Example code, my page passed validation, but whenever I tried to use the form data all I got was an empty req.body.

Finding a solution took more effort than the usual reading through the first few Stack Overflow results, so I thought it might be useful for anyone else out there struggling.

Creative Market is killing it this week with their free goods.

I’m not sure what I would use the Papercut Style Sushi Elements for but they’re definitely worth downloading just in case. And I LOVE these Urban Jungle Patterns.

Get them this week!

Clippy — CSS clip-path maker

The clip-path property is pretty handy way to create shapes in CSS if you aren’t overly concerned about Internet Explorer. CSS Tricks has a good overview but Clippy is really the only site you’ll need to start creating paths.

I Just Found Out About Product Mockups

And now I don’t know how I got anything done without them. I’m a late to the game here but if you are too, these are PSDs that let you show off how a font or logo would look in the wild. Want to see your work on a poster or a card or a shirt? Just update a Smart Object in Photoshop and you can.

Below is a list of the mockups I’ve used for my fonts lately. And if you want a wider range of high quality mockups to browse through, Mockup World is a good place to get started.

This week’s font recommendation is Cubox-3D, a fun font by Southype that is appropriately made up of 3D cubes. The uppercase and lowercase letters are the same and there’s not a lot of punctuation but this is probably better for headlines and decorative purposes anyway.

It’s free for personal use and you can download at dafont.

Worst Episode Ever #100: WEE Babies

S23E12 - Moe Goes From Rags to Riches Recorded LIVE on Periscope, Jack & Dan celebrate their 100th episode ever by going inside the hype and watching their most requested episode ever, Season 23's Moe Goes From Rags to Riches, a tale narrated by a talking rag that spans time, reveals Mo...

More of what I’m listening to while I work. Worst Episode Ever is a podcast dedicated to finding the worst post-classic episode of the Simpsons.

This podcast is really at it’s best when it’s totally off the rails with Dalek impressions and original characters but I’m linking to a relatively focused example because I think Moe’s talking rag might actually be the worst episode.

Page Scroll Effects | CodyHouse

Introducing a mini-library of experimental page scroll effects, created using CSS and Velocity.js...

This is a really nice collection of scroll effects that don’t require hijacking the scrollbar (although you can if you really want to for some reason).

Before the day gets away from me, here’s this week’s font recommendation. Congratulations by Paper Street is subtly hand drawn and pretty multipurpose.

Dafont has the demo or you can get the full version at the Paper Street site.