Tag: css

How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP

In this series of tutorials, you will learn how to create a basic to-do list web application. This tutorial series is aimed at beginner programmers who may have created a simple webpage/website before or people who are interested in how websites are created from the ground up. At the end…

Continue Reading How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP

How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 7

This is the continuation of a series of tutorials about creating a to-do list web application, if you haven’t checked out the entire tutorial please start from Part 1. In this part, we are going to add two different, but similar, pieces of functionality to our to-do list web application….

Continue Reading How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 7

How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 4

This is the continuation of a series of tutorials about creating a to-do list web application, if you haven’t checked out the entire tutorial please start from Part 1. In this part are going to add the ability to add new items to our to-do list application. This will require…

Continue Reading How To Create A Simple To Do List App Using HTML, CSS, JS, and PHP – Part 4

How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 2

This is the continuation of a series of tutorials about creating a to-do list web application, if you haven’t checked out the entire tutorial please start from Part 1. In this part, we are going to add a CSS stylesheet to our webpage to change the appearance of our web…

Continue Reading How To Create A Simple To-Do List App Using HTML, CSS, JS, and PHP – Part 2

Comments in HTML, CSS, and JS

Comments are unexecuted lines of code within a program or within a file of code. Unexecuted means they’re ignored by the computer when running the code, or rendering a webpage. Comments can be used to add information to code for other programmers, or other people who may look at code…

Continue Reading Comments in HTML, CSS, and JS

CSS Animation Basics

Animations in CSS can be used to add make elements more dynamic within a webpage and add movement or actions within the page. You can use CSS animations to change the style of an element easily within a webpage. We can set the animation to use on an element by…

Continue Reading CSS Animation Basics

Ids vs. Classes in HTML

Ids and classes are ways to identify specific elements within an html document. This can allow you to apply certain CSS to specific elements or add functionality using JavaScript to those elements. Within one html document/file or one webpage there can only be one element with a unique Id. Every…

Continue Reading Ids vs. Classes in HTML

CSS Colours Explained

Colours in CSS can be applied in a variety of different ways; predefined colour names, rgb, rgba, or using Hexadecimal colour values. The below piece of CSS shows using a predefined colour name, the background colour will be set the colour ‘purple’. There are lots of predefined colours in CSS,…

Continue Reading CSS Colours Explained

CSS Box Model Explained

The box model in CSS is used to add spacing to different aspects of elements in a html document. There are four parts to the box model; the content that is displayed on the webpage, the border, padding, and the margin of the element. The image below shows a graphical…

Continue Reading CSS Box Model Explained

Basic CSS Attributes

Within CSS there are many different things that can changed, you can effectively change everything about an element including it’s position on the webpage. There are a few css properties that can be good to get started with css, and changing the style of webpages. You can change the text…

Continue Reading Basic CSS Attributes