In this post I will not focus on the HTML or CSS but rather just the JS. there are many ways to style and set this up but its the JS I want to focus in on today.

With that being said let’s take a look at our setup.

I’ve got some simple HTML…

Okay, so this was a fun one for me and is open to all kinds of refactoring restyling and expansion so I love it!

Let’s get started. We will be using HTML, CSS, and vanilla JS for this.

Let’s start with HTML and get some stuff of the page…

In this post I want to go over css animation a little. I will assume you have experience in HTML and CSS for this post.

So first off lets writer a little HTML so we have something in the browser.

HTML and CSS only

So this week I’ve been playing around with landing pages and I thought it would be cool to have a video play on a loop in the background. It wasn’t very hard to figure out but there are a few css things that are important to know to have it work properly so I thought I’d share what I learned.

First let's set up our html page…

In this series I want to go over some methods that are widely used by building small apps to help focus our goals.

For this first one we will build a countdown timer using html,css, and js, focusing mostly on the Javascript. This series will assume you know enough html etc… to get started and that you are set up in your environment. I will be using VSCode.

Okay so first off I have created a folder with a html, css, and js file.

Part 1

So this week I want to help get a total beginner to get some stuff on a webpage.

We will use mostly html and css, possibly some js too.

Okay so first this will assume that you have a code editor and at least know what the terminal is. I will be using VSCode on a macbook pro.

If you don’t have VSCode follow this link and it will get you set up.

Alright first let's open our terminal on a mac …

I have been trying to get better at making my websites/web apps responsive and so this week I looked into doing so with pure css and once I got it it became pretty easy so I’d like to share with you what I’ve learned.

Let's talk about the @media rule in css…

(taken from w3schools.com)

The @media rule is used in media queries to apply different styles for different media types/devices.

Media queries can be used to check many things, such as:

• width and height of the viewport
• width and height of the device
• orientation (is the tablet/phone in landscape…

This week I thought I’d give a little intro to ruby on rails. The past few weeks I’ve been getting back into rails for job interviews and I gotta say, I forgot just how easy rails can be to get an app up and running quickly. So the aim of this post is to get you up and running with your own rails project and run with it.

Okay so first things first Rails is a web application framework written in ruby. It allows you to write much less code to get the job done. Rails uses the DRY principle…