Home » Tags

HTML

The 2023 Bootcamp: Level Up Your Web Development Skills

Welcome to the latest update on the highly anticipated 2023 cohort of bootcamp.dev! Get ready to take your web development skills to the next level with our intensive and comprehensive 10-week online course. The Web Development Bootcamp covers all the essentials, including HTML, CSS, JavaScript, Tailwind, Astro, React, and Next.js. Designed for both beginners and developers with some prior knowledge, this course will equip you with the tools and knowledge needed to succeed in the world of web development....

The CSS Display Property: A Comprehensive Guide to its Usage

The display property in CSS plays a crucial role in determining how an object is rendered by the browser. Understanding this property is essential as there are numerous values one can use. Some of the commonly used values for display include: block inline none contents flow flow-root table (and all table-* values) flex grid list-item inline-block inline-table inline-flex inline-grid inline-list-item While there are other values like ruby that are less commonly used, this article will focus primarily on the importance and usage of the following values:...

The HTML `picture` tag: A Guide to Responsive Images

Discover the basics of working with images and learn how to make them responsive using the HTML picture tag. HTML provides us with the picture tag, which serves a similar purpose as the srcset attribute of the img tag, but with subtle differences. The picture tag is ideal when you need to completely change an image or serve a different image format. One common use case is when serving WebP images, a format that is not widely supported yet....

The HTML `video` tag: A Guide to Embedding and Controlling Video Content

The HTML video tag is a powerful element that allows you to embed video content directly into your HTML pages. Whether you want to stream video from a webcam using getUserMedia() or WebRTC, or play a video source using the src attribute, the video tag has got you covered. By default, the video tag does not display any controls, meaning that the video will play without any visible way for the user to stop, pause, control the volume, or skip to a specific position....

Vue.js Single File Components: A Comprehensive Guide

In this article, we will explore how Vue.js simplifies the process of creating a single file responsible for all aspects of a component. By centralizing the responsibility for appearance and behavior, Vue.js offers a convenient approach known as Single File Components. Traditionally, a Vue component can be declared in a JavaScript file (.js) using the Vue.component method or within a new Vue instance. However, Vue.js introduces a new file format called ....

What is the Doctype

Every HTML document needs to start with a Document Type Declaration, commonly known as a doctype. This declaration informs the browser about the version of HTML used in the webpage. To ensure compatibility and proper rendering, it is essential to include the doctype declaration as the first line of an HTML document. The doctype declaration for HTML5 is: <!DOCTYPE html> This declaration tells the browser that the document is an HTML5 document....

What is the JAMstack?

Have you heard of the term JAMstack? In recent years, it has become a popular way to describe a set of technologies used together to achieve web development goals. Just like LAMP and MEAN, JAMstack represents a combination of technologies. But what does JAMstack really mean? JAM is an acronym for JavaScript, API, and Markup. It refers to a trend in web application and website development that revolves around several key characteristics:...