This article demonstrates how to create a pure‑CSS animation of the Sun, Earth and Moon orbital motion using simple HTML divs, Flexbox/Grid layout, gradient colors, and CSS keyframe animations, with full source code and styling details provided.
This concise tutorial explains how to install the Mammoth Python CLI and use it—either via command line or within Python code—to transform .docx Word documents into clean HTML web pages or Markdown files, with tips on hosting them cheaply on GitHub Pages.
This article explains why HTML entities like "<" and ">" can disappear in rich‑text fields, analyzes the underlying tokenizer state machine, and provides a lightweight hack that inserts empty comment nodes to preserve the original text without breaking legacy rendering logic.
This tutorial shows how to install the Python Mammoth library and use its command‑line interface or Python API to transform .docx Word documents into HTML web pages or Markdown files for easy sharing and publishing.
This article explains the concept of danmaku (bullet comments), why they improve user experience, and provides a detailed guide on implementing a danmaku system using HTML + CSS or Canvas, including stage design, track management, collision handling, and reusable code examples.
This tutorial walks through creating a fully functional PHP calendar class that generates an HTML table, handles navigation between months and years, and integrates customizable CSS styling, providing complete source code and step‑by‑step explanations for developers.
This document compiles student questions from the June 28, 2021 class and the instructor's answers, covering topics such as automatically generating basic HTML code, VS Code for macOS, Chrome DevTools shortcuts, Markdown preview layout, and other front‑end development tips.
This step‑by‑step tutorial shows how to create a dark‑mode toggle for a web page using HTML structure, CSS styling (including dark‑mode rules), and a small JavaScript script that adds or removes the dark class on user interaction.
This guide shows how to create a simple HTML page with a button that copies paragraph text to the system clipboard using the modern Clipboard API, including full code examples and explanations for both copy and cut operations.
This article traces the evolution of web technologies from Tim Berners‑Lee's first static page in 1991 through the rise of HTML, CSS, JavaScript, dynamic server‑side solutions like PHP and AJAX, the emergence of SPAs, and modern innovations such as SSR, React Server Components, and Web Components, highlighting key milestones, challenges, and future directions.
This comprehensive guide explains what SVG is, how it differs from bitmap images, its XML foundation, basic syntax, viewBox and viewport handling, common shape elements, animation, gradients, usage patterns, comparison with Canvas, optimization tips, fallback strategies, and media‑query integration, all illustrated with code examples and diagrams.
This article explains the limitations of the traditional img tag for responsive design, demonstrates how the picture element combined with srcset, sizes, and media attributes can handle both resolution and image switching, and provides practical code examples for modern web development.
This guide explains how to build sign‑in forms that are secure, accessible, and easy to use by leveraging semantic HTML elements, appropriate input attributes, responsive design, password‑visibility toggles, client‑side validation, and real‑user monitoring to reduce abandonment and improve the overall user experience.
This guide outlines essential sign‑in form best practices, covering meaningful HTML elements, proper labeling, attribute usage, mobile‑friendly design, accessibility features, password handling, validation, analytics, and real‑time testing, with code examples to help developers create secure, user‑centric login experiences.
This article introduces Hutool, a comprehensive Java utility library, detailing its core modules, practical code examples for encryption, HTML handling, and scheduling, and provides guidance on how to integrate its features into Java projects.
This article explains the distinction between selenium‑webdriver and browser drivers, introduces HTML basics and element attributes, and details Selenium's element‑locating APIs with practical examples of XPath and CSS selector strategies for UI automation.
This guide explains how to replace ThinkPHP's default error page by adding configuration entries and creating a custom HTML template, including CSS styling and JavaScript for automatic redirects, providing a more attractive and functional error display.
This tutorial explains how to define PHP variables for a student's name, birth date, subject and student number, enforce specific formatting rules, and embed the variables in a 4‑row × 2‑column HTML table to display the information on a web page.
This tutorial demonstrates how to build a fully functional escape‑room style puzzle game using only HTML and CSS—no JavaScript—by leveraging checkboxes as switches, label‑for associations, sibling selectors, and CSS variables to manage scene navigation and interactive elements.
This article explains why comments are essential for code readability and maintenance, describes the syntax of comments in HTML, CSS, JavaScript and other languages, shows practical shortcuts, special tags, real‑world examples, and recommends VS Code extensions for writing consistent, useful annotations.
This article explains several JavaScript techniques—including event handlers, inline script tags, body attributes, and key‑down interception—to block right‑click menus, text selection, copying, pasting, and Ctrl+C/Ctrl+V on a webpage, while noting their limitations and trade‑offs.
This step‑by‑step tutorial shows how to create a circular countdown timer by constructing a fixed container, drawing light and dark arcs with CSS, adding a masking circle, and animating the progress using a small JavaScript snippet that updates the rotation and countdown display.
Learn how PHP's nl2br function inserts HTML line break tags before every newline in a string, understand its optional XHTML mode, see detailed parameter explanations, and explore three practical code examples demonstrating different newline scenarios and their resulting HTML output.
This article introduces CSS Grid layout for web developers, explaining why Grid is needed, its core concepts such as containers, items, lines, cells, and areas, and demonstrates practical usage with code examples, including template definitions, row/column placement, gaps, and safe implementation strategies.
This guide explains the fundamentals of HTML, covering standard tags, formatting elements, semantic layout structures, deprecated frames, and best practices for using absolute and relative file paths, complete with code examples for each concept.
This guide explains HTML form elements, common attributes like readonly, disabled, and required, and demonstrates how to build functional forms with code snippets, including input types, labels, and form association techniques for effective data submission.
Learn four straightforward methods to render an entire webpage in grayscale—by editing CSS files, adding inline styles in the head, modifying the HTML tag, or applying universal CSS filters—complete with code snippets for each approach.
This article provides a comprehensive guide to the CSS vertical-align property, explaining its purpose, supported elements, value categories, interaction with line-height, common pitfalls, and practical code examples for achieving precise vertical alignment in modern web layouts.
This article explores practical code‑formatting guidelines for Angular projects, arguing that a 100‑character line width balances readability and compactness, and offering concrete recommendations for template layout, attribute ordering, and function formatting using VS Code and Prettier.
This article traces the history of HTML from its SGML roots through the browser wars, explains the various HTML modules and document types, and details modern HTML5 features, semantic tags, multimedia support, custom elements, and performance‑optimisation techniques such as preload, prefetch, and async scripts.
This article explains the fundamentals of ARIA for web accessibility, showing how to assign proper roles, states, and properties to HTML elements, ensure keyboard focus with tabindex, and implement interactive link and button controls—including regular, toggle, and menu buttons—using concise HTML and JavaScript examples.
This article details the practical implementation of the 360 AI speaker's landing page, covering screen‑resolution analysis, large‑image rendering choices, responsive rem‑based typography, HTML structure, CSS positioning, custom web‑font integration, and a pure‑CSS sticky‑footer solution, all built under tight time constraints.
This article introduces XPath fundamentals, explains node hierarchies, common syntax, and practical examples with diagrams, enabling readers to confidently craft XPath expressions for extracting data from HTML and XML pages, and prepares them for applying XPath in Scrapy projects.
This article explains how CSS determines the rendered size of images by defining intrinsic size, specified size, default object size, and concrete object size, outlining the calculation process, and demonstrating the effects of width, height, background-size, contain, and cover through multiple code examples.
This guide offers a step‑by‑step roadmap for aspiring front‑end developers, covering essential JavaScript fundamentals, DOM mastery, UI design, client‑server communication, and framework selection, while emphasizing practice, side projects, and continuous learning.
This guide introduces Emmet, the powerful IDE plugin that transforms short CSS‑style abbreviations into full HTML or CSS code, explains how to enable it in IntelliJ IDEA, and provides concrete syntax examples such as descendant, sibling, parent, multiplication, and ID/attribute shortcuts to dramatically speed up front‑end development.
This tutorial introduces web crawlers, explains how to inspect and temporarily modify page HTML using browser developer tools, and provides a hands‑on Python example that fetches a page with the requests library and prints its source code.
This article explains how to create a web page that enables downloading zip archives and images by first using simple hyperlink references and then implementing a Java Servlet that streams files with proper MIME types and Content‑Disposition headers, ensuring consistent download behavior across browsers.
This tutorial walks you through creating a Chrome extension—from understanding what extensions are, setting up the manifest and HTML files, testing in developer mode, adding movie‑background features with the TMDb API, to publishing the finished extension on the Chrome Web Store.
This guide demonstrates how to create a CAPTCHA verification feature in Java by generating random characters and interference lines using Graphics, serving the image via a servlet, and integrating it into an HTML registration page with JavaScript for dynamic refresh.
An insider recounts a mid‑autumn phone interview at a major tech firm, detailing the nervous preparation, the unexpected direct jump to technical questions on JavaScript, cross‑origin issues, event handling, and HTML/CSS, and concludes with the surprising early offer and reflections on the experience.
This article explains why simple HTML/CSS solutions are often preferable to JavaScript, and demonstrates seven practical techniques—including navigation highlighting, hover‑based menus, custom form controls, equal‑height columns, dynamic item layouts, form submission, and automatic Enter‑key handling—each with clean code examples.
This guide outlines the essential skills—from HTML/CSS and JavaScript to backend languages, databases, HTTP/REST, architecture, Git, and core algorithms—needed to become a full‑stack web developer in 2017 and land your first job.
This article curates the 18 most popular Chinese front‑end open‑source projects—covering UI frameworks, chart libraries, responsive grids, animation tools and more—detailing their ratings, star counts, licenses, primary languages, platforms and key features to help developers choose effective learning resources.
This guide introduces Bootstrap Table, a jQuery‑based plugin for enhancing HTML tables, covering basic initialization with local data, server‑side loading via AJAX, detailed parameter explanations, common events, and frequently used methods, providing code examples for each scenario.
This article introduces AMP (Accelerated Mobile Pages), explains its three core components—AMP HTML, AMP JS, and AMP Cache—shows why these components dramatically improve mobile page speed, compares AMP with China's MIP solution, and provides a hands‑on AMP code example with performance verification steps.
This tutorial shows how to craft a standout, tech‑savvy resume by using GitHub Pages, HTML5, and Markdown, covering GitHub Pages basics, limitations, repository setup, editing, deployment, and additional modern resume‑building tools for developers.
A correction notice clarifies that the previous Vue.js form configuration article contained an error in the 'Implementation – External Elements' section, providing the updated HTML snippet and explaining that Vue.js slots should be used as child elements within components, with an apology to readers.
This article, adapted from a university‑level front‑end lecture, explains what front‑end development is, how browsers render pages, the layered architecture of HTML, CSS, and JavaScript, and the modern tools and practices that turn static markup into interactive web applications.
This tutorial shows how to build a cross‑platform WebVR voxel‑building demo, similar to Minecraft, using A‑Frame and just a handful of HTML elements, covering scene setup, assets preloading, entity‑component patterns, custom components, mixins, hand controllers, teleportation, and device‑agnostic interaction.
This article walks through the reverse‑engineering of a compact JavaScript one‑liner that draws a patterned image, refactors it into readable modules, explains each transformation—including variable renaming, loop conversion, ternary expansion, bitwise operations, and switch‑case replacement—while illustrating the underlying math with graphs and code snippets.
A comprehensive front‑end interview guide covering HTML/CSS fundamentals, HTML5 nuances, JavaScript core concepts, Ajax techniques, jQuery usage, and miscellaneous web topics, presented as concise questions and answers to help developers prepare for technical interviews.
This article compiles a comprehensive set of front‑end interview questions and answers covering HTML attributes, CSS concepts, JavaScript fundamentals, DOM manipulation, browser behavior, performance optimization, and related web technologies, providing concise explanations and practical code examples for each topic.
This article shares a practical self‑study roadmap for front‑end development, outlining four progressive steps with recommended books, timelines, key concepts, and useful online resources to help beginners become competent front‑end engineers.
This tutorial walks you through analyzing the page structure, designing start, game, and end screens, and implementing the bird, obstacles, scoring, and game‑over logic using HTML, CSS, and JavaScript, complete with code snippets and visual illustrations.
This tutorial walks beginners through creating a basic JavaScript calculator with addition, subtraction, multiplication, division, clear (AC), and delete (DEL) functions, explaining the HTML structure, CSS styling, and step‑by‑step JavaScript logic to implement the three core parts of the app.
This comprehensive guide walks beginners through essential HTML and CSS learning resources, practical experiments, and best‑practice techniques—covering semantics, naming conventions, resets, cross‑browser support, preprocessors, grid systems, and portfolio building—to accelerate front‑end development skills.
This guide revisits essential HTML structure, common tags, CSS selectors and properties, and demonstrates practical techniques like creating tables, forms, floats, positioning, overflow, and a charming border‑radius penguin illustration, using clear mind‑map images to help beginners quickly refresh and deepen their front‑end fundamentals.
This guide explains the three optional attributes (http-equiv, name, scheme) and the required content attribute of the HTML meta element, provides detailed tables of possible values, and shows practical code snippets for page metadata, HTTP header control, and mobile viewport settings.
This sixth installment of the Quick Q&A column answers common front‑end questions about CSS vertical‑align, equal‑height columns, JavaScript learning resources, code‑review feedback, and provides practical career guidance for aspiring web developers.
This article presents a 20‑question front‑end interview test compiled in 2013, covering HTML, CSS, JavaScript, HTTP and related topics, with scoring guidelines, answer intentions, solution outlines and reference answers to help assess candidates quickly.
This article provides a comprehensive guide to HTML form elements, covering radio and checkbox handling, hidden and submit inputs, dropdown (select) creation and manipulation, dynamic option insertion methods, and the use of image maps, with special attention to cross‑browser quirks and JavaScript techniques.
This article explains the historical purpose of JavaScript for form validation, defines form elements and their attributes, discusses various input-related events and browser quirks, and provides practical CSS and JavaScript solutions for handling form layout, input handling, and cursor behavior.
This article answers common front‑end questions, covering clear class‑naming practices, how to associate labels with form controls, why Gulp and Webpack are preferred over FIS, recommended JavaScript and mobile‑web books, CSS framework trade‑offs, and career advice for beginners.
This article compiles essential frontend interview questions, key knowledge areas, and detailed explanations covering HTML, CSS, JavaScript, browser engines, storage APIs, and best practices, helping beginners build a solid foundation and prepare effectively for technical interviews.
This article traces the origin and development of URLs from Tim Berners‑Lee's 1992 invention of HTTP, HTML and the universal document identifier, through the standardisation of syntax, query strings, fragments and authentication, highlighting key proposals, code examples and the ongoing debates about their purpose.
The article presents a curated list of front‑end interview questions spanning HTML, CSS, JavaScript, and related topics, offering concise prompts on standards, browser behavior, performance, security, and development practices for candidates and interviewers alike.
Accelerated Mobile Pages (AMP) is Google’s open‑source framework that enforces HTML restrictions, uses custom amp‑ components and a priority‑based JavaScript engine, caches validated pages, and applies strict loading, CSS, and animation rules to dramatically speed up static mobile content, improving SEO and user experience despite some development overhead.
This article provides comprehensive front‑end development guidelines covering the proper HTML5 DOCTYPE, semantic markup, alt text, table usage, microformats, jQuery UI, consistent JavaScript style, performance optimizations, unique ID generation, feature detection, and readable code conventions.
This article introduces Shadow DOM, explains its purpose for encapsulating HTML elements into reusable sub‑trees, compares its benefits over traditional approaches like Bootstrap, and provides a practical example with code demonstrating how to create and use a Shadow DOM in modern browsers.
This guide walks you through installing Sphinx, configuring the Read the Docs theme, generating reStructuredText from Python code, and building HTML documentation for your API, complete with project setup, conf.py tweaks, and custom module directives.
This guide explains twelve practical principles—from declaring a proper DOCTYPE and using UTF‑8 encoding to externalizing CSS/JS, correct nesting, meaningful naming, and validating markup—that help developers write clean, maintainable, and standards‑compliant HTML code.
This article explains the fundamentals of HTTP and HTML, covering protocol definitions, request and response structures, header categories, methods, status codes, HTML document structure, static and dynamic generation, MIME types, URI/URL formats, and web server I/O models.
The front‑end ecosystem is growing at breakneck speed, with core concepts, languages, rendering and script engines, build tools, libraries, frameworks, UI kits, testing utilities, and mobile solutions all listed to illustrate the increasing complexity and breadth of modern web development.
This article explains the internal architecture of modern browsers, describing their main components, high‑level structure, communication mechanisms, rendering engine workflow, HTML/CSS/JavaScript parsing, error‑tolerance strategies, and style computation, using examples from Firefox, Chrome, and Safari.
This article outlines ten frequent web developer pitfalls—from outdated HTML and browser‑specific code to slow performance and excessive page reloads—explaining their impacts and offering practical solutions such as modern semantic markup, cross‑browser testing, image optimization, responsive design, and automated tooling.
HTML5, widely adopted for audio, video, offline storage and new semantic elements, remains evolving, while the speculative HTML6 proposal envisions namespace‑prefixed custom tags such as logo and html:media, richer metadata, unified APIs, and clearer semantics to improve readability and media handling, though it is not yet finalized.
