Embedded Files
SITES FREQUENTLY USED IN CLASS
Awesome useful tools to help you make things
Coding/Programming
https://www.sololearn.com/home
edX Free Online Courses Curriculum from Harvard, Berkeley, MIT, UT, UBC
The Gymnasium (FREE FULL COURSES) thegymnasium.com/
https://nodejs.org/en/ NodeJS
https://www.python.org/ Free Python tutorials
https://www.typescriptlang.org/ JavaScript that Scales
JSDares.com (JavaScript)
GitHub (version control, code sharing, learning, etc.)
Websites
ColorLib (Awesome free templates)
https://30-seconds.github.io/30-seconds-of-css/ code snippets
Text editors (free)- Notepad++ (PC only), Brackets (PC & Mac)
https://cssstats.com/ This site will give you a CSS summary of any website you want
http://oldweb.today/ Viewing the old web
http://tenyearsago.io/ Viewing the old web
Apps
http://appvswebsite.com/ APP vs Website
Apple Developer (need a Mac; it’s free to register to access Apple’s developer resources)
FluidUI.com (create design concept)
UX Archive – see how iPhone apps handle certain tasks
Games
Mobile game app with App Inventor
Unity (open source game platform)
Game Salad (this is a free download so if you’re interested let me know and I will have to install it)
Game Maker Studio (another free download)
https://mrdoob.com/projects/chromeexperiments/google-gravity/
Visual design
Makerbook – huge list of things you need for any project including graphics, audio, video, etc.
Flat UI design kits (for icons and other graphics)
Check out some free graphic design programs
Collage makers (be aware that some are not free)
Animatron (create animations and interactive images)
Fotor (photo editing and collages)
http://roblafratta.com/mariowario CSS is used to create fun superhero costumes for Mario!
Content management systems
WordPress is my top choice ( WordPress.org , also see WordPress.com ). Drupal and Joomla are other good choices. All three are free, open source, and have active developer communities.
Utility & Security
Download multiple applications all at once- http://ninite.com/
Free Web Hits Display/Web Analytics Program
Google Analytics http://www.google.com/analytics/
Go Site Monitor – get free reports
Quantcast – understand your audience
Free Stock Images
Bing.com (do image search, then search for free to share and use)
Free Music and Sound Effects
Free Favicon Generator
Create QR Codes
Interactive content
Thinglink – interactive image
Easel.ly infographic http://www.easel.ly/
Info.gram infographic http://infogr.am/
https://ctconline.certification-partners.com/ctconline-ciw/pages/login.action
https://30-seconds.github.io/30-seconds-of-css/ HOW OLD ARE YOU?
https://www.kapwing.com/museum-of-websites Check out how websites have changed.
https://www.timetaco.com/ Count down website
Alice, Pivot, Google Sketch up, Lego Digital Designer and Audacity : These programs are being used in the classroom to introduce the students to computer programming, animation, computer aided
drawing and sound editing. They are wonderful programs and are available as a free download from the following websites.
http://www.alice.org/ Alice
http://sketchup.google.com/ Google Sketch Up
http://ldd.lego.com/download/ Lego Digital Designer
http://audacity.sourceforge.net/ Audacity
http://tenyearsago.io/ – Find out what major websites looked like when you were little kids!
http://www.patatap.com/ – JavaScript makes your boring old keyboard fun!
http://www.koalastothemax.com/ – Is it just a big circle?
http://www.crazycardtrick.com/ – Can you figure out what’s really going on? Hint- viewing the code will help us out!
http://omgspace.net/ – Travel through space without leaving your browser!
https://www.ecosia.org/ – Search the web, plant a tree!
http://hackertyper.com/ – Impress (or scare) your friends and family by typing feverishly!
https://www.antipodesmap.com/ – Find out what’s on the other side of the world from Medford!
http://fabianburghardt.de/webolution/ – See how web design has changed between 1991 and 2015 by checking out the evolution of NASA’s website.
https://zombiesrungame.com/ – Need motivation to run? How about being chased by zombies?
https://moments.epic.net/#home – Have some fun playing with this interactive site and then check out some of the code that makes it work here.
http://isitfridayyet.net/ – Be sure to check out this site on different days of the week to see if it changes.
http://www.onlinepumpkincarving.com/ – Possibly easier than the real thing!
https://www.signs.com/branded-in-memory/ – How well can you draw a popular brand log from memory?
http://willthefuturebeaweso.me/ – Find out now!
https://frightgeist.withgoogle.com/ – Explore popular Halloween costumes with Google
http://oldweb.today/ – See how the web used to look in the past!
http://www.internetlivestats.com/ – Find out how many websites were hacked today and more on this website
https://palette.okaybueno.com/p/59ce42163a5905064c32b6e6 – Enjoy original art and find some colors to use in your design!
https://codepen.io/finnhvman/pen/xXpzVN – This addicting game is made entirely from CSS!
http://www.clock.tissin.com/ – View a new color every second
http://roblafratta.com/mariowario – CSS is used to create fun superhero costumes for Mario!
Appropriate for Halloween: https://codepen.io/collection/AdbKze/ and http://makeitstranger.com/
https://www.google.com/maps/space/earth – Google Maps for space is here!
http://codevember.xyz/ – Check out what developers are creating for “Codevember” in CodePen
https://jenniferdewalt.com/color_clock.html – Watch the page color slowly change while the hex value changes
http://cssstats.com/ – This site will give you a CSS summary of any website you want
https://alexanderperrin.com.au/paper/shorttrip/ – JavaScript and a beautifully illustrated site make it feel as though you’re riding through a drawing. Use your arrow keys and space bar.
http://ismycomputeronfire.com/ and http://ismycomputeron.com/ – Very important questions
https://httpster.net/2017/nov/ – Get inspired by web designs created by people all over the world
http://www.pixelthoughts.co/ – This website creatively uses JavaScript to calm you down
https://codepen.io/chaofix/pen/VrWZga – This simple game is created entirely from CSS
http://the100meterscroll.com/ – A workout for your finger
Holiday-related sites:
https://isitchristmas.com/ (check this on any day and on December 25 to see if it changes)
http://christmasexperiments.com/ (you will want to keep going back to this one as each day gets updated!)
https://codepen.io/jkantner/pen/ZaMeyW – Enjoy this digital version of a classic toy!
http://www.snowdaycalculator.com/calculator.php – This student created a snow day calculator while still in MIDDLE school; read more about that cool fact here.
https://sidewaysdictionary.com/ – This dictionary will explains technology by using analogies.
https://trends.google.com/trends/yis/2017/GLOBAL/ – Find out what people searched for the most with Google in 2017.
https://securityplanner.org/#/ – This visual guide helps you make good decisions to keep your online accounts and internet-connected devices secure. Some of the content will look familiar since we covered it in our security class in October.
https://codepen.io/cgorton/pen/aEoOKa – Decorate a virtual cookie! See more holiday-related fun from this developer here: https://codepen.io/collection/XqRKza/ .
http://onlineclock.net/bg/fireplace/ – This is a great site for checking the time, setting an alarm, or simply chilling out with a relaxing background.
http://makewordart.com/ – This kind of design tool is something I grew up with.
https://studddent.com/ – Curated list of student discounts.
http://www.bbc.com/future/bespoke/20140304-how-big-is-space-interactive/ – Student-recommended site (thanks, Ivan!).
http://www.bluebulbprojects.com/MeasureOfThings/ – Student-recommended site
http://mylacroix.com/ – Style your own can of fancy sparkling water!
http://metrocosm.com/us-immigration-history-map.html – This cool site provides a great visualization of immigration to the US over 200 years
Report abuse