Simon has recorded his first set of web development tutorials, about how to create a slideshow. The original code comes from the w3schools.com website.
Simon got stuck in the previous video, but debugged his code in #1.5:
Update: Simon has recorded the last how to in this Slideshow series, about hoe to make the slideshow automatic:
Simon showing gradients in Processing (something he learned via w3schools). Linear and radial gradients:
He also wants to create multiple metaballs, but that hasn’t been a success yet. He consults this page to progress.
Simon has discovered Microsoft WebMatrix , a free web development tool that provides an easy way to build websites and servers. he built a small site with it, following instructions on w3schools.
And step by step:
Simon trained with w3schools.com using their CSS library to create coloured boxes, panels, notes, quotes, danger alerts, box shadows, tables, buttons (floating, disables and shadow buttons), tags, tables, batches and signs.
The website included a home page, e-mail, a phonebook and a calendar (a bit outdated).
Simon programmed this simple game with w3schools.com on Sunday in Sublime Text editor:
Simon is a big fan of w3schools.com and has been using their w3.js library for these exercises. In the first video he shows a sort table he made. By pressing the arrows the places listed are put in alphabetical order. he borrowed the text from w3schools and drew the arrows and the background himself in Microsoft Paint.
He also buit a search engine:
A sort list. Before the “Sort” button is pressed:
After the button is pressed:
Adding colour to id:
Hiding and showing elements:
Simon gave me a very informative lecture on bitwise operators (operators working on one bit at a time) on Monday. He used the w3schools.com website as reference:
NaN (not a number):
Absolute value in math:
Booleans vs Numbers vs Strings