Building a Web Application with Django: A Practical Guide
Django is a high-level web framework that facilitates the developmant of interactive websites by handling web requests, database operations, and user management. This guide details the creation of a Learning Log application—an online journal system for tracking knowledge on various subjects.
Project Initialization
To begin, establish a project ...
Posted on Tue, 04 Aug 2026 16:26:49 +0000 by Suchy
Five Underutilized CSS Properties Worth Knowing
CSS powers modern web design, handling everything from typography to layout. While properties like color, font-size, and margin are everyday tools, several lesser-known properties can solve specific design challenges efficiently. Here are five CSS properties that deserve more attention.
1. text-decoration
Beyond the standard underline, text-dec ...
Posted on Tue, 04 Aug 2026 16:13:22 +0000 by droomagon
Cross-Domain Issues in Frontend-Backend Data Interaction
Cross-Domain Issues in Frontend-Backend Data Interaction
Understanding Cross-Domain Problems
Problem Description
In a typical development setup, a Vue.js frontend might run on port 9000 while a Spring Boot backend operates on port 8080. This configuration often triggers cross-domain issues when the frontend attempts to communicate with the back ...
Posted on Sun, 02 Aug 2026 16:59:12 +0000 by kennethl
Traditional Culture Website Implementation with Spring Boot and Vue.js
Technical Framework
Backend: Spring Boot Framework
Spring Boot is an open-source framework designed for rapid development of Spring-based applications. It follows the principle of convention over configuration, providing default configurations that allow developers to focus on business logic rather than configuration files. Spring Boot simplifi ...
Posted on Sun, 02 Aug 2026 16:34:43 +0000 by cactus
Implementing Custom Authentication Backends for Third-Party Login in Django
Third-party authentication allows an application to delegate identity verification to an external provider. Upon successful verification, the provider returns a unique identifier to the application server. The server uses this identifier to locate the corresponding user record in the local database. Since the external provider handles the crede ...
Posted on Sat, 01 Aug 2026 17:03:42 +0000 by Unseeeen
Practical p5.js Canvas Management: Creation, Parent Binding, Dynamic Resizing, Scrollbar Removal, and Deletion
If a p5.js sketch includes core lifecycle functions like setup() or draw() with out explicit canvas initialization, p5.js automatically appends a 100x100 pixel <canvas> to the <body> element.
function setup() {
background(200);
}
To define custom dimensions, use createCanvas(width, height) and pass numeric values for width and he ...
Posted on Fri, 31 Jul 2026 16:50:42 +0000 by nealios
6 ES6 Tips for More Efficient JavaScript Coding
Array.of: Consistent Array Creation
The Array constructor in JavaScript can behave unexpectedly based on the number of arguments passed:
// Inconsistent behavior of Array constructor
const arr1 = Array(3); // [ , , ]
const arr2 = Array(); // []
const arr3 = Array(undefined); // [undefined]
const arr4 = Array(1, 2, 3); // [1, 2, 3]
This inconsi ...
Posted on Thu, 30 Jul 2026 16:53:40 +0000 by scottfossum
JavaScript Objects and Their Methods
JavaScript Objects and Their Methods
String Objects
Creating string objects in JavaScript can be done in multiple ways:
// Primitive string
let text1 = "hello";
console.log(typeof text1); // Output: string
// String object
let text2 = new String("hello");
console.log(typeof text2); // Output: object
// Template literals (ES6)
let text3 = ` ...
Posted on Tue, 28 Jul 2026 17:08:44 +0000 by fme
Core HTML and CSS Concepts for Frontend Interviews
Semantic HTML
Semantic HTML involves using appropriate tags to convey meaning and structure. It enhances accessibility, improves SEO by helping search engines understand content hierarchy, ensures readability without CSS, and simplifies code maintenance.
DOCTYPE and Rendering Modes
The <!DOCTYPE> declaration must appear at the top of an H ...
Posted on Mon, 27 Jul 2026 16:29:37 +0000 by robster
Homepage Development - Part 1: Header and Layout Implementation
Project Overview
Project Screenshot
Implementation Approach
1. Framework
The project uses Element Plus as the UI framework. This section focuses on implementing the header component, with the main content and footer sections to follow.
Element Plus Documentation
2. Header Components:
The header consists of three main parts:
First row: main i ...
Posted on Sat, 25 Jul 2026 16:13:20 +0000 by babak