Clik here to view.
Cryptograma – Redo
I finally converted the last of my old Flash games into React, using Next JS. For simplicity, instead of symbols, I used emojis to hide the message. It’s not perfect, but the basic functionality is...
View ArticleClik here to view.
Iconcentration – A Memory Game
I’m still converting some of my old flash games and experiments into JavaScript. This time I redid an old memory game (concentration) I had called “Remember Me”, but decided to use icons and renamed it...
View ArticleClik here to view.
Mayan Math Redo
For the past year or so I have been learning React and more recently, Next.js. In order to practice, I decided to convert my old flash applications (I know, about 10 years too late) to JavaScript. The...
View ArticleSample iOS’ systems sounds
I’m working on an iPhone app and was looking for a sound to make an alert. I didn’t want to have to include a custom sound, so I set out to find what are the system sounds available in iOS. Turns all...
View ArticleCustom Navigation Bar Animations with AOS
I’m always on the lookout for easy-to-use JavaScript libraries for my students. Recently I discovered AOS (Animate on Scroll), which makes animating elements on the page as you scroll super easy. The...
View ArticleCentering in CSS for Beginners
One of the things that frustrate my students when they first start learning CSS is how to center elements. There are many techniques, many of them not very intuitive. Some require that you apply CSS to...
View ArticleMy Favorite Responsive CSS Grid Techniques
In this article, I want to share two responsive techniques that I learned from Wes Bos’ CSS Grid Tutorial. Thanks, Wes! Template Areas You can make a site responsive simply by changing the template...
View ArticleClik here to view.
Dynamic SVGs with Custom Fields, and JavaScript
I recently worked on a WordPress project to make a site for an exhibition event (vendors in booths gathered in one place). The client wanted to have floor map that would show which booths were taken,...
View ArticleClik here to view.
ScrollMagic for Beginners Tutorial
ScrollMagic is a JavaScript library for creating scroll interactions. It lets you create animations that start and stop at specific points during the scrolling of a page. It’s quite powerful, but can...
View ArticleClik here to view.
My Adventures in SVG Optimization
I recently created an SVG version of my logo using Sketch and while you should always optimize your images, the resulting file really needed it. It was quite large (as far as SVGs go): 89KB. It really...
View ArticleRedirect to Dashboard after login with WooCommerce enabled
Recently, I had to work on a site that had a few things going on: It had some users with custom roles, and capabilities Those users had a simplified dashboard WooCommerce was enabled. The problem was...
View Article5 Tips for Learning App Development
For the past few years, I’ve been teaching myself how to make native iOS apps. I’m still not super strong, but I hope to release my first app in the fall (I’ll keep you posted). I hope the following...
View ArticleClik here to view.
Skrollr for Beginners Tutorial
Skrollr is a scroller library that allows you to perform animations or changes to your web page’s content based on screen position. For example, you can make a div slowly appear, or slide in, as you...
View ArticleAdvanced Custom Fields Google Maps Tutorial
Update (Oct. 31, 2016): Google Maps now requires that you have an API Key in order to add maps via ACF. The tutorial reflects this new requirement. One of my go-to plugins is Advanced Custom Fields. It...
View ArticleClik here to view.
Move WordPress from MAMP to a Server
There are many ways in which you can migrate your WordPress site from MAMP into its final home, to make it “live”. The way I’m going to show, has worked well for beginners. What you will need: Access...
View ArticleClik here to view.
HTML5 is for Slackers
I can’t deny it, I’m an old curmudgeon when it comes to HTML validation. I remember with fondness the good old days of XHML and a draconian W3C validator that wouldn’t let you get away with anything. I...
View Article5 Tips for Learning App Development
For the past few years, I’ve been teaching myself how to make native iOS apps. I’m still not super strong, but I hope to release my first app in the fall (I’ll keep you posted). I hope the following...
View ArticleClik here to view.
Skrollr for Beginners Tutorial
Skrollr is a scroller library that allows you to perform animations or changes to your web page’s content based on screen position. For example, you can make a div slowly appear, or slide in, as you...
View ArticleAdvanced Custom Fields Google Maps Tutorial
One of my go-to plugins is Advanced Custom Fields. It is versatile, and makes adding custom fields to posts, pages, custom post types, and even user profiles a breeze. Unfortunately, their...
View ArticleClik here to view.
Move WordPress from MAMP to a Server
There are many ways in which you can migrate your WordPress site from MAMP into its final home, to make it “live”. The way I’m going to show, has worked well for beginners. What you will need: Access...
View Article
![Various Artists – Old School / New School [iTunes Plus M4A]](http://i.imgur.com/GEFz815.jpeg)
![[Prime] Osprey Daylite Travel Pack 35 - Nightshift Blue $135 (RRP $199)...](http://files.ozbargain.com.au/n/87/976987l.jpg?h=1a642bba)