Code examples

Bootstrap

Creating Bootstrap Alert

Adding Links to a Bootstrap Alert

A Closeable Bootstrap Alert

Adding Animations to Bootstrap Alert

Applying Bootstrap Contextual Classes to Text

Coloring Links in Bootstrap

Defining Opacity for Bootstrap Colors

Use of Bootstrap Background Colors

Combining Classes With Bootstrap Colors

Use of Bootstrap Tooltip

Bootstrap 4 Tooltip Example 2

Positioning Bootstrap Tooltip

Bootstrap Grid System

Use of Bootstrap Fonts

Different Heading Style in Bootstrap Fonts

Make Text Smaller With Bootstrap Fonts

Highlighting Text Bootstrap Fonts

Adding Style to Bootstrap Fonts

Specific Styling in Bootstrap Fonts

Description Lists in Bootstrap Fonts

Adding Color to Text in Bootstrap Fonts

Black Background in Bootstrap Fonts

Changing Font Family in Bootstrap Fonts

Contextual Classes in Bootstrap Alert

Bootstrap Button Classes

C++

C++ Getline Syntax

Using C++ Getline to Display Information

Output of Executed C++ Getline

Initializing C++ Vector with Default Value

Initializing C++ Vector Using Array

Initializing C++ Vector with List

Initializing C++ Vector by Copying from Another Vector

Managing Size of C++ Vector

Defining Max Size for C++ Vector

Accessing Specified Element in C++ Vector

Replacing Values in C++ Vector

Creating a Random Number Generator in C++

Random Number Generator in C++: Checking Rand_Max

Random Number Generator C++: Learn to Change the Range

Random Number Generating Dice Rolls

Changing Results of Dice Rolls With Random Number Generator in C++

Time() Function and the Random Number Generator in C++

Random Number Generator: C++ Generates Numbers from 0 to 1

Random Number Generator in C++: Either 0 or 1

Generating Random Numbers Between 1 and 10 in C++

Generating Random Numbers Between 1 and 100 in C++

Making a Random Number Generator in C++ to Choose Prizes

CSS

Red Blurred CSS3 Box-Shadow

Setting Property and Value

Using the Type Selector

Using ID Selectors

Using Class Selectors

Combining Class and Type Selectors

Targeting Elements With Multiple Classes

Code Without Selector Grouping

Grouping Selectors

Leaving Comments in Code

Setting CSS Color

RGB Values to Set CSS Color

RGBA Values to Set CSS Color

HEX Values to Set CSS Color

HSL Values to Set CSS Color

HSLA Values to Set CSS Color

Setting CSS Color and Opacity

CSS Border Styles

Mixing CSS Border Styles

CSS Border Thickness

CSS Border Colors

CSS Border Rounded Corners

Setting CSS Borders Individually

CSS Border Shorthand

CSS Left Border

Margin Shorthand

Three Values in Shorthand

Shorthand With Two Values

Shorthand With One Value

Setting Individual Margins

Setting Auto Margin

Inheriting Margins

Collapsing Margins

Setting Padding With the Shorthand

Setting the Top Padding Individually

Padding Set on the Right Side

Setting the Bottom Padding Area

Setting the Left Padding Area

Fixing the Width and Padding Conflict

Setting CSS Height

Setting CSS Height and Width

Multiple CSS Font Families

Changing CSS Font Styles

Setting Font Size and Height

Setting CSS Font Boldness

Setting Small Caps to Fonts

Changing Colors of Links

Remove Underline from Links

Adding Background Colors to Links

Create Buttons with CSS Links

Adding Different Styles to Lists

Setting Unique Markers

Setting the Marker Position

Styling Lists in One Declaration

Adding Colors to CSS Lists

Adding Borders to CSS Lists

Borders to Separate Each Point

Adding Borders to Tables

Adding Spacing Between Table Cells

Hiding Empty Table Cells

Removing Table Double Border

Controlling Layout of Table

Controlling the Table Width and Height

Using the Text-Align Table Property

Setting Table Vertical Align

Setting Padding to a Table

Horizontal Table Borders

Table Background Color on Mouse Over

Setting Colors to Parts of the Table

