If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer.
1. Learn how the internet works
Zero to mastery playlist
2. Learn HTML
HTML Crash Course For Absolute Beginners
Hello and welcome again to my little corner. I am appreciative of the response I got to my previous post and if anything, that has motivated me to continue to make this a date.
So without further ado, let’s begin to get our hands dirty. I promise to keep it simple for my absolute beginners.
WHAT IS HTML?
The full meaning of HTM...
Avatars: Design and Build an Admin Dashboard with Preons
This is part of a series to build an admin dashboard with Preons.
Disclaimer! I am the author of the toolkit, but the principles can be applied to other functional css libraries.
Create a user profile avatar using HTML and CSS classes
Avoid writing custom CSS
Before we start
An IDE, a code playground...
If you are not sure what a slug exactly is, you should go through this post here first:
There are many reasons why you would want to have a nice slug for your posts rather than accessing them via their ID, for example.
In this tutorial, you will learn how to use the title o...
More often than not you would need to perform some maintenance for your Laravel website.
Luckily Laravel makes it super easy to put your application in maintenance mode!
In this tutorial, I will show you how to do that, and also how to change the default Laravel maintenance page with a custom maintenance page that m...
In this course we'll be showing you how to create an HTML5 Platform Game. In this course we'll be walking through step-by-step on how to draw an intro screen, draw the character to the screen, capture user input, collision detection, and so much more.Let's get started in the next video where we'll show you how to add a canvas an...
In this course you are going to learn the basics of HTML. This course contains 10 easy to consume videos which you can complete in under 40 minutes. At the end of this course you will be able to code HTML websites. You can find the course breakdown below:
Everybody loves classic games. How many of you remember the retro snake game from old Nokia phones? We sure do. This is why for this lesson we decided to recreate it using HTML5. There is a great open source game development framework called Phaser that we will use.You will learn about sprites, game states and how to use the pre...
Preloaders (a.k.a. loading animations) are animations that run between page-loads or as your site gathers information. The two most common types of preloaders are the ‘spinner’ or ‘status bar’. You’ve likely encountered thousands of these while surfing the web.Check out loading.io to generate your own custom preloader.STEP ONE:...
In this video I want to show you how to create a basic Sticky HTML element using the CSS fixed position property. You will also learn how to make the element stick when a user scrolls to a specific position.You can check out the demo below of the sticky element that we are going to create in this video here: https://codepen...
In this video you'll learn how easy it is to use HTML 5 storage. HTML 5 storage makes it super easy to store key/values in your website or your web application. In many cases you may want to use HTML 5 storage instead of cookies or sessions.We'll teach you how to:
In this beginner video we'll show you how to create a simple HTML & CSS page. Using any plain text editor, you can easily create an HTML page in minutes. Open up your plain text editor and drop in the following text:
HTML 5 is the new HTML standard for constructing and building pages to be viewable in web browsers. HTML5 adds a lot of new features that HTML 4 never had a few of these features include local web-app storage, canvas drawing, and the video element. The feature that we are going to briefly discuss in the post is the video element...
The best way to add rounded corners using CSS and HTML
There are many ways out there to create simple rounded corners in CSS and HTML; however, some of them are combersome and they either take up a lot of code or they require you to use images. The easiest and best way that I have found for adding rounded corners to boxes in CSS (compatible with latest browsers) is the following: