Tagged articles
163 articles
Page 2 of 2
Java Captain
Java Captain
Jan 24, 2021 · Backend Development

An Overview of the Hutool Java Utility Library and Its Common Tools

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.

HTMLUtility Librarycron
0 likes · 6 min read
An Overview of the Hutool Java Utility Library and Its Common Tools
php Courses
php Courses
Dec 17, 2020 · Backend Development

Customizing ThinkPHP 3.2 Error Page with a Personalized Template

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.

Error PageHTMLJavaScript
0 likes · 6 min read
Customizing ThinkPHP 3.2 Error Page with a Personalized Template
Sohu Tech Products
Sohu Tech Products
Nov 4, 2020 · Frontend Development

Creating a Pure‑CSS Escape‑Room Game

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.

CSSEscape RoomGame Development
0 likes · 6 min read
Creating a Pure‑CSS Escape‑Room Game
政采云技术
政采云技术
Sep 27, 2020 · Frontend Development

Writing High‑Quality Maintainable Code: A Guide to Clear Annotations

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.

CSSHTMLVS Code extensions
0 likes · 16 min read
Writing High‑Quality Maintainable Code: A Guide to Clear Annotations
WecTeam
WecTeam
Jul 15, 2020 · Frontend Development

How to Build a Circular Countdown Progress Bar with Pure CSS and JavaScript

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.

CountdownHTMLJavaScript
0 likes · 18 min read
How to Build a Circular Countdown Progress Bar with Pure CSS and JavaScript
Laravel Tech Community
Laravel Tech Community
Jul 1, 2020 · Backend Development

How to Convert Newlines to HTML Breaks with PHP’s nl2br Function

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.

BackendHTMLPHP
0 likes · 2 min read
How to Convert Newlines to HTML Breaks with PHP’s nl2br Function
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 22, 2020 · Frontend Development

Master CSS Grid: From Basics to Advanced Layout Techniques

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.

CSSCSS GridHTML
0 likes · 16 min read
Master CSS Grid: From Basics to Advanced Layout Techniques
Lin is Dream
Lin is Dream
May 14, 2020 · Frontend Development

Master HTML Forms: Elements, Attributes, and Practical Code Examples

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.

AttributesCode ExamplesForms
0 likes · 5 min read
Master HTML Forms: Elements, Attributes, and Practical Code Examples
Programmer DD
Programmer DD
Apr 6, 2020 · Frontend Development

How to Turn Your Website Grayscale with Simple CSS Tricks

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.

CSSHTMLStyling
0 likes · 3 min read
How to Turn Your Website Grayscale with Simple CSS Tricks
政采云技术
政采云技术
Mar 8, 2020 · Frontend Development

Everything You Should Know About vertical-align

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.

CSSHTMLfrontend
0 likes · 18 min read
Everything You Should Know About vertical-align
Liangxu Linux
Liangxu Linux
Dec 14, 2019 · Frontend Development

Choosing the Ideal Line Length: 100‑Char Width for Cleaner Angular Code

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.

AngularCode FormattingHTML
0 likes · 7 min read
Choosing the Ideal Line Length: 100‑Char Width for Cleaner Angular Code
Qunar Tech Salon
Qunar Tech Salon
Nov 12, 2019 · Frontend Development

A Comprehensive Overview of HTML Evolution, Modules, and Modern Web Standards

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.

DOMHTMLHTML5
0 likes · 31 min read
A Comprehensive Overview of HTML Evolution, Modules, and Modern Web Standards
360 Tech Engineering
360 Tech Engineering
Sep 18, 2019 · Frontend Development

Understanding ARIA: Accessible Rich Internet Applications – Links and Buttons

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.

ARIAHTMLWeb Development
0 likes · 10 min read
Understanding ARIA: Accessible Rich Internet Applications – Links and Buttons
360 Tech Engineering
360 Tech Engineering
Apr 2, 2019 · Frontend Development

Development Guide for the 360 AI Speaker Official Website

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.

CSSHTMLJavaScript
0 likes · 13 min read
Development Guide for the 360 AI Speaker Official Website
360 Tech Engineering
360 Tech Engineering
Jan 3, 2019 · Frontend Development

