Monday 12/9/2019 Today we are going to mostly work in class. I am also going to talk to you about the wireframe assignment and about the next steps in moving from that to your final product. Wireframe Assignment Feedback Creating HTML to match the Wireframes Converting Content to HTML Responsive […]
In-class Information
29 posts
Class on 12/4/2019 Today we will cover the following: Final Project Grading Rubric Media Queries Final Project Layout and inspiration including work on your wireframes assignment. Final Project Grading Rubric This rubric is part of the following Final Project post. That post will be updated with more information and more […]
12/2/2019 Class Today we are going to mostly allow you to work on your final projects. We will do this in a couple of different ways: Free Time to work on the wireframe assignment A look at some of the new page content Paired exercise to talk about your wireframes, […]
I can’t confirm that we will be able to use Scout so today we will just focus on responsive media and we will see if by Wednesday, we will be able to get back to Scout and Sass. I’ve collected a number of resources around responsive media in this post: […]
Class on Wednesday 11/20/2019 Today we are going to pick up where we left off with Sass and then look at how to apply this to your projects. Sass Variables, Gestalt Connectedness and Color Palettes The CodePen below is where we left off. It uses Sass Variables to set colors […]
Today we are going to do some introductory activities and then get into two new topics that you will be able to apply to the final. Midterm Project Presentations Quizlet Gestalt Principles: Connectedness and Similarity Sass Introduction Midterm Project Presentations Please post links to you GitHub Pages to the comments […]
class on Wednesday 11/13/2019 Today we will start with a quiz quizlet game. GitHub Then we are sign to look at integrating GitHub into your editor. We will focus on Brackets with Brackets Git but many of the same ideas also apply to other editors. Most notably: Atom (made by […]
Class on Monday 11/11/19 Media Queries Today we are going to focus on Media Queries. They are the last major piece of the puzzle we need to make a responsive web site. We’re going to go over what media queries are and practice using them in CodePen. This Media Queries […]
Class on Wednesday, November 6, 2019 Today we are going to look at your midterm projects. At the end of class there will be an anonymous survey to fill out and we will talk about the rest of the semester. Remember to submit the URL to the Midterm Project assignment […]
This is a chance for you to give me feedback on how the midterm project went for you and any other feedback for the course. This is anonymous and doesn’t require your name to complete. If you can’t see the form below, Click here to open the form.
Today in class you will have time to work on the midterm projects. I have graded all Assignment 6 that were turned in. You may want to start there and look at my comments. There are two new posts related to the midterm: Midterm Helper Files: this has links to […]
These files can help with the midterm Base HTML You can copy this Gist and use it as the base HTML for each file: open Gist. Remember to click the Raw link before copying. Navigation This post shows two simple ways to add in your navigation: https://openlab.bmcc.cuny.edu/mmp-240-fall-19-stein/2019/10/28/simple-navigation/ Midterm Content This […]
Class on Monday 10.30.2019 Quizlet Reminder Today in class we will start with a reminder to register for Quizlet and, when you have some free time, to begin studying the sets for our class. https://quizlet.com/join/XNhMKNwsY Q&A: Assignment and Type Hierarchy We will then leave some time to ask questions from […]
Class on 10.28.2019 Navigation Styling Links Gestalt Principle: Proximity Work on Midterm Typographic Hierarchy CodePen Base Typography Example: https://codepen.io/profstein/pen/pOXymR Pair and share
Class on 10.23.19 Quizlet We will start with the quizlet live games How to get on: Download the app and put in the code I will show on the board. Search for Quizlet in your App Store Go to quizlet.live and enter the code I will show on the board […]
Class on 10.21.19 Assignment 6 Q&A We are going to start the day answering questions about assignment 6 and making sure that everyone understands the Midterm content. Then we are going to move on to the Gestalt Principles. Gestalt Principles Today I will briefly introduce you to the Gestalt principles. […]
Class on 10.16.2019 Today in class we are going to get everyone started on the midterm project by completing what would have been Assignment 6 and moving forward from that to start to put content on the page. Basic Wireframes and HTML formerly Assignment 6 We will start by looking […]
Today we are going to start out going over adding images to a page. Then we will start to talk about planning and preparation for the mid-term project. Images We will spend about 20-30 minutes at the start of the class going over what we have done and what is […]
The information here is the outline of content for the three pages that will be on the midterm project. The purpose of the outline is to summarize what content areas will be on the page. I’m having you start with these so you can get an overall page structure set […]
Class on Wednesday, October 2, 2019 (we had no class on Monday 9/3/19 due to school holiday) Note: We believe that those of you experiencing login issues related to the OpenLab should now be able to log in. Please try and let me know if you are able to or […]