Adding Zebra-Striped Table Design

Display Property for Overriding

Using the Display Property

CSS Float to Left

CSS Float to Right

CSS Preventing Floating

CSS Layout Horizontal Align

CSS Float Clearfix

CSS Layout Use of Float

CSS Layout Set Elements in One Line

Creating CSS Child Selector

Combinators Using Descendant Selectors

Combinators Selecting Siblings

Using Adjacent Sibling Selectors

Image Opacity / Transparency

Image Opacity on Hover

Setting a Transparent Box

Image Opacity using RGBA

Image Opacity on Text Box

Navbar HTML Code

Removing Default Navbar Settings

Adding Navbar Background Colors

Fixed Height of Vertical Navbar

Setting Horizontal Navbar

Learn to Float the Navbar

Floating Navbar Links

Adding Borders to Navbar

CSS Navigation Bar. Fixed Top #16

CSS Navigation Bar. Fixed Bottom #17

Centering Navbar Links & Adding Borders

Changing Navbar Styles on Hover

CSS Navigation Bar. Example #13

Creating and Styling a Navbar

CSS Image Sprites

CSS Forms. Example #1

CSS Forms. Example #2

CSS Forms. Example #3

CSS Forms. Example #4

CSS Forms. Example #5

CSS Forms. Example #6

CSS Forms. Example #7

CSS Forms. Example #8

CSS Forms. Example #10

CSS Forms. Example #11

CSS Forms. Example #12

CSS Forms. Example #9

CSS3 Backgrounds. Example #6

CSS3 Gradients. Example #2

CSS3 Gradients. Example #3

CSS3 Gradients. Example #4

CSS3 Gradients. Example #5

CSS3 Gradients. Example #6

CSS3 Gradients. Example #7

CSS3 Gradients. Example #8

CSS3 Gradients. Example #9

CSS3 Gradients. Example #10

CSS3 Gradients. Example #11

CSS3 Gradients. Example #12

CSS3 Gradients. Example #13

CSS3 Shadow Effects. Example #1

CSS3 Shadow Effects. Example #2

CSS3 Shadow Effects. Example #6

CSS3 Shadow Effects. Example #10

CSS3 Shadow Effects. Example #8

CSS Buttons. Example #2

CSS Buttons. Example #4

CSS Buttons. Example #5

CSS Buttons. Example #6

CSS Buttons. Example #7

CSS Buttons. Example #8

CSS Buttons. Example #9

CSS Buttons. Example #10

CSS Buttons. Example #11

CSS Buttons. Example #15

CSS Buttons. Example #16

CSS Buttons. Example #12

CSS Buttons. Example #13

CSS Buttons. Example #17

CSS Buttons. Example #14

CSS Buttons. Example #3

CSS Buttons. Example #15

CSS3 User Interface. Example #1

CSS3 User Interface. Example #2

CSS3 User Interface. Example #3

CSS3 User Interface. Example #5

CSS3 Box Sizing. Example #1

CSS3 Box Sizing. Example #2

CSS3 Box Sizing. Example #3

CSS Media Queries Example #5

CSS3 Media Queries - Examples. Example 1 #1

CSS3 Media Queries - Examples. Example 2 #2

CSS3 Media Queries - Examples. Example 3 #3

CSS3 Media Queries - Examples. Example 4 #4

CSS3 Media Queries - Examples. Example 5 #5

CSS3 Media Queries - Examples. Example 6 #6

CSS3 Media Queries - Examples. Example 7 #7

CSS3 Border-Image-Outset Property

CSS3 border-image-repeat Property. Example #1

CSS3 border-image-slice Property. Example #1

CSS3 border-image-source Property. Example #1

CSS3 border-image-width Property. Example #1

CSS3 border-image Property. Example #1

CSS3 box-shadow Property. Example #1

CSS flex-shrink Property. Example #1

CSS3 @media Rule. Example #1

CSS3 opacity Property. Example #1

CSS3 opacity Property. Example #2

CSS3 opacity Property. Example #3

CSS3 opacity Property. Example #4

CSS text-align-last Property. Example #1

CSS3 word-wrap Property. Example #1

CSS3 word-wrap Property. Example #2

