Welcome to the site dedicated to the basics of HTML, CSS, PHP, WordPress and JavaScript! Here you will find useful codes, plugins and WordPress tips to help you create and improve your projects. Start learning web development with us!
Imagine: your website, your content, your personal photos, and your name suddenly end up in the hands of strangers. This is exactly what happened to me — attackers stole my old domain bloggood.(ru), completely copying articles, images, and photos of me and my wife. I took every possible step to protect my authorship and rights: […]
In web development, there are several ways to make an element (such as a button or div) a link using the JavaScript onClick event. The choice of method depends on how the page should open: in the same tab or in a new one. 1. Redirect in the same tab The simplest and most popular […]
In the world of web technologies, the transition from HTML4 to HTML5 was more than just a version update; it was a true paradigm shift. While HTML4 was designed for formatting text documents with images, HTML5 transformed the browser into a powerful operating system. In this article, we will break down the technical differences and […]
In HTML forms, <select> is often used to choose the priority or urgency of a request.Usually, at the top, a placeholder option is added: —— Urgency —— However, the default version has a problem: this text appears in the dropdown, which looks messy. We’ll cover: standard <select> improved version with hid...
When creating a form, it’s important not only to place the fields correctly, but also to ensure that the user enters valid data. HTML provides many built-in validation tools — without JavaScript. In this lesson, we will explore the main ways to validate an HTML form. 1. Required fields — required Prevents form submission when [...
HTML forms are one of the most important elements in web development, as they allow for interaction with the user and the collection of data that can then be submitted to the server for processing. Where and How Forms Are Used Forms are used on almost every interactive website: Registration and Authorization: Fields for entering […]
WordPress allows you to add your own settings pages directly into the admin dashboard. This is useful when you need custom functionality: managing requests, plugin settings, displaying reports, and much more. In this article, we’ll look at how to create your own menu and submenu items in the WordPress admin panel. You’ll find code ex...
In today’s lesson, we will explore one of the most important elements in HTML — the <div> tag. It is a fundamental tool for creating web page structure and grouping content. Without it, modern website layout is impossible to imagine. Layout Evolution: From Tables to Blocks To understand the greatness of <div>, you need to...
The default WordPress login page looks the same on every site. But if you want to give it a branded look — change the logo, colors, or background — you can easily do it with a small PHP script. In this article, we create a custom settings page inside the admin panel that allows you […]
Do you want to give your WordPress website’s admin panel a more professional and personalized look? One simple step is to change the standard text in the admin panel’s lower footer, or completely remove it. This is especially useful for web studios, freelancers, and SEO specialists who want to remove mentions of WordPress, replacing ...
Hello, puzzle lover and all-around good person! Tired of those generic “match-three” games where you have to move shiny objects with the expression of a sluggish sphinx? We understand. And that’s exactly why we’ve found something that will make your brain work at full capacity and stretch your lips into a satisfied, sligh...
Frames were once used to divide a page into several parts. But classic frames (<frameset> and <frame>) are no longer used in modern HTML. Instead, the <iframe> element allows you to embed one webpage inside another. This is useful when you need to display a video, map, widget, or load part of an external site […]
Hello! I want to share a list of AI tools — mainly for myself, but it might also be useful to you.Just a handy note to have everything at hand: which AI does what, where it’s free, where it’s paid, and when it works best. Access Types 1. Presentations 1) Gamma — structured presentations Type: […]
An image map is a method that allows you to make specific areas on an image clickable. Each area can lead to its own link, as if the image is split into several interactive zones. This is useful when you need to create: an interactive country map; a floor plan with clickable rooms; navigation based […]
In this article, we will show how to add a custom “Department” column in the WordPress user list, allow the administrator to change a user’s department via a dropdown, and display the selected department on the frontend for logged-in users. 1. Add a “Department” column in the admin First, add a new column in the [&h...
By default, WordPress categories do not have images. But sometimes it’s needed:✔ for product catalogs,✔ for news sections,✔ for a beautiful category grid,✔ for a blog with previews. In this guide, we’ll show you how to add an image upload option for each category, save it, and display it on your site.No pl...
Let’s be real: we’ve all felt like that tiny alien at some point—standing on the edge of a busy street on a Friday night, wondering if we’ll ever make it to the other side. In Run Little One: Alien Dash, the stakes are just a bit higher. It’s not just about getting home; it’s about […]
If you love Android games that make you think and react quickly, then Maze Monster is exactly what you need. This exciting game for smartphones will immerse you in a world of intricate 2D mazes filled with dangerous enemies, tricky traps, and plenty of adventure. Conquer the Mazes and Escape the Enemies In Maze Monster, […]
Short version: you’re not asking AI — you’re giving it a task.Long version: let’s break it down. After 2 years of working with AI (back when it was much dumber and answered like a drunk Stack Overflow), I learned one simple rule: Output quality = input quality AI is not a mind reader. It doesn’t […]
Hi, friends! Let’s talk about a topic that makes everyone who earns with ideas a little nervous. You look at neural networks — and your heart skips a beat. You type a prompt — and here’s an image in the style of the Mona Lisa holding an avocado. You write “create code for a one-page […]
Let’s continue diving into the fundamentals of HTML. Today, we’ll discuss how to work with anchors in HTML. Don’t worry, we’re not talking about maritime adventures! In this lesson, you’ll learn what HTML anchors are, how to create links to them on a single page, and how to navigate to anchors on other pages. ð […]
We continue studying the basics of HTML. In this lesson, I will tell you how to create a horizontal line in HTML and where it can be effectively used. A horizontal line helps visually separate content, making a page more structured and appealing. It is great for highlighting headings, menus, or simply dividing information blocks. […]
Let’s continue exploring the basics of HTML for beginners. In this lesson, I’ll explain what a link is, how to add one to an HTML document, turn an image into a link, and create links to another site, email, or file. Let’s dive into the details. What is a Link in HTML? A link in […]
Welcome to my blog overcod.net! If you are thinking about creating websites or web pages, learning the basics of HTML is a great starting point. It’s a smart decision to begin by understanding HTML for beginners, as it forms the foundation for future growth in web development. Why are my lessons right for you? First, […]