pk311

Patricia Kruep, Faculty
Graphic & Web Design, School of Design
The Art Institute of Washington
The Art Institute of Washington-Dulles

Lesson Notes

CSS Grid References

September 4th, 2018 | No Comments | Categories: Lesson Notes and Resources. Courses: GWDB273. Technology: CSS.

Here are a few references on CSS Grid that I have found useful:

  • CSS-Tricks: A Complete Guide to CSS Grid
  • MDN: CSS Grid Layout
  • Grid by Example

CSS Grid Demo Files

September 4th, 2018 | No Comments | Categories: Lesson Notes and Resources. Courses: GWDB273. Technology: CSS, Front End Development, and HTML.

A second set of demo files for working with Grid: css-grid-demo-files

Responsive Images Refrences

August 28th, 2018 | No Comments | Categories: Lesson Notes and Resources. Courses: GWDB273.

Here are some references on responsive images to go with the responsive demo:

  • MDN: Responsive Images
  • Interneting is Hard: Responsive Images
  • A List Apart: Responsive Images in Practice
  • Smashing Magazine: Responsive Images Done Right

Responsive Images Demo Files

August 28th, 2018 | No Comments | Categories: Lesson Notes and Resources. Courses: GWDB273. Technology: CSS and HTML.

We’ll use these files: responsive-images-demo for our responsive images demo.

These files: responsive-images-demo-complete are the completed demo for your reference.

Flexbox Demo Files

August 21st, 2018 | No Comments | Categories: Lesson Notes. Courses: GWDB273. Technology: CSS and HTML.

We’ll use these HTML and CSS files to work with flexbox layout.

MoreStuff:

Current Courses:

  • GWDB202: Interface Design

Additional Resources:

  • Announcements
  • Resources
  • Grading Scale
  • Acheivements
  • Levels and XP
  • School Info

evenmore:

You can reach me via my faculty email, pkruep [at] aii [dot] edu.

connect:

Follow Us on FacebookFollow Us on Google+Follow Us on TwitterFollow Us on LinkedInFollow Us on Flickr

about:

I make pretty pictures. I make sites for the web and things that are interactive and sometimes I make interactive things that also move. I make things to wear. I make things to play with. Sometimes, I make things to eat. I try to make things grow. Many times I make a mess while trying to make other things. If you are interested to learn more, follow the links below.

  • About Me
  • Curriculum Vitae
  • Teaching Portfolio
  • Portfolio
  • Colophon