accessibility

Class Tuesday, January 28, 2020

 Today’s goals: Develop an understanding of how different people use & experience websites by putting yourself in their shoes Explore how to make websites usable for everyone  Today’s featured site: http://www.marbiru.com/days/ – You’re HOW old?  AboutContinue reading

flexbox

Class Friday, January 24, 2020

 Today’s Goal: Start learning about flexbox, a CSS layout method used to create mobile-friendly sites  Today’s featured app: https://peteroravec.com/ – Enjoy “walking around” this engaging portfolio site!  Flexbox (or flexible box) About Flexbox is a one-dimensionalContinue reading

display

Class Thursday, January 23, 2020

 Today’s Goals: Find good and bad examples of website navigation Complete a self-guided review of CSS Start learning about flexbox layout  Today’s featured app: https://namasketch.com/ – This site creatively teaches you some basic yoga poses  WebsiteContinue reading

block and inline

Class Tuesday, January 21, 2020

 Today’s Goals: Use CSS display values block, inline, and inline-block to create horizontal and vertical webpage menus Complete a self-guided review of CSS  Today’s featured app: http://speakingpuppy.com/ – The world needs this   Block and Inline ElementsContinue reading

block and inline

Class Friday, January 17, 2020

 Today’s Goals: Begin learning about CSS display property  and values block, inline, and inline-block Use CSS display values block, inline, and inline-block to create horizontal and vertical webpage menus  Today’s featured site: https://saijogeorge.com/css-puns/titanic/ – CSS puns!Continue reading

block and inline

Class Wednesday, January 15, 2020

 Today’s Goals: Review CSS and your questions CSS triangle– quick demo Begin learning about CSS display property  and values block, inline, and inline-block  Today’s featured site: https://neal.fun/deep-sea/ – Learn about what lives in the depths ofContinue reading

dog needs help

Class Tuesday, January 14, 2020

 Today’s Goals: Review code of quote page made with background-blend-mode property Find and look at sites that use CSS blend modes Learn code trouble-shooting steps– general and for the background image issues Learning reflection: quickContinue reading

CSS can do that

Class Friday, January 10, 2020

 Today’s Goals: Finish your quote page with a blended background image and color using the background-blend-mode property (click here for directions ) When done: Try to figure out why we used position: relative; with our h1Continue reading

CSS vs HTML

Class Thursday, January 9, 2020

 Today’s Goal: Create a quote page with a blended background image and color using the background-blend-mode property  Today’s featured site: https://youtubedetox.skynox.tech/ – This site acts as an alternative search for YouTube so you don’t get distractedContinue reading

CSS is awesome mug

Class Tuesday, January 7, 2020

 Today’s Goals: Finish border-radius and filter practice page Review CSS is the Best! spreadsheet Start learning about CSS blend modes  Today’s featured site: https://codepen.io/joshbader/pen/MZMzjr – This cute LEGO figure is created entirely out of CSS andContinue reading