CSS Margin Property. Example #1

CSS Margin Property margin-top example

CSS Margin Property margin-right example

CSS Margin Property margin-bottom example

CSS Margin Property margin-left example

CSS position Property. Example #1

CSS text-align Property. Example #1

CSS text-align Property. Example #2

CSS display Property. Example #1

CSS border Property. Example #1

CSS font Property. Example #1

CSS text-transform Property exp

CSS text-transform Property. Example #3

Responsive Web Design - Images. Example #4

Responsive Web Design - Images. Example #5

Responsive Web Design - Images. Example #6

CSS Legal Color Values. Example #1

CSS Legal Color Values. Example #2

CSS Legal Color Values. Example #3

CSS Legal Color Values. Example #4

CSS Legal Color Values. Example #5

CSS Grid View #2

CSS Grid View of Columns & Classes

CSS Grid View – Float & Padding

CSS Grid View – div for Each Row

CSS Grid View #6

CSS Grid View #7

CSS Flexbox Layout

CSS Flexbox Layout #2

CSS Flexbox Layout #3

CSS Media Queries Width

CSS Media Queries Width #2

CSS Media Queries Width #3

CSS Media Queries Width #4

CSS Media Queries Width #5

CSS Media Queries Width #6

CSS Media Queries Width #7

CSS Media Queries Width #8

CSS Media Queries Width #9

Responsive CSS Background Images

Responsive CSS Background Images #2

Responsive CSS Background Images #4

Responsive CSS Background Images #5

Responsive CSS Background Images #6

CSS How To... Example #1

HTML Style – Adding External Stylesheets

CSS How To... Example #4

CSS Table. Example #4

CSS Navigation Bar. Example #4

CSS Navigation Bar. Example #5

CSS3 Gradients. Example #1

Flex Item Example #1

Flex Item Example #2

Flex Item Example #3

Flex Item Example #4

Flex Item Example #5

Flex Item Example #6

Flex Item Example #7

Flex Item Example #8

Flex Container Example #1

Flex Container Example #2

Flex Container Example #3

Flex Container Example #4

Flex Container Example #5

Flex Container Example #6

Flex Container Example #7

Flex Container Example #8

Flex Container Example #9

Flex Container Example #10

Flex Container Example #11

Flex Container Example #12

Flex Container Example #13

Flex Container Example #14

Flex Container Example #15

Flex Container Example #16

Flex Container Example #17

Flex Container Example #18

Flex Container Example #19

Flex Container Example #20

Flex Container Example #21

Flex Container Example #22

Flex Container Example #23

Flex Container Example #24

Flex Container Example #25

Padding: Adding Space Between Texts

Padding: Adding Space Between Lines

Using Fonts line-height

Removing Bullets From Lists

Combinators Styling the First Child

Combinators Choosing the Second Child

Combinators Styling the Last Child

Creating a Conic Gradient

Setting Angles for Gradients

Customizing Gradients

Learn to Center CSS Buttons

CSS Multiple Background-Image

Using the CSS display With none Value

An Alternative to Using the CSS display Property

Learning to Use CSS display: inline Elements

Learn to Use CSS display: block Elements

Learn to Use CSS display: inline-block

Setting Inner CSS Shadows for Elements

Adding CSS Shadows to Images

Adding CSS Shadow Inside an Image

Attempt to Make CSS Float to the Center

Setting Maximum CSS Height of Elements

Setting the Minimum CSS Height of Elements

Creating Responsive Websites With CSS Grid System

Easy Way of Creating a CSS Responsive Grid

HTML

Simple HTML5 Document

HTML Doctype Code

Using <html> Tags

HTML Class Code

Simple Image in HTML

Using HTML Element ID

HTML Element Name

HTML Style Attribute

HTML Element Value

Usage of HTML Editor

HTML5 Server-Sent Events

HTML5 Server-Sent Side Code

Use of HTML div

Non-Inline Elements in HTML

HTML Paragraphs Code

HTML Forms Script

Use of HTML span

Use of Anchor Tag in HTML

Color Names in HTML Tags

RGB Color Values in HTML

Use of HTML color Tag

HTML comment Code

