Shape of the Day: Choose one or more of the following Canvas tutorials to complete Create a JavaScript-based Game Create a JavaScript-based animation Create a basic drawing application Website of […]

Shape of the Day: The Canvas Tag Practicing with Canvas Website of the Day: http://craftymind.com/factory/html5video/CanvasVideo.html – Here the canvas tag is utilized to allow you to blow up the video! […]

Shape of the Day: JavaScript Methods Create your own page and play with JavaScript Website of the Day: http://cant-not-tweet-this.com/ – How NOT to use JavaScript….

Shape of the Day: Review Terms from Yesterday Practice some JavaScript Basics Onclick, Onload and Other DOM Events Time for Practice with JavaScript Website of the Day: http://destroyer.la/ – A […]

Shape of the Day: Hand in whatever you have from the Bootstrap Tutorial Mr. Chastkavich will show you some things about Javascript Practice using the Javascript introduction webpage Javascript tutorial […]

Shape of the Day: Self-Paced Bootstrap Tutorial Website of the Day: https://mrdoob.com/#/92/google_gravity – Check out what JavaScript can do to a fake Google webpage!

Shape of the Day: Basic Bootstrap Demo Self-Paced Bootstrap Tutorial Website of the Day: https://christmasexperiments.com/ – These sites use web graphics library (WebGL) which is a JavaScript API (Application Programming […]

Shape of the Day: Questions on CSS Frameworks Learn about Bootstrap Tutorials Website of the Day: http://responsiv.eu/ – This neat website shows you what your webpage would look like on […]

SHAPE OF THE DAY: Please work to catch up on any incomplete assignments up to today.

Shape of the Day: Flexbox is back – with Media Queries Responsive Webpage Design Challenges Website of the Day: https://www.webdesignerdepot.com/ – A cool site for tips and resources for web […]

Shape of the Day: CSS Grid Create a Photo Gallery with CSS Grid Website of the Day: https://orangeyouglad.com/ – a well designed website that is responsive too!

Shape of the Day: CSS Media Queries CSS Grid Layout Website of the Day: https://photos.icons8.com/creator – Create stock photos with this website!

Shape of the Day: Questions on Mobile Design Responsive website examples Creating Responsive Webpages Website of the Day: https://www.xmasclock.com/ – the countdown is on!!!

Shape of the Day: Looking at Mobile Design – compare user experiences for phone and desktop Website of the Day: http://www.daysold.com/ – How many days old are you?

Shape of the Day: Trying to empathize with different people who use & experience websites. Explore different ways to make websites usable for everyone Website of the Day: http://metrocosm.com/ – […]

Shape of the Day: Last day to work on Website Project – Due date: TODAY (December 2nd)

Shape of the Day: Continue working on Website Project – Due date: Monday December 2nd Website of the Day: https://www.kapwing.com/museum-of-websites – A Gallery of famous internet companies and how they […]

Shape of the Day: Continue working on Website Project – Due date: Monday December 2nd Website of the Day: https://www.webdesignerdepot.com/ – A website with a bunch of tips and resources […]

Shape of the Day: Continue working on Website Project – Due date coming soon! Website of the Day: http://www.wonder-tonic.com/geocitiesizer/ – Make a website look and sound… pretty terrible!

Shape of the Day: Continue working on Website Project – Due date coming soon! Website of the Day: https://codepen.io/jkantner/pen/eLMgWa – Check out this fun little button/animation

Shape of the Day: Project Requirements Suggested Timeline Project Resources Website of the Day: https://www.iconfinder.com/free_icons – Free sets of Icon images!

Shape of the Day: Project Requirements Suggested Timeline Project Resources Website of the Day: https://www.calltoidea.com/ – Here’s some inspiration for design!

Shape of the Day: Project Requirements Suggested Timeline Project Resources Project Advice Website of the Day: http://apps.workflower.fi/vocabs/css/en – Review some CSS Vocabulary!

Shape of the Day: Project Examples Planning the website layout Project Requirements Suggested Timeline Website of the Day: http://apps.workflower.fi/vocabs/css/en – Review some CSS Vocabulary!

Shape of the Day: What you have learned so far Project Topic Planning the website layout Project Requirements Website of the Day: https://css.30secondsofcode.org/ – Some funky cool ways to make […]

Shape of the Day: Working on Animation Challenge or anything else overdue Website of the Day: https://perpetual.pizza/ – Try not to get lost!

Shape of the Day: Animation Challenge Website of the Day: https://countdown.onlineclock.net/countdowns/christmas/ – We’re nearly there!

Shape of the Day: Questions about the future in Web Development Website of the Day: https://santatracker.google.com/village.html– Google’s holiday game site 

Shape of the Day: Web Typography – what it is and how it is used Creating Buttons using HTML and CSS Website of the Day: http://speakingpuppy.com/ – Becuase why not

Shape of the Day: Review Animation with some Exercises Begin 2D Transforms and Transform Property Website of the Day: https://routeshuffle.com/ – A 16 year old made this website to help […]

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/2018/GLOBAL/ –  Find out what dominated Google Last year in 2018 https://www.smashingmagazine.com/2019/10/desktop-wallpaper-calendars-november-2019/ – Scroll through this […]

Shape of the Day: Check returned work in e-mail 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: http://www.halloween.com/ – Happy […]

Shape of the Day: Complete last class concept of intro to CSS display property with block inline and inline-block values Key concepts for Bullets, Links and Menus Creating a Vertical […]

Shape of the Day: Mr. Chastkavich will be checking in from the World of Code Day Learning about CSS display property (Block, inline, and inline-block) Website of the Day: https://securityplanner.org/#/ […]

