Adding More Content and Structure In the last chapter, we finally created our first web page. Unfortunately, there was nothing to be shown on the page itself, even though we did write out some HTML code. In this chapter, we’ll be exploring more HTML elements to add more structure and content to our page. Time […]
Structure of a Webpage In my previous post, we understood and got an idea of what HTML elements, tags, and attributes are. Now it’s time to actually apply what you have learned and start creating your very first webpage. We’ll also be able to finally preview it in this tutorial for the first time. Basic Building Blocks Every single […]
Target audience Hello and welcome to my series of tutorials on HTML and CSS for Absolute Beginners. Before I begin, I’d like to clarify who my target audience is and who these set of tutorials are tailored for. These next series of tutorials are for absolute beginners who have no insight or knowledge into making and creating websites […]
One of the more advanced topics of setting up you local development environment on your Mac, especially when using third-party software like Xampp, is to set up Virtual Hosts. Virtual Hosts allow you to create your own url (within the browser) and point it to your local directory on your hard drive. This means, instead […]
One of the most common elements, that a lot of websites use to help users get back to the navigation menu without having to continuously scroll, is a “back to top” button. Most websites, especially those that contain a lot of content and vertical space, usually have a “back to top” button floating near the […]
Tooltips are a great way to create context for users, especially when they require some more information. Tooltips are actually very easy to make, and can greatly help to provide information on your site. In this tutorial, I will go through the process of creating a very simple, and easy-to-use tooltip that you can apply […]
Contact forms are a great and simple way to show others how they can contact you without having to directly open up their email client and send you an email directly. In this tutorial, I’ll be going over how to create a very simple contact form (that you can use on your own website) and […]
UI form elements, such as select dropdown lists, have always been difficult to design in CSS. The issue is based on the fact that UI form elements are not necessarily part of the web standard specs. This also includes other form elements such as radio buttons, checkboxes, etc. However, select dropdown lists are one of […]
What are Responsive Frameworks? Responsive frameworks are used to help develop and design websites quickly using CSS selectors and classes and allow us to easily create responsive websites with ease.
Have you ever wondered how to some websites create an overlay popup when they click on a link or button? Perhaps you are wondering how to create an error overlay or even a simple ad popup (not recommended since those are really annoying).