Programmer Portfolio Websites

In the Web Fundamentals course I teach at Saint Paul College, I require students to create a final project website. The final website project gives students an opportunity to develop and publish a website demonstrating the skills that they learned in class. Most students choose to make a portfolio website for their final project website.…

Read More

Ten Simple Design Rules for Web Design

Young Web Designer Working on Her Laptop

In my Web Fundamentals course (CSCI1450 at Saint Paul College), I primarily teach college students how to use HTML, CSS, and some common frameworks to make websites. The focus is less on design and more on learning how to code. Even so, I created this list of simple design rules for web design so they…

Read More

What Can You Do With Bootstrap?

Developers know that they can use Bootstrap to make stackable columns on responsive websites. But Bootstrap has prebuilt classes that allow you do so much more. Here is a short list of what you can do with Bootstrap. So when you want to try something new on your website, check first to see if Bootstrap…

Read More

How to Center Web Page Elements Horizontally

Centering HTML elements on a web page is a bit tricky. How you center elements depends on the type of element on the web page. There are three different ways to horizontally center elements on the web page, depending on what you want to center. Is the element you want to center: A text element;…

Read More

How to Add Additional CSS in the WordPress Customizer

tool box image showing a box shadow

WordPress is a Content Management System (CMS) that is open source and highly customizable with a knowledge of CSS and how to add it in Customize -> Additional CSS. Many of my clients know WordPress well. A few of my clients know more about WordPress than I know! Since I know how to code and…

Read More

How To Start a Website Blog on a Budget

Interested in blogging? You really can make a website on a budget, and this article shows you how to do it. Website blogging is a way to have a voice on the Internet and can be a way to make money. It takes a lot of content to make money from advertising, but if you…

Read More

How to Make Money Making Websites

Dollar Sign

While learning web development skills you can make money making websites. In fact, as a student of web development, you have the added benefit that any time you spend making websites not only provides you with monetization opportunities but also adds websites to your portfolio. My Path To Monetizing My Work When I first changed…

Read More

The Bootstrap Grid System

Modern websites are made with rows and columns for good reason…we need the columns in a desktop layout to stack on mobile devices. You want your website to look great on a large screen, and that requires that you build a wide design. But, you also need your website to look great on very narrow…

Read More

Pixel Art

One class exercise is to create a sprite on piskelapp.com. Animated PNGs and GIFs can be displayed on websites in the <img> tag, like any other image. Here are some examples.

Read More

A Career in Web Design

Young Web Designer Working on Her Laptop

What is it like to work as a Web Designer? Web design is a combination of art and problem solving. On the art side, a web designer crafts websites that are a beautiful reflection of the brand and are intuitive to use. On the problem-solving side, a web designer creates a fluid layout that works…

Read More