Shape of the Day: Work on any incomplete assignments – check your e-mail for an update on your mark. If all work is complete, continue with Khan Academy lessons Website […]

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: Ensure Broken Winter assignment is completed Floating property in CSS Website of the Day: http://www.pixelthoughts.co/ – JavaScript is used here to calm you down

Shape of the Day: Look up list of assignments and ensure all your assignments are handed in properly in student folder Check feedback on CSS quote assignment in email Broken […]

Shape of the Day: CSS Positioning Z-index Property Broken Winter Code Assignment Website of the Day: https://httpster.net/2019/feb/ – Check out awesome websites made from around the world!

Shape of the Day: Shorthand properties: Margin, Border and Padding CSS Box Model Quiz Positioning and z-index Website of the Day: https://www.webdesignmuseum.org/ – Here’s a museum of web design from […]

Shape of the Day: Check out the new Assignments Page Continue working on Thanksgiving Webpage Assignment If assignment is completed, can work on a choice of three activities Website of […]

Shape of the Day: box-shadow and line-height – 2 new properties in CSS! Learn what CSS classes are and how they can be applied Cascading – the “C” in CSS […]

Shape of the Day: Continue working with the Box Model Website of the Day: http://codevember.xyz/ – See what strong web developers can create based on a one-word theme!

Shape of the Day: Checking marked homework and re-submitting any unfinished work Continue working with the Box Model Website of the Day: https://www.google.com/maps/space/earth – Here’s a Google Maps of some […]

Shape of the Day: Checking marked homework and re-submitting any unfinished work Begin CSS Box Model Lesson Website of the Day: https://www.smashingmagazine.com/2019/09/desktop-wallpaper-calendars-october-2019/ – Scroll down to check out October wallpapers […]

Shape of the Day: Follow along with Mr. Chastkavich – CSS Review and Practice CSS Questions Change your Cursor with CSS Website of the Day: https://codepen.io/collection/naWGZj/ – Here are some […]

Shape of the Day: Check e-mail for returned assignments Complete CSS Quote Assignment Begin CSS Gradient Backgrounds Assignment Website of the Day: https://jenniferdewalt.com/color_clock.html – the colours change as the day […]

Shape of the Day: CSS Review Complete CSS Quote Assignment Begin CSS Gradient Backgrounds Assignment Website of the Day: https://picular.co/ – Since we’re working with colours so much, here’s a […]

Shape of the Day: Working to complete any unfinished assignments If all work completed, pick an assignment to re-do and see how fast you can complete it Find a tutorial […]

Shape of the Day: Complete CSS lesson Complete any incomplete work Practice with Google Fonts Try some styling links Begin CSS Quote Assignment Website of the Day: https://colorleap.app/home – Discover […]

Shape of the Day: Complete inspirational quote graphic Complete Colours lesson from Friday Start on CSS lesson Website of the Day: http://oldweb.today/ – Check out what the web used to […]

Shape of the Day: Complete the objectives from yesterday’s lesson Complete inspirational quote graphic Begin Colours lesson Website of the Day: https://vanishlist.com/ – Need to get rid of online accounts? […]

Shape of the Day: Finish Web Browser Lesson from yesterday Ensure all work is complete up to this point Website of the Day: https://onlinepumpkincarving.com/ – Great way to plan out […]

Shape of the Day: Finish any work from yesterday on Internet and Computer Security Begin Web Browser lesson Website of the Day: The most important questions in the world: http://ismycomputeronfire.com/ […]

Shape of the Day: Learning about internet and computer security Complete any work you are behind on. Website of the Day: http://the100meterscroll.com/ – The ultimate finger workout

Shape of the Day: Check list of work to ensure you have completed all things Mr. Chastkavich is looking for Continue working on HTML Assignment 1 When assignment is complete […]

Shape of the Day: Complete yesterday’s HTML components – Embedding Videos/widgets, Block vs Inline elements and tables Learn how to create a favicon Complete the HTML Assignment – done on […]

Shape of the Day: Finish the HTML Challenge from yesterday Continue HTML Learning – Embedding Videos and Widgets, Block vs Inline elements and Tables Website of the Day: https://www.signs.com/branded-in-memory/ – […]

Shape of the Day: Ensure Brackets works on your computer Follow instructions from HTML start up here (number 3) Complete Questions about the Internet Complete the HTML Challenge – Fix […]

Shape of the Day: Show Mr. Chastkavich your completed questions about “The Internet” from yesterday. Ensure Brackets works on your computer Follow instructions from yesterday’s HTML start up Complete Review […]

Shape of the Day: Complete Web Development 10 Page Learn about the Internet and Websites Open the Brackets program – it’s time to code!! Follow instructions on what to do […]

Shape of the Day: Show Mr. Chastkavich Questions about HTML WordPress Review – Can you find your website from grade 9? Create a new Web Development 10 Page Website of […]

Shape of the Day: Complete Summer in 6 words  and reflection questions – show Mr. Chastkavich Create a folder on One Drive Complete Review Questions about HTML WordPress Review – […]

Shape of the Day: Checking in on Scavenger Hunt and Name Tag (should be complete) Start on webpage describing summer in 6 words Create a folder on your Network Drive […]

Shape of the Day: Name tags and Scavenger Hunt Discussion on websites and apps that we like to use World’s First Website, History, Evolution, and Web design vs Web Development […]

Welcome back again! Shape of the day: Questionnaire about you! Name Tag – First graphic How to use our class website Apps and websites that we like – Discussion Website […]

Welcome to Web Development 10 Shape of the Day Intro Activity What is this class and why are you here? What do you want to learn? What do you already […]