Full Stack web developer building great user experiences within the WordPress Block Editor as a Theme and Plugins developer @Melapress.
If you missed first and second part of this tutorial, you can find them here: Learning HTML5 Fundamentals – part 1 Learning HTML5 Fundamentals – part 2 In part 3 of this tutorial we are going to continue on learning HTML5 Fundamentals – section, article, aside elements. The HTML5 section element This elements can really be confusing.…
If you missed first part of this tutorial, you can find it here. Hands on improving template – HTML5 fundamentals Today I am going to show you some new html5 elements. Here is an html5 template but there are some tags that can be replaced for more semantic html5 elements. I want you to notice…
HTML5 introduction The easiest thing you can change to start using HTML5 fundamentals is a doctype. What we have here is an old template from maybe 2009. year. There is many things to remove here but before we do that take a look at the doctype. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> <html…
At the point when making a site there are a considerable measure of things you have to give careful consideration to. The code needs to be clean and the website should look similar no matter what browser a visitor is using. If possible it should be responsive and react to the user’s device and screen resolution. When using…
HTML5 Payment Form Here we’re going to investigate how to style a wonderful HTML5 form structure utilizing some exceptional CSS and CSS3 methods. You will want to style your form after you’ve read this article. This is one of tutorials back from days when I was learning HTML5, I just enhanced it a little and make it…
DOWNLOAD CSS Sprites – What They Are? You’ve probably heard of them, but do you really understand them? The name sprites might bring a little misleading, because sprites aren’t little images like you might be picturing, a sprite is actually in most cases is one big image. You probably have seen or used the CSS technique where hover state…
Read more about CSS Sprites – What, Why and How To Use them?
In this second part of the tutorial we will be building the CSS styling and jQuery to make this HTML5 website responsive. Please be sure that you have worked through the first part of the tutorial where we have built the basic HTML markup and included all necessary scripts. We have already included Eric Meyer’s “Reset CSS”…
PREVIEW DOWNLOAD In this responsive web design tutorial we will create an simple but impressive responsive HTML5 website template from scratch. I tried to include many different features, so we will be dealing with a jQuery, CSS3 transitions and CSS Media Queries. Please note that this tutorial is made for people who already have an intermediate knowledge level. Some…
Maybe you wonder where are all the images gone from websites which where used for styling purposes? This post certainly not going to give you an answer to that question but it will give you a quick overview of some effects that you can create and encourage you to dive more into the CSS and…