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 library comes with many ready-to-go animations, but one of the things I really like about this small library is that you can create… Read more »
Posts Categorized: Tutorial
Centering 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 the element itself, while others to the parent. It’s very frustrating. This tutorial is meant for beginners who struggle… Read more »
My 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!
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 be intimidating for beginners, since unlike Skrollr, it’s all done in JavaScript. In this tutorial, I’ll cover the basics of adding ScrollMagic to a… Read more »
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 scroll down the page. You can see it in action here. This tutorial will cover the bare minimum you need… Read more »
Advanced 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 is versatile, and makes adding custom fields to posts, pages, custom post types, and even user profiles a breeze…. Read more »
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 to the cPanel (or similar) on your server Migrate DB plugin (or similar) in your local installation… Read more »
Integrate Isotope with WordPress, Part 2 (Categories)
A few months ago I wrote a post on how to integrate Isotope with WordPress. Since then, I’ve received some requests on showing how to limit it to one category. In this tutorial I will show how to add the Isotope code and scripts to a template, filtering the posts that belong to one category by… Read more »
How to Make a Kindle eBook from Scratch
Update (Sept. 11, 2015): The character set for Kindle eBooks is now UTF-8. And recommends using the UTF-8 character over entities (© over ©). There are many ways to create a Kindle eBook, but creating your own source files, and then using KindleGen to convert it into Kindle Format 8 will give you more control… Read more »
Integrating Isotope with WordPress
Isotope is a very powerful jQuery plugin that allows you to create sortable, filterable (I’m sure that’s a word) masonry layouts (although you can have other layouts as well). Isotope is free for personal use (a commercial license costs $25, and an organizational license $90). In this tutorial I will show how to add the Isotope… Read more »