Hi All, The login should be working how. Please try if you were trying before. I need to have confirmation from other people that they can get in. I’m still going to allow submitting late. If you do anything to your project between now and Monday, please let me know […]
Christopher Stein
Hi All, This is an update about your final projects. Submitting Your Final Remember that you will submit your final by posting to our clas site. I have made posts for all of you where you will add the information for your final project. Go to this page to view […]
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 […]
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 […]
Due Date The final Project is due on Wednesday, December 18. You will present in class on that day. Final Project Content You can download the final project content files from this DropBox Folder: https://www.dropbox.com/sh/moy1ibknj8kno3g/AACY98Y4E66N77PwMBB97wzSa?dl=0 Page List: Home Retrieval Practice Spaced Practice Elaboration Interleaving Concrete Examples Dual Coding About The […]
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, […]
This assignment is to create 9 wireframes: HOMEPAGE 1. Small/mobile layout 2. Medium layout 3. Large Screen Layout ABOUT PAGE WIREFRAMES 4. Small/mobile layout 5. Medium layout 6. Large Screen Layout SKILL PAGE WIREFRAMES (right now you’ve done the retrieval practice page. Each of the other 5 skills will have […]
When you want to set what font is used to display text you set the font-family property. The value for the font-family property is a comma separated list of fonts. Here is an example: Font Stack The list of fonts in the value for font-family is often referred to as […]
While Chrome is a good overall browser it continues to lag behind Firefox in tools to inspect your CSS Grid. This plugin is a step to bridge the gap: Gridman: CSS Grid Inspector. Follow the link when in the Chrome browser to install. Once you install it to use it […]
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: […]
Resources related to using media (images, video, audio) in your sites. ATTRIBUTION Even if the site does not require you to attribute the image, I am requiring you to do it for your web site projects. Images Where to Find Usable Images I collected a number of sites and resources […]
Here are some CodePens on embedding responsive Media. They all follow the same basic principle: Wrap the embed code (usually an iframe) in a div with a class and then do most of the styling on the div in your CSS. Responsive Video Embed With video, it is important to […]
Previously we showed some basic CSS to make an image responsive. All that does is allow the image to resize as the element that contains it resizes. This means that you have to add the image at the largest size it can possibly be. The techniques below allow you to […]
When you use an image on a web site, you must obey copyright law and only use images you have an explicit right to use. So, searching Google Images is NOT the way to find them (unless you take additional steps shown below). The general rule of thumb is: Only […]
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 […]
In order to complete this assignment you will need to do the following: Sign up for Quizlet Join the class. Click on this link to join: https://quizlet.com/join/XNhMKNwsY Use one of the seven study types (learn, flash cards, write, spell, test, match, gravity) for EACH of the five sets: HTML HTML […]
Here are the steps to convert a project that doesn’t use Sass to use Sass. Step 0: Make sure you can compile Sass If you haven’t already figured out a way to compile (technically transpile) Sass into CSS then you need to do that. The simplest way is to use […]
When you write in Sass (SCSS) you need to have those files converted (transpiled) into CSS. Scout App, is a quick way to do this. This video walks through installing Sass on macOS. Note that you can install Sass on the Desktop or Documents so you can add it to […]
Every website uses anchor tags to style links. This is an example of a way that you can use Sass to quickly style links. You can define the link color with your other colors for your site and then by changing the Sass $link-color variable you’ll change the color for […]
On Friday, November 22 at 10:15am in 199 Chambers room S608 (the Makerspace), the Fashion Institute of Technology will hold a transfer information session with professors from the college. This is a somewhat unique event and if you are interested in transfer to FIT you should attend. FIT is a […]