These are some tips and fixes you can use when working with Git.
Author: Christopher Stein
Finding and Using Images
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
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
Gestalt Principle: Figure / Ground
When we look at something we try to determine what is important and needs our focus, figure, and what is not important and we can ignore, background. Another way to say this is foreground (figure) and background (ground). If you’ve done art you might have also heard of positive space (figure) and negative space (ground). … Continue reading Gestalt Principle: Figure / Ground
Gestalt Principle: Proximity
The basic way to use this principle is to pay attention to the spacing around your elements. If a few elements are all in a group and related to each other then the spacing between them should be less than the spacing between the group and the rest of the elements on the page. Here… Continue reading Gestalt Principle: Proximity
Gestalt Principles and Web Design
A big part of graphic design in general and the web design we do in this class is communicating a message to a particular group of people (audience). The Gestalt Principles were created to help explain how people make sense of what they see. They are particularly useful for web design where we’re using a… Continue reading Gestalt Principles and Web Design
Week 16: 5/16 + 5/18
This is our last week of class before the final. Thursday 5/18 Thursday is an optional class. I will leave that open for you to work on your group projects, ask questions and generally do whatever it is you need to do to help you complete the work for the class. I have added a… Continue reading Week 16: 5/16 + 5/18
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
Class 25 [5/4] Group Project Briefs and JavaScript
We started with going over the group project briefs and then went into JavaScript and jQuery focusing on doing an accordion with jQuery.
jQuery Basics
jQuery is the most popular JavaScript Library. Using a library allows you to quickly write code that is compatible across a range of browsers. It should be noted that recently browsers and JavaScript have evolved to make it possible to do a lot of the things jQuery is good at without jQuery. You may see… Continue reading jQuery Basics
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
jQuery Setup
Loading jQuery Into a Page There are two ways to load jQuery: Loading from the CDN Most people choose to load it from a CDN. The jQuery CDN allows you to choose which version you want to use. It should look something like this: Here is an example External JavaScript File Most of the time… Continue reading jQuery Setup
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
Class 24 [5/2] Working with Git in Groups
In class today we started with breakout rooms for your groups. Then we moved on to how to work with branching and merging in Git as a group using an example repository for practice.
Class 23 [4/27] JavaScript Introduction
Sorry, but you do not have permission to view this content. If you are a student in the course, please make sure that you are logged in to the OpenLab and have joined our course and then you will be able to see the content.
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
Software for Wireframing and Prototyping
Wireframing and Prototyping are two different (related) activities. They are here together because many of the software that do one will do the other. Figma [visit Figma’s site]This is designed first to be a a web app that goes from prototype to handoff to developers. This is one of the industry standards and widely used.… Continue reading Software for Wireframing and Prototyping
Final Weeks
Timeline for the final weeks of the course
Class 22 [4/25] AI Assistance and Final Projects
We started out looking at some ways in which you can use generative AI like ChatGPT, Bard and image generators to help with content and code for your final projects. Then we went over the timeline and final project brief assignment including saving and submitting the brief to the Final Project Tracking Miro. After Class… Continue reading Class 22 [4/25] AI Assistance and Final Projects
