CSS and JavaScript Basics - Part 2
Table of Contents
Fonts
Background Images
Display Modes
Type Conversion
Relative Positioning
Absolute Positioning
Fixed Positioning
Z-Index
Sticky Positioning
Padding
Margin
Borders
Box Sizing Calculation
Resetting Default Styles
Content Overflow
Margin Collapsing
Inline Element Margins & Padding
Centering Block Elements
Border Radius
Box ...
Posted on Fri, 18 Sep 2026 16:41:53 +0000 by maxf
Building a Custom Serial and TCP Communication Debugger with HTML and JavaScript
This article demonstrates how to create a flexible serial and TCP communication debugging tool using only HTML and JavaScript, leveraging CefSharp's ability to bind .NET objects for backend functionality.
Core Concept
By embedding CefSharp in a .NET application, web pages can directly interact with native system resources like serial ports and ...
Posted on Sun, 13 Sep 2026 16:45:57 +0000 by toolmania1
Turning a Live2D HTML Character into a Desktop Executable with NW.js
This project converts an interactive Live2D character widget originally designed for web pages into a standalone desktop application using NW.js. The character can walk, talk, and respond to mouse interactions, making it a cute desktop copmanion.
Original HTML Embedding
The Live2D widget is typically embedded in a webpage with a few lines of HT ...
Posted on Fri, 04 Sep 2026 16:55:17 +0000 by shibbi3
Turn MyBatis Log Lines into Runnable SQL with a Single-Page Web Tool
What the tool does
Paste raw MyBatis log fragments that contain both the Preparing: line and the Parameters: line, and the page will stitch the placeholders and values together into a ready-to-run SQL statement. The tool is a single HTML file that works entirely in the browser—no server, no installlation.
Quick start
Copy the HTML source below ...
Posted on Fri, 04 Sep 2026 16:26:41 +0000 by Carlo Gambino
Introduction to CSS Styling and Selectors
CSS Overview
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation and visual styling of HTML documents.
To implement CSS within an HTML document, place the code inside a <style> tag located beneath the <title> element:
<title>CSS Basics</title>
<style>
/* selector {} */
p {
/* ...
Posted on Wed, 02 Sep 2026 16:00:54 +0000 by cHinshaw
Frontend Developer Interview Guide
This guide covers common frontend interview questions, frequently asked topics, and technical concepts that appear in technical interviews. The content is organized by technology area and includes practical examples where applicable.
HTML Fundamentals
1. What is the purpose of semantic HTML?
Semantic HTML means using the correct HTML elements f ...
Posted on Tue, 01 Sep 2026 16:16:29 +0000 by jamesxg1
Understanding the Initial Containing Block in CSS Layout
When working with CSS positioning and background rendering, it's essential to understand the role of the initial containing block. This foundational concept explains how elements like <body> and <html> interact with the viewport, especially when absolute positioning or background colors are applied.
Consider the following HTML struc ...
Posted on Mon, 31 Aug 2026 16:22:32 +0000 by msmith29063
HTML Fundamentals and Tag Usage
Web Concepts
HTML stands for Hyper Text Markup Language, which is used to describe web pages.
HTML is not a programming language but a markup language.
HyperText refers to:
Beyond text limits: it can include images, sounds, animations, and multimedia content.
Hyperlink text: it allows jumping from one file to another and connecting with files ...
Posted on Sat, 29 Aug 2026 16:09:31 +0000 by jenp
Essential HTML Tags and Their Usage
HTML Syntax Fundamentals
Core Syntax Rules
HTML elements are enclosed in angle brackets, such as <div>
Most elements come in pairs with opening (<tag>) and closing (</tag>) tags
Void elements like <br> are self-closing and don't require end tags
Element Relationships
Elements can be nested (containing) or sibling (para ...
Posted on Fri, 21 Aug 2026 16:50:02 +0000 by Vijay.Bansode
Extracting Plain Text from HTML Files Using Java
Free Spire.Doc for Java is a library that can process HTML by loading it into a document object model and extracting its textual content. This approach is useful for data processing, text cleaning, and content parsing tasks where only the core text is needed, without HTML tags, styles, or scripts.
Library Setup
Add the following dependency to y ...
Posted on Wed, 19 Aug 2026 16:40:22 +0000 by Ton Wibier