Typography Challenge Assignment

The basic idea behind this assignment is to add CSS to an HTML page to create a typographic hierarchy. You will also need to add some enhancements like CSS3 and web fonts. I’ve put up a page with some CSS resources and will add to that as we go: CSS3 Resources Download the attached zip […]

CSS3 Resources

This site has general info on CSS3 and also examples http://www.css3.info http://www.css3.info/preview/   CSS3 generators http://css3.me/ http://css3please.com/   This site has great resources on which browser supports what (not just CSS). http://caniuse.com/   TEXT-SHADOW http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html   BOX-SHADOW http://youtu.be/SaXFDl5mRDY   BACKGROUND PATTERN GENERATORS pattern – http://bgpatterns.com/ stripes – http://www.stripegenerator.com/ tartan – http://www.tartanmaker.com/ dots – […]

Prep for Class on 11.19.12

Last class we went over a few things, the most important of which was the 960 Grid System. This is the grid system we will be using for the final Project. You were given the Layout Challenge assignment. A number of you didn’t feel comfortable enough with the 960 GS to complete the assignment so […]

Layout Challenge Assignment

UPDATE: As promised here is the CSS file we used on the example in class styles.css – from 11.9.12 class Your assignment is to create an HTML/CSS layout using the 960 Grid system that matches the image below. The latin text for the paragraphs and lists is from this site: http://html-ipsum.com/ The images are from placehold.it. The […]

Shortcuts

Learning Keyboard Shortcuts can drastically reduce the amount of time you spend typing HTML, CSS, JavaScript, PHP or whatever. Learn them. Use them. Enough said. Some shortcuts are universal: Ctrl+N = New file Ctrl+S = Save Ctrl+O = Open Ctrl+W = Close Ctrl+C = Copy Ctrl+V = Paste Ctrl+Z = Undo Ctrl+Y = Redo Alt+S […]

Sublime Text Package Control and Install

  First Install Package Control This information can be found on the website for Sublime Package Controll Here: http://wbond.net/sublime_packages/package_control Copy this text import urllib2,os; pf=’Package Control.sublime-package’; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20′)).read()); print ‘Please restart Sublime Text to finish installation’ Open Sublime Text 2 Type Ctrl+` (the ` is just below the […]

Class on Monday 11.12.12

Today we are going to cover a kind of grab bag of topics. I’ll list them briefly here and we will go over them in more detail in class: Text Editors (Sublime Text in particular) Final Project 960 Grid System

960 Grid System Resources

960 Grid System Main Site http://960.gs When yo go to the site there is literally a “Big ol’ Download Button :)” Click on that and you will get a zip file. In that file there are a bunch of folders. If you don’t want to go through the folders then here is the minimum that […]

Midterm Update

Hi Class, Due to all of the mess around Sandy, and the number of people absent on Monday, I’ve decided to make a final (final for real this time) extension to the due date for the midterm: Sunday, November 11. There is now an assignment on Blackboard, Midterm URL, where you can turn it in […]

Class on Monday, November 5

Hello Everyone, I hope that you’ve made it through this week safe and without too many difficulties. We all had difficulties of one kind or another. Also, hopefully you remembered to set your clocks back today. Here are the highlights of what you need to know for class: We are having class on Monday at […]

Copyright © MMP240 Fall 2012
Just another BMCC Multimedia Blogs site

Built on Notes Blog by TDH
Powered by WordPress

That's it - back to the top of page!