Tag Archives: webdesign

Creating Buttons with CSS: Volume 1

In this tutorial, you will learn how to create buttons via styling them with CSS. If you don’t have a solid foundation with HTML and CSS, I would highly recommended checking out our free Beginners Blocks courses in our store. The buttons below are what I will help you learn how to create: Let’s dive right into the code. Create a folder somewhere on your computer and name it whatever you want. This folder will be the home of our project. In that folder, create Continue reading →

Feature Boxes

In this tutorial we will show you how to create feature boxes with HTML and CSS. Feature boxes are common on many websites and help summarize services or products a business offers, etc. The final result will look like the following: Before jumping into the code, it will be useful for you to download the images folder containing the icons shown above for our feature boxes. You can download the ZIP file with the images folder and associated icons here. The first thing we’re going Continue reading →

Simple Navigation Bar

In this tutorial we will be creating a simple, modern navigation bar. It’s nothing fancy, it just works, and it looks modern. I’m deriving the basis of this tutorial from my full screen landing page tutorial. It’s not required, but feel free to clone the repository for that tutorial and that can be the basis for our purposes here. It would be helpful to know HTML and CSS, but it’s not necessarily required, though highly recommended. If you wish to get up to speed with Continue reading →

Full Screen Landing Page

Hello everyone! This will be the start of my web design tutorials. In this little tutorial, we will be creating a full screen landing page. Here’s a preview of what we’ll be making: To start, let’s head over to Unsplash so we can pick out a picture we want. I really like the sunset picture you see in the preview by Samuel Zeller (available here). When you find the picture you want to use, just click the large green “Download” button on the image preview. Continue reading →

HTML Beginner Blocks

This course covers much of the HTML you will encounter in the real world. Concepts include how to: Declare an HTML document Add paragraphs Bold, italicize, and underline text Line breaks Headings Unordered lists Ordered lists Nested lists Adding images Adding tables Basic CSS styling for tables Hyperlinks This is the blog post version of the PDF, which is available in our shop. Without further ado, here is “HTML Beginner Blocks”: HTML Beginner Blocks Version 1.0 Written by Jared York © 2019 York Computer Solutions Continue reading →

JavaScript Beginner Blocks

Hello everyone! This course covers the fundamentals of JavaScript with easy to understand examples.  “JavaScript Beginner Blocks” is a free course with the intention that those who wish to learn the majority of knowledge needed to code JavaScript applications are able to by the end of it. I have posted this here in blog format, however there’s also a PDF version of it in our shop, where it’s also available for free! Without further ado, this is “JavaScript Beginner Blocks”: JavaScript Beginner Blocks Version 1.0 Continue reading →