Week #15


TOWSON WEATHER :
47° - 34°, Mostly Cloudy 
Nahid Tootoonchi will be joining us today

Good Design vs. Bad Design

<a href="../cards/card1.jpeg">Bad Design</a>
<a href="../cards/card2.jpeg" data-lightbox="design1" data-title="front side">Good Design</a>
<a href="../cards/card3.jpeg" data-lightbox="design1" data-title="back side"></a>
https://narbonezz.com/

- talk about Project #2  & GRADES



Something NEW :)
https://ryansmithart.com/fall2023/new.html

From: https://redstapler.co/add-loading-animation-to-website/
& https://www.w3schools.com/howto/howto_css_fullscreen_video.asp

download: new_RippleZ.zip


Talk about the "Final Project "

* Branding, identity, & logo design
& Brand, branding, identity...

https://tigerweb.towson.edu/mbuckw2/green-jay/index.html


*Review: 

lightBox?

image grids:


<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 150px;
}

div.gallery:hover {
border: 1px solid #777;
}

div.gallery img {
width: 100%;
height: auto;
}

div.desc {
padding: 15px;
text-align: center;
}
</style>

source: https://www.w3schools.com/css/css_image_gallery.asp


.grid{
padding-left:10px;
padding-top:20px;
width:500px;
background-color:#ddd;
height:700px;
margin-left:auto;
margin-right:auto;
}

cat
cat 1
cat
cat #2
cat
cat #3
cat
cute cat
cat
gato
cat
gatito
cat
gatito 2
cat
cat #8
cat
Bear Cat

<!-- HTML -->

<div class="grid">

<div class="gallery">
<a data-lightbox="cat" href="cats/Baby_Cat.gif"><img src="cats/thumbs/cat1.png" alt="cat"/></a> <br>
<div class="desc">cat 1</div>
</div>

<div class="gallery"> <a data-lightbox="cat" href="cats/cat2.png"><img src="cats/thumbs/cat2.png" alt="cat"/></a> <br>
<div class="desc">cat #2</div>
</div>


<div class="gallery"> <a data-lightbox="cat" href="cats/cat3.png"><img src="cats/thumbs/cat3.png" alt="cat"/></a> <br>
<div class="desc">cat #3</div>
</div>
</div> <!-- end grid class-->




.GIFs?


FUN STUFF:
https://gifrun.com



CSS, image rotation:
.rot{ rotate: 30deg; }

gif










HOMEWORK:


Finish your "Final Project "

Examples:
profesional: 1 - 2 - 3 - 4 - 5
students: 1 - 2 - 3




NOTE:
Please bring an external hard drive or "thumb drive" with you to class.
Note: You will use your (USB) flash drive to move your files from your computer to the desktop computer.
I will also expect you to upload your projects to Towson’s server space (Tigerweb.towson.edu/…).

If you forget to bring your "Thumb drive", and you’re having difficulty uploading your project, you may need some help.
If you need help, please ask for assistance.
If you have a broken or incomplete project, bring it to class anyway.
Required materials for this class:

(1) a flash drive or hard drive: 2GB or more
(some external device to store your work on)

(2) *Personal Web Space (Towson user accounts are fine)

(3) a sketchbook, something not too big, about 8x10 inches 
(for notes and sketches) 

(4) something to write & make drawings with