Hello, friends! Recently I’ve been working on a project I call the Super Cyber Space Synth to learn more about the Web Audio API — but when I try to show it off to people, they have been much more interested in the animated background. So, today I am going to show you all how to make it!
The complete source code is on Codepen; you can fork the project or follow along in your favourite text editor.
<div>s with a shared class of
.space, and give each one a unique class…
Like many of us, I have internalised certain cultural messages about struggle and perseverance; the glorification of grit has often led me to override or ignore subtle hints from my body, and grow frustrated when the sheer awesome power of my will is not enough to overcome limitation. At that point I may start to blame intrinsic personal flaws for my perceived weakness or failure; I try to do the same thing but harder and wind up disappointed with the results.
There is value in determination, in pushing through pain to find our strength — but it’s easy to forget…
Hello again, friends! Today I’m showing off a very easy, pure CSS animation technique using our Shiny Red Button. The complete source code is on Codepen; fork the project or follow along in your favourite text editor and give it your own personal flair!
This tutorial makes a few changes to the original button project; you can still find the static version here.
Let’s get started!
In order to make our animation look realistic, we’ll need to separate the button itself from the shadow it casts. …
I was introduced to stand-up meetings at HackerYou, where each week began with a small group of peers listing a few things we accomplished last week or anticipated this week, obstacles that impeded our progress, and anything we need to overcome them.
Admittedly, I didn’t see the value at first. Being in a classroom environment we all were on the same schedule; barring unusual situations, such as when the API I needed for Monday’s deadline went down on Saturday night, it felt repetitive and even pointless. …
Hello again! This one is a transcription for all of the friends who attended my recent Show & Tell talk at HackerYou — including extra links for further reading. If you are the owner of any of the content cited here and would like it removed, please contact me at firstname.lastname@example.org and I would be happy to oblige!
As developers we may customarily find ourselves implementing the vision of others, but that doesn’t absolve us of the requirement to be aware and informed about how those designs affect user experience and accessibility.
Hello, friends! For those of you who don’t know me yet, I enjoy using simple tools to create illustrations and today I’m showing off a Shiny Red Button using HTML, CSS and and a couple of icons from the nice people over at Font Awesome. Check out my Codepen to borrow the complete source code and recreate this button in your favourite text editor, or fork the project and show off your own styles!
The first thing you’ll need to do is drop a link into the <head> element of your HTML so we can grab those Font Awesome goodies.