How to enable the View Transitions API on a WordPress site for smooth page transitions, without an SPA framework, with a practical CSS guide, accessibility and performance tips.
webdev
Webdev encompasses all aspects of web development, from coding and design to deployment and optimization. Explore tutorials, tools, and best practices for building fast, modern websites.
CSS colors
CSS colors can be defined in hexadecimal. Hexadecimal uses three components: red, green, and blue. You can define colors in shorthand hexadecimal: for example #DC2 corresponds to #DDCC22. Note that some colors cannot be abbreviated. The goal is to shorten your...
HTML tables: the basics
This article shows you how HTML tables work. We'll cover the basics, such as rows, cells, headers, cells spanning multiple columns or rows, and how to group cells in a column for styling purposes. Prerequisites: The basics of HTML Objective: Get familiar with HTML...
Adding an HTML5 video player
One of the major new features of HTML5, and one of the most remarkable, is the video tag. The <video> element, cousin of <audio> (more details here), offers a simple, browser-native solution in HTML5 for embedding a video in a web page. It also provides an...
CSS3: customize numbered and nested lists
CSS3 allows you to fully customize the display of your lists. You will create really nice lists for your websites! Defining the list bullet type How to use them? Remember in the HTML5 section with the ol, li, ul tags, you learned about numbered lists and nested lists....
@import – imported CSS
You can use imported CSS. This is done by placing the @import rule in a CSS file or in an HTML5 file. The loading of another CSS file will then be launched automatically. In large and complex websites, if you put everything in the same CSS file, it will become huge...
Responsive websites: the key to online success
In today's digital world, the competition for user attention is fiercer than ever. With the exponential rise in smartphone and tablet users, the need for reactive websites, also known as responsive websites, has never been more critical. A responsive website is a web...
Formatting your text with CSS3
In the previous section, you learned how to format your text with HTML5 tags. Now, you will be able to format your text blocks directly using CSS3 properties. It is very important that your HTML and CSS code is readable. We recommend using stylesheets within the HTML...
CSS in a .css file
Even better than integrating CSS into an HTML5 tag, you can define your CSS properties in a CSS file — this is what we recommend the most. This will make your code much more readable and much more maintainable over time. The reason is that on one side you will have...
CSS in the HTML5 page
It is best to put your CSS in one single place. This way, the layout will apply not just to a specific location for a specific element of your page (as in the example above), but to all the tags on your page. And if you want to update the presentation, everything is...
Itamde is also an online programming school.
👉 Facebook : https://www.facebook.com/itamde
👉 Instagram : https://www.instagram.com/itamdestudio
👉 Twitter : https://twitter.com/itamdestudio
👉 YouTube: https://www.youtube.com/@itamdestudio
👉 Ko-fi: https://ko-fi.com/itamdestudio