140 docs tagged with "WebDev"

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

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.

Character encoding is the method used to encode a character from its standard form into code. Unicode assigns code points to characters.

The clear() method deletes all the items in the specified web storage. It accepts no argument.

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.

Git is a Distributed Version Control System for saving different file versions, wherein any version is retrievable at will.

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

CSS animations provide a smooth and gradual way to animate an element's style changes from one keyframe to another.

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 matrix() function is a shorthand for defining 2D transformations.

The CSS matrix3d() function is a shorthand for defining 3D transformations.

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

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

perspective() transforms an element by adding some perspective effects to it.

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

rotate() transforms an element by rotating it two-dimensionally around a fixed point.

rotate3d() transforms an element by rotating it three-dimensionally around the x-, y-, and z-axis.

rotateX() transforms an element by rotating it three-dimensionally around the X-axis.

rotateY() transforms an element by rotating it three-dimensionally around the Y-axis.

rotateZ() transforms an element by rotating it three-dimensionally around the Z-axis.

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

scale() transforms an element by resizing (scaling) it two-dimensionally from a fixed point.

scale3d() transforms an element by resizing (scaling) it three-dimensionally from a fixed point along the x-, y-, and z-axis.

scaleZ() transforms an element by resizing (scaling) it three-dimensionally from a fixed point along the z-axis.

skew() transforms an element by slanting (skewing) it two-dimensionally around a fixed point.

The CSS transform property allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements.

CSS transitions provide a smooth and gradual way to change a specific CSS property's value.

translate() transforms an element by repositioning (translating) it two-dimensionally.

translate3d() transforms an element by repositioning (translating) it three-dimensionally along the x-, y-, and z-axis.

translateZ() transforms an element by repositioning (translating) it three-dimensionally along the z-axis.

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.

The getItem() method retrieves the value of a web storage item. It accepts one required argument.

Git branch allows you to try new experiments on a secondary line of development without affecting your main work.

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

Git fetching is mainly about getting files, commits, and refs from a project's remote repository to the local repo you are working on.

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

Git vs Working Directory - Git directory serves to record the files Git is tracking. However, a working folder can store any file type.

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

Grid allows you to easily resize and reposition 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 image galleries to your React applications.

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.

The key() method retrieves a web storage item's name. It accepts one required argument.

The length property returns the number of properties in the specified web storage.

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

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

A naming convention is a pattern generally accepted as a suitable format for naming coding entities like variables, functions, and properties.

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

The removeItem() method removes a property from the specified web storage. It accepts one required argument.

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

Responsive web design means designing web pages to display nicely on the screen sizes you intend to support (mobiles, tablets, and desktops).

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

setItem() sets its key and value arguments in the specified local or session storage object.

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.

Web storage is the JavaScript API browsers provide for storing data locally and securely within a user's browser.

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.

UTF (Unicode Transformation Format) is the algorithm Unicode uses to transform all Unicode code points into their equivalent binary formats.