HTML Software Comment

Conditional HTML Comment

HTML autofocus Attribute

Emphasizing Text

Inserting New HTML Text

HTML iframe Syntax

src Attribute in HTML iframe

Naming HTML iframe

Restrictions on HTML iframe

HTML Borderless iframe

Including an HTML Image

Simple HTML Doctype Declaration

Descriptive HTML Doctype Declaration

Longer HTML Doctype Declaration

Strict Version of HTML Doctype

HTML Link Syntax

Horizontal HTML List

Nesting HTML Sublists

Change the Marker for List

Changing the List Item Marker

Removing HTML Bullet Points

Numbering a List

Letters in an Ordered List

Lowercase Letters for Ordered List

Roman Numbers for Ordered List

Lower Roman Numerals in Ordered List

HTML Lists Start attribute

HTML Layouts Header Element

HTML Layouts Footer Element

Using <tfoot> in a Table

Styling an HTML Table

HTML Table Properties

Adding Space to HTML Table

HTML Table Alignment

Separating HTML Table Borders

Basic HTML Table Code

Creating a Form With HTML Input

Basic HTML Link Code

Deprecated HTML charset Attribute

HTML a href Deprecated Attributes

Downloading Image With HTML

Attribute for HTML a Tag

Link Language in HTML a href Tag

Deprecated a href HTML Code

Document Relationship in HTML a href

Deprecated HTML rev Attribute

Adding Target to HTML a href

Linked Document Type in HTML a href

Including HTML Articles

autoplay With HTML audio Tag

HTML audio Controls

HTML audio Loops

Mute HTML audio

Browser Loading for HTML audio Tag

HTML audio Sources

CSS Properties for HTML Bold

Unsupported HTML big Tag

Blockquote in HTML

HTML Table Caption

HTML center Tag

Formatting HTML Columns

HTML Cross Out Text

Website Block With HTML

HTML Description Lists

HTML Styling With Semantic Meaning

Deprecated HTML profile Attribute

Adding HTML Header

HTML Six Header Positions

Adding HTML Horizontal Line

Deprecated HTML align Attribute for Lines

Styling HTML Horizontal Line

Deprecated HTML Line Size Attribute

Deprecated HTML Line Width Attribute

HTML Italics Tag

Highlighting HTML Text

Default Look of HTML Highlight Text

Encoding Characters in HTML meta

Name for HTML meta

Pragma Directive in HTML meta

Attribute Value in HTML meta

Deprecated scheme Attribute in HTML meta

HTML Ordered List

HTML Paragraph Tag

Defining HTML Parameters

Deprecated HTML param Attributes

HTML param Attributes

Adding a Line Through HTML Text

HTML section Tag

Use of HTML select

autofocus in HTML select

Disabling Dropdown in HTML select

Link Forms With HTML select

Multiple Options in HTML select

Naming HTML select

Mandatory Option in HTML select

Scrolling List Size in HTML select

HTML strong Tag

Defining HTML Subscript

HTML superscript Tag

Cell Spam in HTML th

Row Span in HTML th

Automatic Video HTML track

Type of HTML track

Naming HTML track

src Attribute in HTML track

Language of HTML track

HTML Unordered Lists

Deprecated type Attribute in HTML ul

Autoplay in HTML video

Player Controls in HTML video

Player Dimensions in HTML video

Looping an HTML video

Muting Sound in HTML video

poster Attribute for HTML video

Loading in HTML video

Source for HTML video

HTML comment Tag

Article Content With HTML5 Semantic Tags

Sidebars in HTML5 Semantic Tags

Generating Titles in HTML5

Adding Footnotes in HTML5

Defining Headers in HTML5

Highlighting HTML5 Text

Adding Navigation Links With HTML5

Sections in HTML5

Adding Summary to HTML5

Adding Time to HTML5

Image Tag in HTML5

User Input in HTML5

Adding Video to HTML5

Parameters of HTML5 Video Player

HTML Video Tag Width Example

Use of HTML Underline

Main Content in HTML5 Semantic Tags

Strict HTML4 Doctype

Multi-Line HTML Comment

Turning Off HTML Autocomplete

Placeholder for Options in HTML select

