Deploy to Netlify

Here is the process to deploy your project to Netlify. STEP 1: Create GitHub Repository You should already have this, but you will need a GitHub repository with all of the Eleventy files STEP 2: Ready Your Project Install Eleventy in Your Project You haven’t had to do this before because most of us installed… Continue reading Deploy to Netlify

Week 14: 5/10 + 5/12

Before Class Work on your Final Projects and come with questions. Live Sessions JOIN LIVE SESSION Session 1:Final Workshop Monday, May 10 at 7:30p–9:10p Monday we will answer questions that you have. I have also made some more tutorials that are linked to below. Links for Monday Session Collaborate with GitHub Dynamic Lists and Pages… Continue reading Week 14: 5/10 + 5/12

From a Data File: show list of items and create pages

These two videos show you how to create a list of items that are in a data file (a list of images in this case) and then also to dynamically generate pages from that data file. This is similar to what we did in class with the Clients pages. These work with the eleventy starter… Continue reading From a Data File: show list of items and create pages


Icons are a good way to make your page easier to scan, communicate across languages and add visual interest to the site. Use them when they complement or add meaning to the text content and don’t overuse them on any individual page. Occasionally it’s OK to use them without text but generally they should be… Continue reading Icons

Week 13: 5/3 + 5/5

Before Class Work on your Final Projects and come with questions. Live Sessions JOIN LIVE SESSION Session 1:Maps and APIs Monday, May 3 at 7:30p–9:10p Monday we will go over Some of the basics for using APIs on the client side and using Leaflet.js Links for Monday Session Leaflet Quick Start Guide Leaflet Layers… Continue reading Week 13: 5/3 + 5/5


This post has information about how Eleventy works as well as links to all of the LinkedIn Learning course videos and our related class materials. Eleventy Course on LinkedIn Learning We have followed a long with the Building Serverless Apps with JamStack and Eleventy from LinkedIn Learning. This section lists all of the videos from… Continue reading Eleventy


WHAT Short for JavaScript Object Notation it is a data file for JavaScript programming that allows for data to be saved and exchanged. It’s written in plain text so you can read it with any program that lets you read text files. You can create JSON files to store and use data in your own… Continue reading JSON

Categorized as JavaScript

JavaScript Intro

These are some resources to help you got started with JavaScript LinkedIn Learning JavaScript Collection These three collections of videos are an introduction to JavaScript from what it is, why it is important to some of the basics. Watch these collections in order. I’ve collected these from a few different LinkedIn Learning video courses. JavaScript… Continue reading JavaScript Intro

One-Line Layouts

10 modern layouts in 1 line of CSS by Una Kravets In this article and related resources Una shows how to create modern layouts with just a small amount of CSS. The layouts mostly use CSS Grid and Flexbox. Article (written and video):  Editable Demo Examples on Glitch:  GitHub Repository:  YouTube Video… Continue reading One-Line Layouts

Categorized as CSS

HTML Resources and References

This is a link to some outside resources on HTML. HTML Essential Training View Course (LinkedIn Learning sign on required)This is a LinkedIn Learning Course by Jen Simmons who is one of the leading HTML and CSS Advocates. This course goes over everything in HTML. Most likely you will not go through the whole course.… Continue reading HTML Resources and References

HTML Fundamentals Videos

This is a series of videos I made showing the fundamentals of HTML and how to write it. HTML Fundamentals Part 1 This covers the basics of what HTML is and it’s purpose. Duration: (11:10) HTML Fundamentals Part 2: How to Write HTML In this video I cover writing HTML and how tags are structured… Continue reading HTML Fundamentals Videos