sage art
Pronoia by Amanda Sage, acrylic painting, 2013

Week #6



div.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}

TOWSON WEATHER :
82° - 61°, Partly cloudy. 


Let's open up Adobe PhotoshopDreamweaver

*CHECK HOMEWORK*

Talk about Student Pages:
https://ryansmithart.com/fall2023/students.html










.zoom img{
transition: transform .2s;
margin: 0 auto;
}

.zoom img:hover {
-ms-transform: scale(1.5);
/* IE 9 */
-webkit-transform: scale(1.5);
/* Safari 3-8 */
transform: scale(1.5);
}


.gal img{
     padding:10px;
      text-decoration:none;
}

.gal .opac img {
opacity: 0.5;
}

.gal img:hover {
opacity: 1.0;
}




...What's jQuery?

lightBox: lightbox-plus-jquery.min.js

 

Things you need (for lightBox :)

*Make sure you have prev.png, next.png, close, etc... in an "images" folder saved as images

/* css: ( put this in your <head> section...) */
<link href="css/lightbox.css" rel="stylesheet"> 

// js: ( put this above your "closing" </body> tag! )
<script src="js/lightbox-plus-jquery.min.js"></script> 

<!-- html images: -->

<a href="1.jpg" data-lightbox="visionary" data-title="Art by Amanda Sage">
<img src="1.jpg"></a> 

<a href="2.jpg" data-lightbox="visionary" data-title="Art by Olga Klimova">
<img src="2.jpg"></a> 

 




review:
*z-index
CSS POSITIONING 
Positioning: W3schools

<link href="proj1.css" rel="stylesheet" >

** OPEN WEEK6_2023.zip (205 kb.) **

blindTextGenerator.com/Lorem-Ipsum


CSS:

- Navigation bars

- CSS OPACITY AND TRANSPARENCY

- CSS Class and ID

- <ul> & <li>

- CSS Navigation

 



talk about Project #1





**Talk about: TYPOGRAPHY & readability 




HOMEWORK: (oct 3rd - oct 10th )


* FINISH PROJECT #1 *
Due Oct. 10th, 6:00pm


Remember
...

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