Skip to content

Small projects for exploring static web dev techniques. Most copied from various tutorials, some my own code. Links to original tutorials (where applicable) are in the ReadMe file.

Notifications You must be signed in to change notification settings

lorefiddler/tutorial-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tutorial-projects

My project code from various tutorials I've done.

Links to sources:

The numbered projects, 1-13, and the "dropdown" project, are from the fantastic HTML and CSS tutorial site, "Interneting is Hard". Link: https://www.internetingishard.com/html-and-css/

The hamburger menu project is from w3school's excellent tutorial: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp

The CAPTCHA project is from this tutorial: https://www.makeuseof.com/captcha-validation-html-css-javascript/ It's a good tutorial, but I decided not to use CAPTCHA on my website for accessibility reasons.

Product Card: https://www.w3schools.com/howto/howto_css_product_card.asp

Product Page: https://designmodo.com/create-product-page/

Shopping Cart: https://www.smashingmagazine.com/2019/08/shopping-cart-html5-web-storage/

Searchbar: https://www.geeksforgeeks.org/search-bar-using-html-css-and-javascript/

React TicTacToe game: https://react.dev/learn

Next.js form: https://nextjs.org/docs/guides/building-forms

Shine-Animation: I combined two projects in this folder. Example 1 uses the index and style pages, and the source for that code is: https://codepen.io/fishtoyo/pen/VYQVQx. Example two is in the index2 and style2 pages, and contains code from this site: https://www.amitmerchant.com/shine-animation-on-hover-using-css/

Emailjs: https://www.emailjs.com/docs/tutorial/creating-contact-form/ for help fixing syntax in emailjs template, this was useful: https://stackoverflow.com/questions/66880659/sender-email-address-not-included-in-emailjs

Hover Scroll: https://rahmanzeb.com/make-an-image-scroll-from-top-to-bottom-on-hover/

Button Animation: https://www.w3schools.com/css/css3_buttons.asp, https://webdeasy.de/en/top-css-buttons-en/?referer=dev-updated-f41

About

Small projects for exploring static web dev techniques. Most copied from various tutorials, some my own code. Links to original tutorials (where applicable) are in the ReadMe file.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published