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 […]
Christopher Stein
As you may have noticed, writing CSS can get long and repetitive. As you start to add styles for layout, type, page sections, media and more the .css file gets longer and longer and harder to modify. To help manage this and add some flexibility to CSS people created CSS […]
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 […]
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 […]
In order to have a fully responsive web page you need three things: Fluid Layout: the width of the layout is set in fluid units like percent or fr units. This allows the layout to expand and contract to fit the width of the browser window. Flexible Media: images, video […]
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.
We have an articulation agreement between City Tech’s Communication Design BFA and our Multimedia Programming and Design major. City Tech holds transfer information sessions once per semester or so to help give you more information about their program and how you can transfer there to get their degree. The next […]
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 […]
The midterm project is due on Wednesday, November 6 at 10:59am. We will look over projects in class. Grading Rubric This post outlines the grading rubric used for the midterm project. Make sure to read it and check that you are addressing each area. Midterm Grading Rubric Midterm Related Posts […]
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 […]
This tutorial shows the simple way to create a GitHub repository and upload files using the GitHub web site only. It’s meant to be a first step and a quick way to get your files onto GitHub and able to publish with GitHub Pages. As you learn more we will […]
This rubric will be used to score your midterm projects. [10%] Content Structure [15%] Content Quality and Attribution [10%] Visual Design: Layout [10%] Visual Design: Typography [10%] Interaction Design [15%] HTML [15%] CSS: Basic [10%] CSS: Grid [5%] Delivery: GitHub Pages You can download the PDF at this link.Below is […]
This page describes how to publish a site using GitHub Pages. The same information is presented both as a video walkthrough and as written instructions. Video Walkthrough Written Instructions Publish a Web Site on GitHub Pages GitHub allows you to publish your public repositories on the web using what they […]
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
Links on a web page are made through an anchor (a) element: When we’re styling them in addition to styling the basic a element you can also style different states of the link: visited: what it looks like when someone has already cliked the link before hover: what it looks […]
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 […]
The examples I’m going to use are from the Listamatic web site. http://css.maxdesign.com.au/listamatic/ This site is out of date, but in this case that’s a good thing. It means that our navigation will work in older versions of browsers. Navigation is essential to your site and you want to make […]