Did you know this trick?

Create a real-time CSS editor in just a few lines of HTML:

contenteditable — makes <style> editable right on the page

style="display: block" — makes the <style> tag behave like a block element so it's visible and editable

When you change the text inside <style>, the browser immediately applies the new styles to the entire page

You can interactively change styles without JS — a cool hack for learning


If it's interesting don't forget to react and share 😍

@etwebs

hello every one This is single page website for medical service
futures have
#responsive
#1_page only
#built using only html css and javanoscript

and also you can handel emails by using web3forms after sign in you can get the ACCESS KEY and paste on the form section and you will receive email smoothly 

Here the link https://medicore-et.netlify.app/

And if you need the source code comment source code and also don't forget to react for more content like this

@etwebs

NEW in HTML Close Modals WITHOUT JavaScript

Meet the closedby="any" attribute a game changer for native HTML modals

How it works
Close with a button (method="dialog")
Close by clicking outside (backdrop)
Close with the Escape key
Zero JavaScript needed for closing!

👉 Live Demo CodePen Link
(Works in Chrome, Edge, Android Browser)

@etwebs

What is the map() method in JavaScript and how is it used?

map() is a JavaScript array method that creates a new array by transforming each element of the original array using a given function.
The original array is not modified.

Example

const numbers = [1, 2, 3, 4, 5];

// Multiply each element by 2
const doubled = numbers.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8, 10]

In this example:

• map() applies a function to all elements of the array
• Returns a new array with the results
• Ideal for data transformations

@etwebs| #JS

Simple candel light only using html and css

@etwebs

Update your Telegram app, and you'll see a chat icon in the bottom-left corner. Click it to send a direct message to my channel so I can see it. You can reach out to me directly no one else will be able to see it but me.

@etwebs

⚡️ Undesign ⚡️

A cool selection of code snippets, colors, gradients, fonts, various icons and animations - in general, all sorts of useful things for front-enders.

🔗 Link

#frontend @etwebs

The Must-Have SEO Checklist for Developers For 2025

Hey Devs So I have been working on a few SEO Focused projects lately and I thought I would share...

https://dev.to/thesohailjafri/the-must-have-seo-checklist-for-developers-192i


@etwebs

is that right or not?🤭

@etwebs

VS HTML to CSS

A very useful #plugin for VS Code, with which you can easily copy all classes from HTML to CSS.

To do this, select the desired section of HTML code and press Alt + X, then paste the copied fragment into the CSS file. The plugin will automatically create selectors for all classe

@etwebs

To day let me show some interesting thing

How to create a text-to-speech translation?

SpeechSynthesis is a Web Speech API interface that is used to translate text into speech. It contains the content that the speech service should read and information on how to read it (such as language, pitch, and volume).

Try the code 👈

Don't forget to react for more content like this

@etwebs

You can control the speed and pith by Changing this

utterance.pitch = 1.5;    // Higher pitch 
utterance.rate = 0.8; // slower speed

@etwebs

What is Domain and Hosting

To create your own website (in addition to its development), you need Domain and Hosting, without which it is impossible to create any website on the Internet. In this post, we will analyze what it is and what it is used for, so that each of you does not get confused and understands how it works.

HOSTING is a service for providing resources for hosting information on a server that constantly has access to the network, in simple words, this is the storage location of your website, without which your site cannot exist.

DOMAIN is an address/name that every site has. It is easy to find the desired site among many resources on the network at this address.

An example of a domain is google.com

There are many types of domains: .com is a top-level domain in the domain name system of the Internet

@etwebs

.com – Commercial, most trusted
.org – Nonprofits, communities
.io – Tech/startups (modern feel)
.dev – Developer sites, secure by default
.net – Tech platforms, networks
.co – Companies
.me – Personal blogs/portfolios
.xyz – Creative, Web3 projects
.shop – Online stores
.info – Info sites
.edu / .gov – Education & government (restricted)

SEO Tip: Google treats all the same  focus on good content & structure. But .com still wins trust & clicks

If it's helpful don't forget to leave a reaction

@etwebs

Exercism is a platform for learning programming through practical tasks. You can practice in 70 different languages, including JS.

🔗 Link exercism.org

@etwebs #resources

How many of you know about GSAP animation?