HTML

Animated Divs: Crushed Button Effect with HTML and CSS

by
Animated Divs: Crushed Button Effect with HTML and CSS

Tiempo de lectura: 2 minutosReading time: < 1 minute Good afternoon, everyone! In today’s post, I’m going to share a cool animation with you. It demonstrates what you can achieve with simple div elements. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”style.css” type=”text/css” /> <title>DevCodeLight</title> </head> <body> <div id=”m”><span>M</span></div> <div … Read more

Change text input color and Enable/Disable text input with JavaScript

by

Tiempo de lectura: 2 minutosReading time: 2 minutes Good morning, colleagues. Today I have prepared a tutorial on how to perform a series of actions on a form using DOM in JavaScript to access form elements. DOM (Document Object Model) allows dynamic access, modification, deletion, etc., of different elements in an HTML. I’ll provide a very simple example. <!DOCTYPE … Read more

Automatic Image Viewer with JavaScript, HTML, and CSS

by
Automatic Image Viewer with JavaScript, HTML, and CSS

Tiempo de lectura: < 1 minutoReading time: < 1 minute Good morning, today I’m going to provide you with a tutorial on how to create an automatic image viewer using HTML, CSS, and JavaScript. Firstly, I will show you the project structure. I use Visual Studio Code as my development environment, and I’ll leave the link for you to download ... Read more

Responsive Menu with HTML and CSS

by
Responsive Menu with HTML and CSS

Tiempo de lectura: 3 minutosReading time: 2 minutes A responsive menu means that it is visible on both PCs and tablets and mobile devices. It involves defining breakpoints where you want the view to change without disrupting the content. Below is an example: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” … Read more

Running CodeIgniter Web Application in External Web Browser (Outside Eclipse)

by
Running CodeIgniter Web Application in External Web Browser (Outside Eclipse)

Tiempo de lectura: 2 minutosReading time: 2 minutes Good morning everyone, Continuing from the previous post, How to create a symbolic link under htdocs to run our applications from any development environment we want in Windows, I’m going to explain how to run the applications in an external web browser, as by default, it runs internally in Eclipse’s browser. … Read more