Search

Callie Ann Mack

Notes 11/10 Word Rotator & Grayscale

http://www.missminnesotausa.com/mn-home.html

https://github.com/andreapace/wordsrotator

http://jquery.com/download/

GRAYSCALE:

 

Screen Shot 2016-11-10 at 10.12.06 AM.png

HOVERABLE DROPDOWN:

http://www.w3schools.com/howto/howto_css_dropdown.asp

Advertisements

Published Page

porfolio_scrolling.jpg

 

Final Concept Pages

htmlhtml.jpgScreen Shot 2016-11-07 at 1.19.16 PM.pngScreen Shot 2016-11-07 at 1.27.41 PM.pngscreen-shot-2016-11-07-at-1-19-06-pmScreen Shot 2016-11-07 at 1.27.56 PM.png

screen-shot-2016-11-07-at-1-19-39-pmcontact

3 Concepts – Personal Portfolio

Screen Shot 2016-11-01 at 2.08.47 PM.png

Screen Shot 2016-11-01 at 2.09.19 PM.png

Screen Shot 2016-11-01 at 2.09.04 PM.png

#3 Top Pick :

  • Scrolling page (to show different portfolios – design/published/cases)
  • Black and white , scroll over shows color
  • C.Mack | Designer (rotating text — creative, strategist, storyteller, sister, daughter, athlete, writer, leader, philanthropist, leader, student, traveler, learner, teammate, game-changer, catalyst, giver)

Personal Portfolio Inspiration

portfolio-web-design-inspiration-1.jpg

9-Eau-de-Design.jpg

gioledda_ca-19079.jpg

01_preview.__large_preview.png14865.png

 

massive-minimal-portfolio-html5-website-template.jpg

made.jpg

artists-portfolios2.png

9cc4f11843010bd2a87118c6907d0aa4.jpg

madebypfd.com1.jpg

cobalt-creative-architect-studio.jpgHempstead-masonry-grid-style-theme.jpgfredhart.com.jpg

brian-danaher-1-minimalist-monchromatic-whitespace-accent-color-design-portfolioe145e205a627770f40744e22e301d647minimalist-portfolio-websites-48

Notes 10/27

Notes 10/27 : Project 2

  1. Research personal portfolio sites for inspiration (10)
  2. Design personal logo
  3. Gather artwork (10-12 pieces)
  4. 3 concept designs in Photoshop (homepage) – due Tuesday 11/1
  5. Thumbnails in ul li
  • homepage with design statement (must be index.html)
  • portfolio section with 10-15 pieces
  • integrated blog or link to blog
  • contact page with email cloaking / anti-harvesting script
  • resume in downloadable pdf format
  • global navigation as an unordered list
  • only 1 external css file
  • entire site must validate with W3C http://validator.w3.org/ http://jigsaw.w3.org/css-validator
  • incorporate social netowrking

DUE DEC. 15th

  1. Dropbox loaded with:
    • Zip file of personal website (test on Markus’s computer first from www folder)
    • PDF compilation of ALL notes
  2. Email Markus link to final “updated” website after presentation the week before Dec. 15th
  3. Blog post with PDF compilation of ALL notes
  4. EC to purchase domain host ($20 for first year, $40/yr after)

Final Web Design

Notes 10/20:

Notes 10/18

Notes 10/18:

-h1-h6 exist in html, h7 + need to be created as a class

-adjust list style in ul

-adjust float in li

Screen Shot 2016-10-18 at 12.33.03 PM.png

Blog at WordPress.com.

Up ↑