Credit I have a separate post on how to give credit to the image creator. Credits and Copyright post. Give credit to every image on your site. Even if you took/made the image or it was made by generative AI and even if the creator doesn’t require it. Documenting Images In order to give credit… Continue reading Finding and Using Images
Category: Projects
Credits and Copyright
When you use content that someone else made, you should give credit to the creator. This is true whether it’s an image, text or other media. Some content comes with specific copyright that REQUIRES you to give credit. One example is the Creative Commons Attribution license. This license requires that you attribute the original author… Continue reading Credits and Copyright
Showing Groups of Pages in 11ty
There are a few ways that you can generate lists of pages in 11ty. Eleventy has a concept called Collections that are a group of content. This post looks at how to show pages in a collection. That collection can be based on tags, custom front-matter variables, and a listing all of the files in… Continue reading Showing Groups of Pages in 11ty
Week 15: 5/9 + 5/11
Tuesday 5/9 We will start by looking at making your group repo and a refresher on branching. Group Work We will give you some time to work in groups. While in groups: Additional Time If there is time left at the end, then we will also go into topics of interest to your groups and… Continue reading Week 15: 5/9 + 5/11
Collaborate on GitHub
Here are some of the basics for collaborating on GitHub. Use a Single, Shared Repository One of the people in the group will create the repository that everyone will use. After the Repository is created then invite the other members to collaborate on that. After the main repository is created other people DO NOT FORK… Continue reading Collaborate on GitHub
Week 14: 5/2 + 5/4
Thursday 5/4 Activity 1: JavaScript We didn’t have time to look at more JavaScript last class so we will today. CodePens Posts on our Site Activity 2: Final Projects We will look at your final proposals. Then we will look at this Eleventy Sass Template you can use: https://github.com/stein-bmcc/eleventy-sass Tuesday 5/2 Activity 1: Final Project… Continue reading Week 14: 5/2 + 5/4
Week 13: 4/25 + 4/27
We will start some UI Interactivity small individual projects. Also Group time for Project Brief. Tuesday 4/25 We will start with going over the timeline for the remaining classes: Then we will look at the final Project info page and the Final Project Brief. There will be time to work on the brief in class.… Continue reading Week 13: 4/25 + 4/27
Week 12: 4/18 + 4/20
This week we will start to look at the group project, form groups and look over what we’ve done (and are going to do). Thursday 4/20 Activity 1: Final Project Groups We will do a few activities to help you form groups and choose ideas. Activity 2: Group Project Tracking Document We will look at… Continue reading Week 12: 4/18 + 4/20
Final Project Ideas
We will go over this post in class to help you think about what topic to do for your final project and to also get started with getting you into groups. Project Content This is one of the most important decisions. You will want to pick a topic that allows you to use content other… Continue reading Final Project Ideas
Week 11: 4/4
This week we only have class on Tuesday, Thursday is during spring break. There is no class on the following days due to Spring Break: After today, our next class is on Tuesday, April 18. This is also when the Eleventy Project Site is due. Activity 1: Eleventy Site Requirements and Submission To start we… Continue reading Week 11: 4/4
Submitting the Eleventy Site
Here is what you will need to do to submit your Eleventy site The Eleventy Site is due on Tuesday, April 18 Other Resources
Week 10: 3/28 + 3/30
This week we will get your 11ty sites Deployed to Netlify and go deeper into 11ty. You should be mostly done with the Eleventy project by the end of the week. Tuesday 3/28 Activity 1: AI Discussion We’ll start with a discussion about AI and especially how they apply to creative projects like ours. We… Continue reading Week 10: 3/28 + 3/30
Deploy to Netlify
This post covers how to get your site in the web using Netlify’s servers. Terminology Some words you might not know Video Walkthrough This is a screencast of me going through the steps below: Screencast of Deploy to Netlify Steps to Deploy to Netlify It will go to a new screen and show that your… Continue reading Deploy to Netlify
Eleventy Personal Project Setup
The Eleventy Personal Site will be created through a GitHub Classroom Repository and deployed on Netlify. This post outlines how to setup and work on the project. There will be a separate, related, posts on the Project Requirements, Daily Working Process, Deploying to Netlify and Submitting the Project. Create Repository in GitHub Classroom Claim the… Continue reading Eleventy Personal Project Setup
Week 8: 3/14 + 3/16
This week we will dive into Eleventy and converting your projects to 11ty. Thursday 3/16 Activity 1: Converting Static Site to 11ty Today we will focus on moving your Responsive Personal Sites (static sites) to Eleventy. To help you make sure you’re doing what you need to do and so that I can keep track… Continue reading Week 8: 3/14 + 3/16
Starter 11ty Site
This post goes through the steps to create a basic Eleventy (11ty) site from Prof Stein’s Eleventy Basic template.
Submitting the Responsive Site
You should be working on your site through the repository you created in GitHub Classroom. Those repositories are private so you will not be able to use GitHub Pages to show the site. Instead, when you submit the site you will give the link to the repository and answer a couple of questions listed below.… Continue reading Submitting the Responsive Site
Week 4: 2/14 + 2/16
This week we will work on your Responsive Personal Site projects focusing on writing HTML and CSS, Responsive Design Basics and some design concepts. JOIN LIVE SESSION Thursday 2/16 Activity 1: CSS Grid We will continue to look at how to Style with CSS Grid Activity 2: Responsive Web Design Concepts Responsive Web Design was… Continue reading Week 4: 2/14 + 2/16
Responsive Images and Video
Images are by default inline elements that are a certain size and will take up that space on your web site. For responsive web design we need our images to be able to shrink in size if the container they are in is smaller than the image. For example: The following needs to be in… Continue reading Responsive Images and Video
Submitting the Portfolio Brief
Instructions on how to submit your Portfolio Brief. Format Please submit your brief as a single PDF file. I suggest using Microsoft Word or Google docs to create it and then exporting as PDF. You will most likely use some other tool (Figma, XD, etc) to create your wireframes and site map. Export an image… Continue reading Submitting the Portfolio Brief