Wanted HTML Option

Style for HTML Centering

HTML Big Tag Example 1

Marking Inline HTML Quotes

Colors With HTML color Tag

How to Write Meta Redirect

Delaying a Redirect

Adding Non-Breakable Space

Non-Breakable Space Usage

Dividing Portions of Text

Using <pre> Tags

The Easiest Way to Add a Tab

Using <pre> to Preserve a Tab

RGBA Values for Color

Color Tag with HSL Values

Using HSLA Values for HTML Color

Inline Input Elements

JavaScript

Definition of JavaScript

Analysis of JavaScript

Use of JavaScript window.alert

Use of JavaScript document.write

Alternative to JavaScript console.log

Modifying HTML Elements With JavaScript

Printing to Console With JavaScript

Use of JavaScript Comment

Single-Line JavaScript Comment

JavaScript Comment With Visible Text

Multi-Line JavaScript Comment

JavaScript Commenting a Line Out

Different JavaScript Data Types

Value Addition for JavaScript typeOf

Adding Strings in JavaScript typeOf

Dynamic Data Types in JavaScript typeOf

Data Types in JavaScript typeOf

Quoting With JavaScript typeOf

Numeric Data in JavaScript typeOf

Exponential Notation in JavaScript typeOf

Objects in JavaScript typeOf

Boolean in JavaScript typeOf

Array in JavaScript typeOf

undefined in JavaScript typeOf

No Value Object in JavaScript typeOf

Undefining Null in JavaScript typeOf

Creating JavaScript Element

Creating Elements With JavaScript

Adding Text to JavaScript Elements

Appending Text in JavaScript Elements

Use of JavaScript document.getElementById

Append the JavaScript Created Element

Use of JavaScript insertBefore()

Removing JavaScript Created Element

Code for Creating JavaScript Elements

Searching for JavaScript Elements

Finding JavaScript Elements

Method for Removing JavaScript Created Element

Use of JavaScript removeChild()

Replacing JavaScript Create Element

Triggering JavaScript Alert

Creating JavaScript Alert

Using JavaScript Alert

Use of JavaScript Redirect

window.location.hostname for JavaScript Redirect

window.location.pathname for JavaScript Redirect

window.location.protocol for JavaScript Redirect

Assigning a JavaScript Redirect

Creating JavaScript Animation

Positioning JavaScript Animation

Setting the JavaScript Animation

Continuous JavaScript Animation

Working JavaScript Animation

Use of JavaScript replace

Global Replacement in JavaScript replace

Case-Insensitive Replacement in JavaScript

Returning Replaced Text in JavaScript

Use of JavaScript split.string()

Skipping the Separator in JavaScript split.string()

Empty String as Separator in JavaScript split.string()

Use of limit With JavaScript split.string()

Use of Separator in JavaScript split.string()

Alerts Every 3 Seconds With JavaScript setInterval

Alerts Every 2 Seconds With JavaScript setInterval

Showing Current Time With JavaScript setInterval

Mimicking a Clock in JavaScript setInterval

Element Width in JavaScript setInterval

Toggling Background Colors With JavaScript setInterval

Use of JavaScript setTimeout

Changing Text with JavaScript setTimeout

Use of clearTimeout With JavaScript setTimeout

Use of location.reload() in JavaScript

Use of JavaScript onclick

Using JavaScript onclick

Simple Usage of JavaScript onclick

Set Class with JavaScript classname

Retrieving Class with JavaScript classname

Multi-Class Elements with JavaScript classname

Adding a New Class with JavaScript classname

Changing Font Size with JavaScript classname

Toggling Between Classes with JavaScript classname

Toggling and Scrolling with JavaScript classname

Use of JavaScript onload

JavaScript onload in HTML

Syntax for JavaScript onload

addEventListener() in JavaScript onload

Loading an Image in JavaScript onload

Working With Cookies in JavaScript onload

Use of JavaScript indexOf

Use of JavaScript Input

Validating Forms With JavaScript Input

Dropdown Lists with JavaScript Input

Dropdown List in JavaScript Input

Values in JavaScript Input

Use of JavaScript style.display

JavaScript style.display vs. style.visibility

