Difference between revisions of "Class:Digital Portfolio 2014/Week 4"

From wiki.mpsdigitalphoto.com
Jump to navigation Jump to search
(Created page with "== Last Week == * Browser Develop Tools * Divs & Spans -vs- classes & ID's * CSS Floats == This Week == * CSS Normalized * CSS Position * CSS Offset * CSS Sliding Gallery *...")
 
(→‎Assignment)
Line 77: Line 77:
  
 
== Assignment ==
 
== Assignment ==
−
 
−
Great work this week folks, your CSS Overflow Galleries were quite nice.
 
−
 
−
# Use your newfound Web Font and CSS Background Image skills to add a header to the gallery projects you built last week.
 
−
# You can use your logo (logotype or brand mark) in conjunction with some CSS3 Web Font typography to build a nice site header.
 
−
#* Section A folks, you can watch this video: [http://assets.choppingblock.com.s3.amazonaws.com/video/screencast/20130521_MPS-DP-B_CSSBackgroundImageHeaders.mp4 CSS Background Images and header tricks]
 
−
# If you get into trouble, watch the videos and look at the files above.
 
−
# I expect your header to be unique and related to your branding exploration work.
 

Revision as of 16:23, 4 June 2014

Last Week

  • Browser Develop Tools
  • Divs & Spans -vs- classes & ID's
  • CSS Floats

This Week

  • CSS Normalized
  • CSS Position
  • CSS Offset
  • CSS Sliding Gallery
  • CSS Web Fonts
  • CSS Background Images
  • Tips for styling HTML headers

Notes

Image Processing & Image Renaming Tricks

In class we discussed a few different solutions for streamlining a photographers batch processing needs.

I have updated the Handy Utilities reference page for you here.

A Better Finder Rename (http://www.publicspace.net/ABetterFinderRename/)
Insanely quick and useful way to rename files and folders.
Trial download available from the website, also available in the Mac App Store here.
Dr (Russell) Brown's Image Processor Pro (http://www.russellbrown.com/scripts.html)
Fantastic image processing extension for Photoshop/Bridge
Direct link to download right here.

CSS3 Web Fonts

We discussed pretty much everything you need to know about CSS web fonts.

Reading/refresher materials

Web Font Purchase (download options)

Web Font Services (subscription-based)

TypeKit is now owned by adobe and the $50 membership is a free part of your Creative Cloud Membership.

Some Design/Type Inspiration

CSS Background Images

Video Notes

Section A

Section B

Files

Assignment

Retrieved from "http://wiki.mpsdigitalphoto.com/index.php?title=Class:Digital_Portfolio_2014/Week_4&oldid=204"