corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

corenominal WEEKLY

I’ve decided to give MailChimp a try and start a new weekly newsletter. The newsletter is RSS driven and will contain summaries of all my posts from the previous week. I’m not sure if anyone will be interested in subscribing, but I figure there might be some oddballs out there who may like it. If you’re one such oddball, you can subscribe here.

P.S. I’ll add a sign-up form to my site soon.

SVG logo animation: Man on a rock, floating in space, waving

I was looking at my site’s SVG logo and I thought to myself, it’d be cool if the little dude would offer up a little waving arm. So, I played around with some JavaScript and came up with the following pen.

See the Pen Man on a rock, floating in space, waving by Philip Newborough (@corenominal) on CodePen.

I’ve got no idea if the above is a valid method for animating a SVG, but it seems to work and I think it looks cool. I’ll probably use it with the mouseover and mouseout events, like the following pen.

See the Pen Man on a rock, floating in space, waving: hover by Philip Newborough (@corenominal) on CodePen.

We’re All Frauds image/svg+xml

Yep, no one knows what they’re doing and we all kind of suck. Once you reckon with that, there’s nowhere to go but up. This is what I tell people who ask for advice about starting (or pivoting) their career in tech. “Be good at being bad at things,” I say. “You’ll have no idea what you’re doing, so you’ll just keep learning. You won’t get to be the best at everything or even most things or even some things. It’s not possible, and it’s not just you. So get good and comfortable having no idea, but figure out ways to get closer to having an idea.”

Every day I think to myself, “I’ve really got no idea what I’m doing”, and I really don’t, but then that’s probably very obvious. Seriously though, some good advice from Gina Trapani about living with Imposter Syndrome.

All the Ways I Automate image/svg+xml

Scripting and automation have been in the conversation lately, owing to Apple’s reported disbanding of the macOS team responsible for them and the departure of scripting advocate Sal Soghoian from the company last month.

They sounds like arcane, abstract concepts. And to be sure, scripting and automation are the sort of feature that’s used by more like 5% of users rather than 50%. But in pondering Apple’s possible shift in automation strategy, I began to consider all the ways I use it in my working life.

I’m always interested to discover new productivity hacks, so I enjoyed reading this. Also, I wasn’t aware of Automator, or how useful it can be, until I started using OS X. I have to wonder why the folks at Apple don’t make more of a song and dance about it? I can’t say for sure, but I think I’d have probably switched to OS X sooner, if I’d known more about Automator.

noty – a jQuery Notification Plugin image/svg+xml

NOTY is a jQuery plugin that makes it easy to create alert – success – error – warning – information – confirmation messages as an alternative the standard alert dialog.

Honestly, creating notifications with JavaScript really isn’t very difficult. That said, this is still a nice looking jQuery plugin and it should make the process even easier.

Hamburger menu alternatives for mobile navigation image/svg+xml

If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.)

Luckily, more and more sites and apps are experimenting with alternative, more efficient solutions for this very problem.

Personally, I quite like hamburger menus, but if you’re looking for alternatives, this might be worth a look.

Hey designers, if you only know one thing about JavaScript, this is what I would recommend image/svg+xml

Sometimes, to start a journey into learning something huge and complex, you need to learn something small and simple. JavaScript is huge and complex, but you can baby step into it by learning small and simple things. If you’re a web designer, I think there is one thing in particular that you can learn that is extremely empowering.

This is the thing I want you to learn: When you click on some element, change a class on some element.

Basic stuff, but I really like Chris’ approach. He has a knack of breaking down complex topics into bitesize chunks. I’ve been thinking about creating some screencasts myself, and if I do, I’ll probably attempt to copy Chris’ approach.