Toggling with JavaScript style.display

Inline vs. Block vs. None in JavaScript style.display

Retrieving the Value of JavaScript style.display

Use of JavaScript string.includes()

Converting String to Number in JavaScript

Use of JavaScript confirm

Improving User Experience With JavaScript confirm

Adding a Line Break in JavaScript confirm

InnerText in JavaScript Console Log

Replacing HTML in JavaScript Console Log

Full Code on JavaScript Console Log

JavaScript forceget Parameter in Refresh Page

JavaScript Refresh Page After Reloading

Setting an Automatic JavaScript Download

Automatic JavaScript Download With Filesaver.js

Filtering Arrays in JavaScript

JavaScript Filter() on Numeric Values

Filtering According to Age in JavaScript

Other

Learn to Create a C# List

Adding and Removing Items from a C# list

How to Access Items of C# List According to Index

Counting Elements in C# List

How to Use the Capacity Function in C# List

Finding Item Index in C# List

Sorting Items in C# List

Creating Linked C# List

Adding and Removing C# List Items

How to Make a Discord Bot

How to Make a Discord Bot: Creating bot.js File

How to Make a Discord Bot: Responding Bots

C# Array with Foreach

URL Redirect for Apache Web Server

URL Redirect for Individual Pages

URL Redirect: Using a PHP Header

Using PHP for a URL Redirect

URL Redirect for Lighttpd Users

URL Redirect for Nginx Web Server

URL Redirect: Nginx

URL Redirect for Flask Enthusiasts

URL Redirect for Ruby on Rails

URL Redirect: Status Code in Ruby

URL Redirect: Using JavaScript

URL Redirect: Simplified JS Syntax

PHP

Use of PHP Sort Array

Numbers in PHP Array

Managing PHP Array Order

Numbers in Descending Order in PHP Array

Sorting by Value in PHP Array

Descending Order in PHP Array

Managing PHP Arrays

Sorting PHP Arrays in Ascending or Descending Order

Form to Text in PHP

Use of PHP Form Validation

Text Input Fields With PHP Form

Radio Buttons in PHP Form Validation

Form Element in PHP Form Validation

Security Notes from PHP Form Validation

Hacking Attempts in PHP Form Validation

URL for Hacking in PHP Form Validation

Hacking Opportunities in PHP Form Validation

Creating PHP DOMDocument

Variable PHP Functions

Python

Storing Multiple Variables Without Using Python Array

Variables in a Python Array

Finding an Element in Python Array

Modifying Value Directly in a Python Array

Using append() and extend() in Python Array

Removing Elements from Python Array

Python Array with len() Function

Python Array for-in Loop

Defining a Python set()

Defining Python set() to Treat Elements as Distinct

Creating an Empty Python Set

Using Empty Curly Brackets in Python

Various Types of Data in a Python Set

Printing Length of a Python Set

Finding Members of a Python Set

Python range() – Basic Syntax

Python range() Output

Python range() With Float Values

Python frange() Output

Python Range – the Step Parameter

Python Range – the Negative Step Parameter

Python Range – Negative to Positive

Python Range – Positive to Negative

Python Range For Loop

Python Range For Loop Output

Using Python Range to Create a List

Output of Using Python Range to Create a List

Python Split – String to Words

Output of Python Split for Text

Python Split – Multiple Pieces of Information

Python Split – Maxsplit Parameter

Output of Python Split With Maxsplit Parameter

Python Comment Example 1

Python Comment Example 2

Python Comment Example 3

Python Comment Example 4

Python Queue Example 1

Python Queue Example 2

Python Queue Example 3

Python Queue Example 4

SQL

jQuery

Applying Multiple jQuery Properties

Creating Sequences With jQuery

Relative Values in Jquery Animation

Keyword for jQuery Animation Value

Use of jQuery .children()

Use of jQuery .mouseenter()

Use of jQuery .append()

Use of jQuery .empty()

Use of jQuery .hasclass()

Use of jQuery .innerhtml()

Use of jQuery .removeattribute()

Use of jQuery End

Assigning Different Styles With jQuery

jQuery .empty() Example 2

jQuery mouseover Example 2