How CSS Calculates the Display Size of Images – A Complete Guide

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.

CSSHTMLWeb Development
0 likes · 9 min read
How CSS Calculates the Display Size of Images – A Complete Guide
21CTO
21CTO
Oct 21, 2018 · Frontend Development

How to Kickstart a Front-End Development Career: Practical Roadmap

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.

CSSHTMLcareer
0 likes · 8 min read
How to Kickstart a Front-End Development Career: Practical Roadmap
Senior Brother's Insights
Senior Brother's Insights
Aug 17, 2018 · Frontend Development

Supercharge HTML/CSS Coding in IDEA with Emmet Shortcuts

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.

CSSEmmetHTML
0 likes · 5 min read
Supercharge HTML/CSS Coding in IDEA with Emmet Shortcuts
Java Captain
Java Captain
Jun 9, 2018 · Backend Development

Implementing File Download in a Web Page Using Hyperlinks and a Java Servlet

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.

BackendFile DownloadHTML
0 likes · 5 min read
Implementing File Download in a Web Page Using Hyperlinks and a Java Servlet
21CTO
21CTO
Feb 28, 2018 · Frontend Development

Build a Chrome Extension in Minutes: Step‑by‑Step Guide

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.

CSSChrome ExtensionHTML
0 likes · 9 min read
Build a Chrome Extension in Minutes: Step‑by‑Step Guide
Java Captain
Java Captain
Feb 8, 2018 · Backend Development

Implementing CAPTCHA Verification in Java with Servlet and HTML

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.

GraphicsHTMLJavaScript
0 likes · 12 min read
Implementing CAPTCHA Verification in Java with Servlet and HTML
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 25, 2018 · Frontend Development

Why Use Pure HTML/CSS Over JavaScript? 7 Practical Techniques

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.

CSSHTMLUI
0 likes · 12 min read
Why Use Pure HTML/CSS Over JavaScript? 7 Practical Techniques
Qunar Tech Salon
Qunar Tech Salon
Oct 11, 2017 · Frontend Development

Top 18 Highly Rated Front‑End Open‑Source Projects for Learning

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.

CSSHTMLJavaScript
0 likes · 15 min read
Top 18 Highly Rated Front‑End Open‑Source Projects for Learning
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 8, 2017 · Frontend Development

Why AMP Makes Mobile Pages Load 4× Faster – Core Concepts Explained

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.

AMPHTMLMobile Optimization
0 likes · 12 min read
Why AMP Makes Mobile Pages Load 4× Faster – Core Concepts Explained
Baixing.com Technical Team
Baixing.com Technical Team
Aug 28, 2017 · Frontend Development

Updated Vue.js Form Example: Corrected Code for External Elements

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.

ComponentFormHTML
0 likes · 2 min read
Updated Vue.js Form Example: Corrected Code for External Elements
Baixing.com Technical Team
Baixing.com Technical Team
Aug 17, 2017 · Frontend Development

What Is Frontend Development? A Beginner’s Guide to Web Basics

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.

HTMLJavaScriptSPA
0 likes · 15 min read
What Is Frontend Development? A Beginner’s Guide to Web Basics
Hujiang Technology
Hujiang Technology
Aug 14, 2017 · Frontend Development

Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML

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.

A-FrameHTMLJavaScript
0 likes · 24 min read
Creating a WebVR Minecraft‑style Voxel Builder with A‑Frame Using Only HTML
Hujiang Technology
Hujiang Technology
Aug 7, 2017 · Frontend Development

Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation

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.

HTMLJavaScriptalgorithm analysis
0 likes · 18 min read
Reverse Engineering a One‑Line JavaScript Animation: Step‑by‑Step Explanation
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 22, 2017 · Frontend Development

Essential Front-End Interview Q&A: HTML, CSS, JavaScript & More

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.

CSSHTML
0 likes · 28 min read
Essential Front-End Interview Q&A: HTML, CSS, JavaScript & More
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 16, 2017 · Frontend Development

Build a Simple JavaScript Calculator in Under 15 Minutes

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.

