1. Complete in class demo exercise with Foundation Clearing Slideshow (4 images), Accordion Tab Section, Tab Section, and Video components. Upload exercise to personal website by end of the week.
2. Continue working on coding development for Project 2. Usability Testing scheduled in three weeks, Tuesday, Dec 10 at 8:30am. 85% of coded site with intended content due.
Wednesday, November 20, 2013
Video Resource
W3schools Video Tag Resource
VLC - Open Source Media Players and Media Convertor
Add following code snippet inside body tags to include video in html document:
<!--add video-->
<!--autoplay to true or false, loop to true or false-->
<video width="1000" autoplay="true" loop="true">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" ><!--supports IE, Safari, chrome-->
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"><!--supports Firefox and Opera-->
</video>
VLC - Open Source Media Players and Media Convertor
Add following code snippet inside body tags to include video in html document:
<!--add video-->
<!--autoplay to true or false, loop to true or false-->
<video width="1000" autoplay="true" loop="true">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" ><!--supports IE, Safari, chrome-->
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"><!--supports Firefox and Opera-->
</video>
Tuesday, November 19, 2013
Week 13 Day 1 - Tuesday, Nov 19 - Homework
1. Begin coding development for Project 2. Usability testing scheduled for Tuesday, December 10, 8:30am.
Monday, November 18, 2013
Usability Resources
A List Apart: Usability Testing Demystified
Usability Testing TookKit
Usability Tooks {via Smashing Magazine}
Usability & User Experience Articles {via Smashing Magazine}
Usability Testing TookKit
Usability Tooks {via Smashing Magazine}
Usability & User Experience Articles {via Smashing Magazine}
Thursday, November 14, 2013
Week 12 Day 2 - Thursday, Nov 14 - Homework
1. Work on Design Compositions for Project 2. Layouts for ALL sections (6 page minimum) with intended text and image content (not place holders) due as single PDF for formal critique in next week, Tuesday, Nov 19 at 8:30am.
Tuesday, November 12, 2013
CAA Lecture Series: Larry McNeil Thursday, Nov 14 at 5:30pm
As part of the Comic Art Indigène exhibit at the Prichard, Larry McNeil from Boise State University, will give a presentation on his remarkable body of work, including a recent focus on climate change.
Cartooning Class by CAA Alum Noah Kroese next week at Prichard Gallery
Upcoming Prichard cartooning workshop by last spring's UI "Inspiring Design Futures" Noah Kroese. This is an excellent opportunity, not to be missed.
Where: The Prichard Art Gallery
When: Thursday, November 21 at 7 pm.
The class costs $15, and the class size is limited.
Email pagallery@uidaho.edu or call 208.885.3586 to register for the class.
Where: The Prichard Art Gallery
When: Thursday, November 21 at 7 pm.
The class costs $15, and the class size is limited.
Email pagallery@uidaho.edu or call 208.885.3586 to register for the class.
Week 12 Day 1 - Tuesday, Nov 12- Homework
1. Work on Design Compositions for Project 2. Layouts for ALL sections (6 page minimum) with intended text and image content (not place holders) due for formal critique in 1 week, Tuesday, Nov 19 at 8:30am.
2. Upload Pono Fish Company exercise with Foundation grid, orbit slideshow, reveal modal boxes by start of next class.
2. Upload Pono Fish Company exercise with Foundation grid, orbit slideshow, reveal modal boxes by start of next class.
Thursday, November 7, 2013
Foundation Slideshow add
Delete existing script tag at end of html document to modify
<!--add to control orbit image slideshow settings-->
<script>
$(document).foundation('orbit', {
animation: 'fade',
timer_speed: 5000, //duration per slide; 1000 equivalent of 1 second
timer: true, // display timer (true or false)
pause_on_hover: false, // automatically pause timer when hovered (set true or false)
resume_on_mouseout: false,
animation_speed: 500, //duration of slideshow transition; 1000 equivalent of 1 second
stack_on_small: true,
navigation_arrows: true, // display previous & next arrows (set true or false)
slide_number: false, // display slide numbers (set true or false)
bullets: false, //display bullet navigation (set true or false)
container_class: 'orbit-container',
stack_on_small: false,
stack_on_small_class: 'orbit-stack-on-small',
next_class: 'orbit-next',
prev_class: 'orbit-prev',
timer_container_class: 'orbit-timer',
timer_paused_class: 'paused',
timer_progress_class: 'orbit-progress',
slides_container_class: 'orbit-slides-container',
bullets_container_class: 'orbit-bullets',
bullets_active_class: 'active',
slide_number_class: 'orbit-slide-number',
caption_class: 'orbit-caption',
active_slide_class: 'active',
orbit_transition_class: 'orbit-transitioning',
next_on_click: false,
variable_height: false,
before_slide_change: function(){},
after_slide_change: function(){}
});
</script>
Week 11 Day 2 - Thursday, Nov 7 - Homework
1. Work on Design Compositions for Project 2. Layouts for ALL sections with intended text and image content (not place holders) due for formal critique in 1 1/2 weeks, Tuesday, Nov 19 at 8:30am.
Tuesday, November 5, 2013
Week 11 Day 1 - Tuesday, Nov 5 - Homework
1. Post Foundation Basics Exercise to class site by Thursday, 8:30am.
2. Work on Design Compositions for Project 2. Layouts for ALL sections due for formal critique in two weeks, Tuesday, Nov 19 at 8:30am.
2. Work on Design Compositions for Project 2. Layouts for ALL sections due for formal critique in two weeks, Tuesday, Nov 19 at 8:30am.
Monday, November 4, 2013
Foundation Resources
Zurb: How to Design Responsively
Foundation Elements Documentation
Foundation Templates (right-click or control-click on thumbnails to download html file)
Zurb Blog: Design Patterns
Zurb Blog: Design Process
Zurb: Gallery of Responsive Sites
Zurb: Pattern Tap
Foundation Elements Documentation
Foundation Templates (right-click or control-click on thumbnails to download html file)
Zurb Blog: Design Patterns
Zurb Blog: Design Process
Zurb: Gallery of Responsive Sites
Zurb: Pattern Tap
Subscribe to:
Posts (Atom)

