What is javanoscript:void(0)?
If you have encountered the
We will understand why it is often used in HTML links and in which cases it is worth abandoning this technique.
🔗 Read the article
@etwebs
If you have encountered the
javanoscript:void(0) construct but did not understand its meaning, this article explains what it does and why it is used.We will understand why it is often used in HTML links and in which cases it is worth abandoning this technique.
🔗 Read the article
@etwebs
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Did you know this trick?
Create a real-time CSS editor in just a few lines of HTML:
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
Create a real-time CSS editor in just a few lines of HTML:
contenteditable — makes <style> editable right on the pagestyle="display: block" — makes the <style> tag behave like a block element so it's visible and editableWhen 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
🔥8👍2⚡1
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
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
🔥8👏3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
NEW in HTML Close Modals WITHOUT JavaScript
Meet the
How it works
Close with a button
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
Meet the
closedby="any" attribute a game changer for native HTML modalsHow 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
🔥4⚡2👍1🫡1
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
👍9
A real treasure for developers
This site collects cheat sheets for many programming languages, frameworks and technologies: from JavaScript to Git and css ...
Everything is sorted alphabetically for ease of use, and each of the cheat sheet elements leads to documentation
When you urgently need to remember the syntax or command - a must-have: https://overapi.com/
@etwebs #js #resources
This site collects cheat sheets for many programming languages, frameworks and technologies: from JavaScript to Git and css ...
Everything is sorted alphabetically for ease of use, and each of the cheat sheet elements leads to documentation
When you urgently need to remember the syntax or command - a must-have: https://overapi.com/
@etwebs #js #resources
👍5🤝2
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
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
🔥5⚡1🙏1
This media is not supported in your browser
VIEW IN TELEGRAM
VS HTML to CSS
A very useful #plugin for VS Code, with which you can easily copy all classes from HTML to CSS.
@etwebs
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
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
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
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
🔥7❤2👍1
ʀᴇɢɪx
pitch
You can control the speed and pith by Changing this
@etwebs
utterance.pitch = 1.5; // Higher pitch
utterance.rate = 0.8; // slower speed
@etwebs
❤1
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
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
👍3
ʀᴇɢɪx
.com
.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 & clicksIf it's helpful don't forget to leave a reaction
@etwebs
🔥10❤3
Exercism is a platform for learning programming through practical tasks. You can practice in 70 different languages, including JS.
🔗 Link exercism.org
@etwebs #resources
🔗 Link exercism.org
@etwebs #resources
👍4