CSSCalculatorHTML
0 likes · 7 min read
Build a Simple JavaScript Calculator in Under 15 Minutes
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 4, 2017 · Frontend Development

Your Roadmap to Mastering HTML & CSS: Essential Resources and Best Practices

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.

CSSHTMLLearning Resources
0 likes · 14 min read
Your Roadmap to Mastering HTML & CSS: Essential Resources and Best Practices
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 28, 2017 · Frontend Development

Master HTML & CSS Basics with Visual Mind Maps and a Cute Penguin Demo

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.

CSSHTMLWeb Development
0 likes · 3 min read
Master HTML & CSS Basics with Visual Mind Maps and a Cute Penguin Demo
JavaScript
JavaScript
Jan 14, 2017 · Frontend Development

Master HTML Meta Tags: Attributes, Usage, and Mobile Optimization

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.

HTMLMeta TagsMobile Optimization
0 likes · 6 min read
Master HTML Meta Tags: Attributes, Usage, and Mobile Optimization
CSS Magic
CSS Magic
Nov 25, 2016 · Frontend Development

2013 Frontend Interview Quiz: Full Questions and Answers

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.

CSSHTMLJavaScript
0 likes · 14 min read
2013 Frontend Interview Quiz: Full Questions and Answers
CSS Magic
CSS Magic
Sep 25, 2016 · Frontend Development

Front‑End Q&A: Class Naming, Checkbox Labels, Build Tools, Learning Resources

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.

CSSHTMLJavaScript
0 likes · 9 min read
Front‑End Q&A: Class Naming, Checkbox Labels, Build Tools, Learning Resources
Qunar Tech Salon
Qunar Tech Salon
Aug 4, 2016 · Fundamentals

The History and Evolution of URLs: Paths, Fragments, Queries, and Authentication

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.

AuthenticationHTMLHTTP
0 likes · 17 min read
The History and Evolution of URLs: Paths, Fragments, Queries, and Authentication
Architecture Digest
Architecture Digest
Jun 26, 2016 · Frontend Development

Common Front-End Interview Questions on HTML, CSS, and JavaScript

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.

CSSHTMLJavaScript
0 likes · 22 min read
Common Front-End Interview Questions on HTML, CSS, and JavaScript
Tencent Music Tech Team
Tencent Music Tech Team
Jun 18, 2016 · Frontend Development

Accelerated Mobile Pages (AMP): Overview, Components, and Performance Optimization

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.

AMPHTMLMobile Web
0 likes · 14 min read
Accelerated Mobile Pages (AMP): Overview, Components, and Performance Optimization
Architecture Digest
Architecture Digest
Apr 16, 2016 · Frontend Development

Front‑End Development Guidelines: HTML5 Doctype, Semantic Markup, Accessibility, and JavaScript Best Practices

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.

HTMLJavaScriptaccessibility
0 likes · 19 min read
Front‑End Development Guidelines: HTML5 Doctype, Semantic Markup, Accessibility, and JavaScript Best Practices
21CTO
21CTO
Nov 20, 2015 · Frontend Development

12 Essential Rules for Clean, Semantic HTML You Must Follow

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.

HTMLWeb Developmentcoding standards
0 likes · 11 min read
12 Essential Rules for Clean, Semantic HTML You Must Follow
MaGe Linux Operations
MaGe Linux Operations
Nov 20, 2015 · Fundamentals

Mastering HTTP & HTML: Core Concepts Every Developer Should Know

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.

HTMLHTTPMIME Types
0 likes · 8 min read
Mastering HTTP & HTML: Core Concepts Every Developer Should Know
21CTO
21CTO
Sep 20, 2015 · Frontend Development

10 Common Web Development Mistakes and How to Fix Them

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.

CSSHTMLJavaScript
0 likes · 15 min read
10 Common Web Development Mistakes and How to Fix Them
Baidu Tech Salon
Baidu Tech Salon
Dec 12, 2014 · Frontend Development

Overview of HTML5 and Prospects for HTML6

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.

Custom TagsHTMLHTML6
0 likes · 10 min read
Overview of HTML5 and Prospects for HTML6