105 docs tagged with "WebDev"

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.

An Application Programming Interface (API) is a connection mechanism that allows two independent software to connect and communicate with each other.

Arguments are the optional values you pass to a function through an invocator. And parameters are the names you assign to the values.

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.

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

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.

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

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

CSS variables are the custom CSS properties developers define for easy reuse throughout a stylesheet.

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.

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

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.

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.

This article will use a simple project to explain how to add a YouTube playlist to your React application.

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

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.

Function invocation executes a function to retrieve its value. But function calling calls for a function without retrieving its value.

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

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.

A JavaScript method is a function used as the value of an object's property.

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.

order changes a flexible item's default layout.

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

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.

Hardware is the touchable part of a machine. And software is the program written for hardware to store and run.

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.

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

An empty HTML element consists of only an opening tag.

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

:nth-child() selects one or more child elements among their direct siblings regardless of their node types.

:nth-of-type() selects one or more child elements among their direct siblings of the same node type.