Looking for a new hobby? Do you have an interest in sewing? Unsure of sewing terminology? You've reached the right place! Sew Bug Tips is a site which provides SEWING 101 information with images, fabric terminology, reference links and sew much more!
While learning how to code HTML, CSS and JavaScript I was tasked with creating a project to demonstrate my coding skills. I choose to create a site focused on my hobby - sewing! This site is intended to help anyone interested in sewing, but may feel a little intimated by the jargon. In version 1.0, the site focus is on fabric precuts.
Sew Bug Tips Version 1.0 12/4/2021
Hi 👋, I'm Kim Wolf - A novice coder learning how to become a frontend developer
🔭 I’m currently working on a project to create a website titled SewBugTips
🌱 I’m currently learning HTML, CSS & JavaScript
💬 Ask me about quilting! Did I mention I love to sew?
📫 How to reach me: SewBug66@yahoo.com
👨💻 My current project is available at https://github.com/KimBug29/SewBugTips.git
GENERAL USAGE NOTES The website is built using HTML5, CSS and JavaScript.
Version 1.0 is a responsive design site with the following project requirements:
- Three media queries, including sizes for mobile, tablet and laptop/desktop - THANKS page displays a different sized image on mobile - also several sections adjust images based on screen display sizes
- Project is specifically named and uploaded in GitHub
- A README file with at least one paragraph explaining the project and listing of project requirements included
- CSS feature - Flexbox to organize content - PRECUT IMAGES section
- CSS feature - Use of ".nth-child" to change background color for every other row in table - FABRIC PRECUTS section
- JavaScript feature - Used in responsive navigation hamburger menu - SITE NAVIGATION
- JavaScript feature - Contact Us form, with two validation fields - both name and email are required fields. Also, a Thanks html page which allows user to view their name and email address submission from the CONTACT US FORM
- Multiple additional items from any of the project list requirements: a) Contact us form resizes from horizontal to vertical based on screen size b) Images within the 'About' section allow site visitors to "zoom" c) Site contains different sections with background color changes in sections d) Navigation background changes on mouse-over e) Web Accessibility Compliance Report included in GitHub in PDF format f) Includes favicon on both pages g) Hyperlinks to external pages, LinkedIn, Code Kentucky and GitHub
Contact information regarding this site: Developer: Kim Wolf Email: SewBug66@yahoo.com
Copyright 2021 SewBugTips. All rights reserved.