96 docs tagged with "WebDev"

A <!DOCTYPE> declaration informs browsers about a document's type and version.

align-content specify how browsers should position a flexible container's lines along the flexbox's cross-axis.

align-content specifies how browsers should align a grid container's rows along the container's column axis.

align-items specify how browsers should position a flexible container's items along the cross-axis of a flexbox.

align-items specify the default align-self value for all the grid items.

align-self specifies how browsers should position selected flexible items along the flexbox's cross-axis.

align-self specifies how browsers should align the selected grid item along its cell's column axis.

A CSS attribute selector selects an HTML element based on the element's attribute name or value.

A CSS basic selector selects an HTML element based on the element's name, id, or class.

We can center elements using margin, padding, text-align, and Flexbox. This article uses examples to discuss how element centering works in CSS.

The code tidbits on this page are pictorial explanations of various web development concepts. Use them to learn JavaScript, HTML, CSS.

column-gap specifies the gap sizes between a multi-column, grid, or flexbox container's columns.

A CSS combinator selector selects one or more HTML elements based on their relationship with some specified HTML nodes.

Learn the differences between a Content Management System (CMS), web host, and the World Wide Web (WWW).

A CSS box model consists of some set of boxes wrapped around an HTML element for styling purposes.

clear specifies whether browsers should move the selected block-level element below its preceding floating element.

A CSS display property specifies how browsers should display an HTML element.

float removes an element from the document's normal layout flow and relocates it to the right or left of its container.

gap is a shorthand for the row-gap and column-gap properties.

CSS grid lines are the lines browsers create on a grid container when you define the grid-template-columns or grid-template-rows property.

The CSS multi-column layout module makes browsers display content in multiple columns, just like how text flows in newspapers.

order changes a flexible item's default layout.

position defines how you want browsers to place the selected element.

A CSS ruleset consists of an element selector and a properties declaration block.

A DNS Hierarchy is a system used to sort the parts of a domain according to their importance. DNS hierarchy descends from the root domain.

An empty HTML element consists of only an opening tag.

flex is a shorthand for the flex-grow, flex-shrink, and flex-basis properties.

flex-basis sets the initial length of a flexible item.

flex-direction tells browsers the specific direction they should lay out a flexible container's direct children.

flex-flow is a shorthand for the flex-direction and flex-wrap properties.

flex-grow tells browsers how much of the flexbox's left-over space they should add to the selected flexible item's size.

flex-shrink tells browsers how much the specified flexible item should shrink when the sum of all items' sizes exceeds the flexbox's size.

flex-wrap specifies whether browsers should wrap overflown flexible items onto multiple lines.

Flexbox allows easy resizing and repositioning of a flexible container and its items one-dimensionally.

Framework and libraries are pre-written codes. A framework is an app’s primary support system. A library is an app’s add-on feature.

Git cheat sheet featuring the most important and widely used Git commands for quick referencing.

Git vs GitHub – Git helps record different versions of a file (or set of files). However, GitHub is used to host Git repositories online.

GitHub is an online platform for hosting Git repositories. It helps you create an avenue to collaborate easily on projects with anyone.

Grid allows easy resizing and repositioning of a grid container and its items two-dimensionally.

grid-area is a shorthand for the grid-column-start, grid-column-end, grid-row-start, and grid-row-end properties.

grid-column is a shorthand for the grid-column-start and grid-column-end properties.

grid-column-end specifies where the selected grid item should end along the grid container's row axis.

grid-column-start specifies where the selected grid item should start along the grid container's row axis.

grid-row is a shorthand for the grid-row-start and grid-row-end properties.

grid-row-end specifies where the selected grid item should end along the grid container's column axis.

grid-row-start specifies where the selected grid item should start along the grid container's column axis.

grid-template-areas specify the area where you want to place named grid items within a grid container.

grid-template-columns specifies the number and widths of columns browsers should display in the selected grid container.

grid-template-rows specifies the number and heights of rows browsers should display in the selected grid container.

HTML is an extension of plain texts. It is a note to browsers about a document's data, thereby helping browsers present webpages accurately.

An HTML attribute is a name-value pair that you can add to an element's opening tag.

The main difference between HTML, CSS, and JavaScript is their functions. HTML is an orator, CSS a stylist, while JavaScript is a commander.

Inline CSS styles only the element on which you used it. But internal and external CSS style multiple HTML elements.

The internet is simply a wire through which data get shared between numerous devices.

justify-content specifies how browsers should position a grid container's columns along its row axis.

justify-items specify the default justify-self value for all the grid items.

justify-self specifies how browsers should position the selected grid item along its cell's row axis.

minmax() is a CSS Grid function for defining minimum and maximum grid sizes.

JavaScript modules are files that allow you to export their code. Therefore, allowing other JavaScript files to use the exported code.

Networking means connecting things, while software networking in programming means connecting two or more software applications.

Normal flow is the default way of laying out elements on an HTML page.

A CSS pseudo-selector selects a specific part of an HTML element or selects an HTML element only when it is in a particular state.

This article will use a simple React project to show you how to click (or double click) to edit a page’s text.

References to valuable tech-related resources

A regular HTML element consists of an opening tag, content, and a closing tag.

repeat() allows you to write more concise and readable values when specifying multiple grid tracks with repeated patterns.

row-gap specifies the gap size between an element's rows. A gap is sometimes called a gutter.

Test-driven development is a coding practice where you write the result you want your program to produce before creating the program.

Learn the differences between text and font.

Learn the differences between the CSS text- and font- properties.

A web address or URL is a text string that specifies the location of webpages, images, or videos, on the internet.

This glossary defines web-related words and abbreviations beginning with A.

This glossary defines web-related words and abbreviations beginning with B.

This glossary defines web-related words and abbreviations beginning with C.

This glossary defines web-related words and abbreviations beginning with D.

This glossary defines web-related words and abbreviations beginning with E.

This glossary defines web-related words and abbreviations beginning with F.

This glossary defines web-related words and abbreviations beginning with G.

This glossary defines web-related words and abbreviations beginning with H.

This glossary defines web-related words and abbreviations beginning with I.

This glossary defines web-related words and abbreviations beginning with J.

This glossary defines web-related words and abbreviations beginning with L.

This glossary defines web-related words and abbreviations beginning with M.

This glossary defines web-related words and abbreviations beginning with N.

This glossary defines web-related words and abbreviations beginning with O.

This glossary defines web-related words and abbreviations beginning with P.

This glossary defines web-related words and abbreviations beginning with Q.

This glossary defines web-related words and abbreviations beginning with R.

This glossary defines web-related words and abbreviations beginning with S.

This glossary defines web-related words and abbreviations beginning with T.

This glossary defines web-related words and abbreviations beginning with U.

This glossary defines web-related words and abbreviations beginning with V.

This glossary defines web-related words and abbreviations beginning with W.

This glossary defines web-related words and abbreviations beginning with Y.

This glossary defines web-related words and abbreviations beginning with Z.

justify-content specifies how browsers should position a flexible container's items along the flexbox's main axis.