CSS Animations
Shape of the Day: Learn how to make animations with CSS, using a pre-formatted selection of animations – Animate.CSS Learn how CSS animations work using keyframes and the animate property […]
Shape of the Day: Learn how to make animations with CSS, using a pre-formatted selection of animations – Animate.CSS Learn how CSS animations work using keyframes and the animate property […]
Shape of the Day: Practice using the filter property and flexbox layout Website of the Day: https://www.supremo.co.uk/designers-eye/ – Try this challenge, can you tell if it’s centered?
Shape of the Day: Learn about border-radius and filter properties Website of the Day: https://trends.google.com/trends/yis/2021/GLOBAL/ – Find out what dominated Google Last year in 2021
Shape of the Day: Flexbox Continued Website of the Day: https://saijogeorge.com/css-puns/titanic/ – Check out these CSS Puns! Enjoy.
Shape of the Day: CSS Quiz – What do you remember? Flexbox – What it is and how it works! Broken Flexbox Assignment Website of the Day: https://codepen.io/jkantner/pen/ZaMeyW – Check […]
Shape of the Day: Review CSS through a small web based quiz! Continue practicing with flexbox – A CSS layout method used to create mobile-friendly websites Website of the Day: […]
Shape of the Day: Review CSS through the Self-Guided Review Docs Begin flexbox – A CSS layout method used to create mobile-friendly websites Website of the Day: https://httpster.net/2022/oct/ – Check […]
Shape of the Day: Key concepts for Bullets, Links and Menus Creating a Vertical Website Menu Creating a Horizontal Website Menu Website of the Day: https://www.instructables.com/halloween/ – Instructables is a […]
Shape of the Day: Learning about CSS display property (Block, inline, and inline-block) Website of the Day: https://securityplanner.org/#/ – Get help with making better security decisions for your online accounts […]
Shape of the Day: Explore the World of Code Website of the Day: https://gcemetery.co/ – It’s the google cemetery for all things google didn’t want you to know about or […]
Shape of the Day: Complete Broken Winter Assignment Floating property in CSS Broken Floats Assignment Website of the Day: http://www.pixelthoughts.co/ – JavaScript is used here to calm you down
Shape of the Day: Look up your assignments on Teams and check feedback on assignments for resubmission Broken Winter Code Assignment Extra Practice Website of the Day: https://jenniferdewalt.com/rock_paper_scissors.html – Can […]
Shape of the Day: CSS Positioning Z-index Property Broken Winter Code Assignment Website of the Day: https://www.google.com/maps/space/earth – Here’s a Google Maps of some Planets and Moons!
Shape of the Day: Shorthand properties: Margin, Border and Padding CSS Box Model Quiz (whaaaat?!?!) Positioning and z-index Website of the Day: https://www.smashingmagazine.com/2022/09/desktop-wallpaper-calendars-october-2022/– Scroll down to check out October wallpapers […]
Shape of the Day: Continue working on Thanksgiving Webpage Assignment If assignment is completed, can work on a choice of three activities Website of the Day: https://jenniferdewalt.com/color_clock.html – the colours change […]
Shape of the Day: Continue working with the Box Model box-shadow and line-height – 2 new properties in CSS! Learn what CSS classes are and how they can be applied […]
Shape of the Day: Ensure any assignments on Teams are handed in/updated. Check marks using the grades option. Continuing the Box Model Website of the Day: https://picular.co/ – Since we’re working […]
Shape of the Day: CSS Challenge Assignment Learn how to change your Cursor with CSS Discover/learn about the CSS Box Model Website of the Day: http://roblafratta.com/mariowario – Cool costumes for […]
Shape of the Day: Catching up on your work! Website of the Day: https://colorleap.app/home – Discover popular colour themes during multiple periods of time in history!
Shape of the Day: CSS Review Complete CSS Quote Assignment Begin CSS Gradient Backgrounds Assignment Website of the Day: https://onlinepumpkincarving.com/ – Great way to plan out the real thing… Halloween is […]