Hover Effect in CSS

Hover Effect in CSS

On

One of my favorite ways to spice up the design of my webpage is with the :hover effect. Hover is a style feature that is activated when a user hovers his or her cursor over a webpage element. The cool thing about…

11 Ways to Learn to Code for Free! Online and Mobile

11 Ways to Learn to Code for Free! Online and Mobile

On

I taught myself to build websites while working full time as a middle school teacher. Needless to say, funds were limited, and at times I was worried I would exhaust all of my low-cost/free online options before I felt like I had…

Add Google Fonts to your Webpage

Add Google Fonts to your Webpage

On

One of my favorite ways to add unique fonts to my websites is to use Google Fonts. Adding fun fonts to a website can be the difference between an average website and a super unique one! Google Fonts is a tool that…

Create Lists in HTML

Create Lists in HTML

On

When building a website, you or your client may want to create lists – either numbered or with bullet points, to organize content on the page. Lists create visually appealing text and information! There are two main types of lists in HTML…

Internal Anchor Tags

Internal Anchor Tags

On

If you’re building a simple webpage, chances are, you’ll have multiple sections(i.e. About Me, Projects, Contact, etc.) within it! One way to make your webpage a little easier for your users to navigate is with the use of a NavBar and Internal…

The Box Model: Margins

The Box Model: Margins

On

The Box Model is one of those really cool tools web designers and developers use to move and arrange parts of a webpage to the exact spot they want! You can apply The Box Model to each <div> or piece of content you create on…

Top 4 Most Common CSS Selectors

Top 4 Most Common CSS Selectors

On

CSS Selectors Once you’ve built an HTML file with some divs, classes, ids, etc you’ll want to modify them in your stylesheet with CSS Selectors! Head over to your CSS stylesheet, and let’s get to styling! To start, you have to indicate to your CSS stylesheet…

Headings 1 – 6 in HTML/CSS

Headings 1 – 6 in HTML/CSS

On

When it comes to text content on your web page, it is important to break up that content with headings. You’ve probably seen headings in your grade school science textbooks, they helped to tell you what you did and didn’t have to read…