I have been working with websites since the early 2000’s when you had to upload files manually and use Dreamweaver if you needed help coding. Since then I’m most familiar with WordPress as a CMS, but in 2018 I started learning how to code and do more technical things by earning two certificates from JCCC. I completed a certificate in Web Technologies as well as Web Development & Digital Media. Learning how to hand code HTML, CSS, & JavaScript really helped me be able to take more control over website layout and design while still letting a Content Management System like WordPress manage the content. One area I am very opinionated about is in regard to responsive design so that no matter what size screen you are viewing a website from, the design looks good. This means that you will essentially create at least two if not 3 or more layouts that change based on the size of the viewport (screen).
Here are some examples I’ve written:
- Responsive Web Design with Digital Media was a final project for my first web design course that demonstrates how to incorporate different types of media into a website so that they look good on any size screen. This project was entirely hand coded in HTML & CSS.
- CSS Grid Layout is site I created for a midterm in one of my classes at JCCC. I still refer to this for reference. It’s a quick guide for responsive layout design. It’s also a one page website where each section is sized to be 100% of the screen that you are viewing it in, so that it appears to be different pages, but if you scroll you can see that it’s just one big page with multiple sections. I also hand coded this project.
- JavaScript Game was my final in my first JavaScript class. You can see how JavaScript is the language that developers use to interact with a visitor. This was a basic hand coded project in HTML, a little CSS and JavaScript.
- JavaScript II Final is a more advanced hand coded project where I have one web page that continues to change as the user interacts with it so that you can see the many different things that developers can do with JavaScript code.
- CSS Final was a hand coded project where I chose a non-profit organization, studied there website and then hand coded a new version of their website and wrote a paper explaining the process.
- martincookbook.com is a really basic site for sharing and archiving our favorite family recipes. We started it as our kids started getting older, going to college, and venturing out on their own.