Cloudflare Workers

I’m not sure who coined the term serverless. Servers are still involved, but you don’t have to worry about managing them. You write some basic functions, and then deploy those to the cloud. The cloud will handle the provisioning, distribution, security, and everything else. The Serverless computing definition on Wikipedia does a good job of explaining this new tech. Cloudflare Workers is one of the easiest, and cost effective ways to get started with serverless. [Read More]

Building a JavaScript Framework

Building something complicated is always easier when you start small. The same goes with developing a JavaScript Framework, and anything else. First, make a list of features you want. So, let’s do that now. Create HTML Elements Add attributes to the element Add event listeners to the element Add children elements to the element I think that is a good start and hopefully simple enough we don’t feel overwhelmed. [Read More]

Skeleton Repo for PHP, JavaScript, and SCSS

I work on a lot of different projects, and each one is unique in its own way. I often find myself installing packages manually and then configuring them. It seems like I repeat myself quite a bit, but the requirements of each project vary ever so slightly. In an attempt to prevent myself from repeating the same tasks over and over, I’ve started working on a skeleton repo that contains nearly everything I would need. [Read More]

AMPbin

I’ve been working on a new project called AMPbin. It is a place for everyone to create, edit, save, and share their AMP HTML. If you need to make sure your AMP HTML is valid, then be sure to check it out, because it does that on-the-fly. If something isn’t passing validation and aren’t sure why then you can send the bin to a friend to help you. You can find the AMPbin code is on GitHub if you would like to see how it works. [Read More]

iframe, localStorage, postMessage

I recently needed to pass some data from one domain to the other. Using a server-side language, like PHP, wasn’t an option. The site that needed the data was built using Angular and communicated with an API service. I thought about it for a day or two and considered doing it a few ways. I decided to put an iframe on the source page and pass the data to the target page using JavaScript. [Read More]

Actualización rápida – Firebase

My pal Alex and I are writing a chat app that uses Google’s Firebase products. It’s coming along nicely and we continue to add new features. The more I use the real-time database the more I love it. Their JavaScript library makes it very easy to get started. I’m still getting used to denormalizing the data, but I think I got it. Allowing users to register and sign-in is also a breeze. [Read More]

CSS, JS, and Gulp

I recently tried the CSS framework Skeleton. It is a minimal framework, that only provides you with some very basic styles, which is what I like about it. It has a twelve column fluid grid with a max of 960 pixels. It uses the Google font Raleway which is a nice choice for typography. It has styles for buttons, lists, forms, and a few other must-have styles. I also like that it uses normalize. [Read More]

Short Post

It’s been a little while since I’ve posted anything, so here is a quick update. Website I finally pulled the trigger and implemented AMP. All the pages are now Accelerated Mobile Pages. I didn’t have to sacrifice anything, but I also didn’t spend very much time on the design or presentation. I’ll pretend that I was going for a “less is more” approach. Most visitors come from mobile, so they didn’t get to see any of the fancy stuff that was only for the desktops. [Read More]

Creating a Game

Making a basic browser-based game may not be as hard as you think. I suggest that you solve one problem at a time. If you take an object-oriented approach, you combine all of your solutions into a complete game. Taking this approach will make it easier for you to add features later. I started writing this in TypeScript, which was fine, but I switched to writing ES6. Making the map I first got the idea from EJS, so I decided to create the map from the graphic on that site. [Read More]

AMP Gist Component

Erwin Mombay wrote an excellent article on creating your first AMP Component. AMP is a way to build pages for static content that render fast. AMP extensions use the power of custom elements and allows us to create new components to enhance AMP HTML pages. While at the AMP Conference Eriwin showed us how to create one and that is what we did. We created the usual “Hello World” that was first featured in “The C Programming Language” by Kernighan and Ritchie (K&R). [Read More]