CSS Challenge & Box Model Assignment
Shape of the Day: CSS Challenge Assignment Website of the Day: https://picular.co/ – Since we’re working with colours so much, here’s a website that is essentially Google, but for colours!
Shape of the Day: CSS Challenge Assignment Website of the Day: https://picular.co/ – Since we’re working with colours so much, here’s a website that is essentially Google, but for colours!
Shape of the Day: Practice using different jQuery APIs, including css(), hide(), show(), and animate() Learn about jQuery events Website of the Day: https://www.worldsdumbestgame.com/ – jQuery showcase #3: are you […]
Shape of the Day: Learn about JavaScript Libraries and more practice with jQuery Website of the Day: https://www.takecareofyourtrails.com/ – jQuery showcase #2: this well-designed and engaging site is from the […]
Shape of the Day: Learn about jQuery and how to use it Website of the Day: https://mendeleev.me/ – jQuery is used to make this site engaging and interactive
Shape of the Day: Create a countdown timer webpage with JavaScript Learning about JavaScript time and date methods and objects Website of the Day: https://cat-bounce.com/ – JavaScript is used here […]
Shape of the Day: More practice with JavaScript Website of the Day: http://endless.horse/ – JavaScript is used here (jQuery library) to make this horse keep growing no matter how much […]
Shape of the Day: Drag and Drop Elements JavaScript Frameworks Website of the Day: https://www.puzzlescript.net/ – A cool website with a bunch of JavaScript made puzzles!
SHAPE OF THE DAY: UPDATE – Chastkavich will be going over what is expected from the “drawing app” tutorial. Try to work on the JavaScript tutorials or any other work […]
SHAPE OF THE DAY: Try to work on the JavaScript tutorials or any other work you need to catch up on today.
Website of the Day: https://codepen.io/tholman/pen/qCnfB – Some sweet JavaScript in action, draw TEXT on the canvas!
SHAPE OF THE DAY: Please work to catch up on any incomplete assignments up to today.
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: Please work to catch up on any incomplete assignments up to today. Mr. Chastkavich will share an updated progress report to you in the course today.
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: Practice some JavaScript Basics Onclick, Onload and Other DOM Events Time for Practice with JavaScript Website of the Day: http://destroyer.la/ – A pretty cool website that […]
Shape of the Day: Mr. Chastkavich will show you some things about JavaScript Practice using the JavaScript introduction webpage Javascript tutorial Website of the Day: http://weavesilk.com/ – Here’s a cool […]
SHAPE OF THE DAY: Please work to catch up on any incomplete assignments up to today.
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: TOMORROROW (November 25th)
Shape of the Day: Continue working on Website Project – Due date: Friday November 25th 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: Friday November 25th 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: https://www.calltoidea.com/ – Here’s some inspiration for design!
Shape of the Day: Planning the website layout Project Requirements Suggested Timeline Website of the Day: http://nimbupani.com/css-vocabulary.html – 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: Questions about the future in Web Development Animation Challenge 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: https://www.smashingmagazine.com/2022/10/desktop-wallpaper-calendars-november-2022/ – Scroll through this […]
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/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 […]
Shape of the Day: Complete CSS lesson from yesterday Practice with Google Fonts Try some styling links Begin CSS Quote Assignment Website of the Day: The most important questions in […]
Shape of the Day: Complete inspirational quote graphic Complete Colours lesson from Friday Start on CSS lesson Website of the Day: http://the100meterscroll.com/ – The ultimate finger workout
Shape of the Day: Editing images for webpages Create an image with a quote Website of the Day: https://nomoregoogle.com/ – Alternatives to Google Search Engine https://ninite.com/ – A useful site […]
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: https://palette.okaybueno.com/p – […]
Shape of the Day: Learning about internet and computer security Complete any work you are behind on. Website of the Day: http://www.internetlivestats.com/ – Check out these cool stats! How many websites […]
Shape of the Day: Complete yesterday’s HTML components – Embedding Videos/widgets, Block vs Inline elements and Tables Complete the HTML Assignment – done on your own! https://www.signs.com/branded-in-memory/ – Check out these […]
Shape of the Day: Finish the HTML Dictation from last week Tips and Hints when working with HTML Continue HTML Learning – Embedding Videos and Widgets, Block vs Inline elements […]
Shape of the Day: Listen to Mr. Chastkavich’s instructions for part two of the HTML Challenge. Complete Review Questions on HTML Complete the HTML Challenge – Fix the code! Website […]
Shape of the Day: Ensure you have accessed Visual Studio on your computer Follow instructions from yesterday’s HTML start up Complete Review Questions on HTML Start the HTML Challenge Website […]
Shape of the Day: Complete Web Development 10 Page Complete questions about the Internet and Websites Access Visual Studio – it’s time to code!! Follow instructions to get comfortable with […]
Shape of the Day: Complete Web Dev 10 Page Learn about the Internet and Websites Website of the Day: http://omgspace.net/ – Travel through space!
Shape of the Day: One Drive Check WordPress Review – Can you find your website from grade 9? Create a new Web Development 10 Page Play with WordPress Website of […]
Shape of the Day: Name Tag (should be complete) Finish webpage describing Summer in 6 words Create a folder on One Drive and access the One Drive App Complete Questions […]
Shape of the day: Outline Review – What do you remember? Apps and websites that we like – Discussion Web Design and Web Development Questionnaire about you and Name Tag […]
Welcome to Web Development 10 Shape of the Day Follow along with the Course Outline – Access here Access Teams – Complete first assignment survey Create a Name Tag Site […]
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!