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 →

Creating Full Width Sections

In this tutorial, you will learn how to create sections on a website than span the width of the screen. The cool thing about it is the margins are maintained. It is recommended you have solid knowledge of HTML and CSS before continuing. We Here is an example of what we should see by the end of this tutorial: Without further ado, let’s jump into the code! Find a home for this tutorial, and create a folder in that location. This folder will serve as Continue reading →

Using TrueType Fonts with MonoGame

Today I was reading up on how to load TrueType fonts into MonoGame (version 3.7.1), but couldn’t get the TTF file to build with the MonoGame Pipeline Tool. In this tutorial, I will be covering my slight workaround in order to load TTF fonts into MonoGame. First, create a new MonoGame project if you haven’t already. I chose the “MonoGame Cross Platform Desktop Project” template. The next thing I did was open the Content.mgcb file in the Content folder of my project with the MonoGame Continue reading →

Build a Space Shooter with MonoGame

Build a Space Shooter with MonoGame Version 1.0 Written by Jared York © 2019 York Computer Solutions LLC INTRODUCTION In this course, we will be creating a space shoot-em-up game with MonoGame!  MonoGame is an open-source implementation of XNA, and has a very active community surrounding it.  Before we get started, it will be important that you have MonoGame installed. If you need to install MonoGame on Windows, you can check out our installation guide, otherwise the installers for other platforms should be similar.  If Continue reading →

Setting up MonoGame on Windows

MonoGame is the most powerful frameworks for creating cross-platform games.  One of the great features about it, is that it’s open-source. If you ever need to adjust something within the framework itself, you can do it.  The MonoGame community is a very active community with hobbyists and professionals alike. The purpose of this guide is to help you setup MonoGame if want to use Windows for game development. Before installing MonoGame, we will need to install Visual Studio 2017.  Currently (as of April 30, 2019), 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 →

CSS Beginner Blocks

This course covers the fundamentals of CSS, which is the cornerstone language for front-end web development.  You will learn how to write CSS, and utilize many of the commonly used properties the language provides.  This is a follow along course in which you spice up a coffee shop website from HTML into a site that looks really neat. This is the blog post version of the PDF, which is available in our shop. Without further ado, here is “CSS Beginner Blocks”: CSS Beginner Blocks Version Continue reading →