ʀᴇɢɪx – Telegram
ʀᴇɢɪx
550 subscribers
160 photos
59 videos
35 files
143 links
We design & develop modern websites for businesses and startups in Ethiopia | Based in Addis Ababa.
Sharing resources, code, and portfolios to help developers grow.

💬 Join the discussion: @codebyion
Download Telegram
Check Spelling Easily in HTML

The spellcheck attribute tells the browser to check spelling and grammar for text inside #input, #textarea, or #contenteditable elements.
You can style misspelled words using this

::spelling-error { background-color: red; }

Browser support is around 86%.


@etwebs
👍81🔥1
5 useful HTML attributes

#html
🔥8👍2
👍6🔥3
👩‍💻 Difference between drop-shadow and box-shadow

In general, these are two different CSS properties for creating shadows but they are used in different cases and have different features Let's consider them one by one

#box-shadow — adds a shadow to the frame of an element, that is, around its borders. This property works with any elements, creating a shadow that follows the contours of the element.

#drop-shadow — is used with the filter function and allows you to create more complex shadows for graphics and texts. It takes into account the transparency and shape of the element's content, which is especially useful for images and SVG.

@etwebs | #css
👍41
#Pseudo-class:is() simplifying complex selectors

The:is() pseudo-class in CSS allows you to shorten and simplify complex selectors by combining several selectors into one rule.

📌 The main advantage of :is()  is that it reduces the specificity of the selector, simplifying writing and preventing style conflicts

Don't forget to React 🤎 for More Content Like this

#css @etwebs
👍53🔥1
🧑‍💻 Difference between #id and #class in HTML

The id and class attributes in HTML play an important role in organizing the structure of a page and applying styles. While both attributes can be used to set styles or work with JavaScript, there are key differences in their use:

#id — used for elements that appear only once, such as a site header, main block, or footer;

#class — used to group elements with the same styles or behavior, such as product cards, buttons, or content sections that are repeated on a page.

❤️ — if it was useful
💯 — if the base

@etwebs
9
Simple landing page
@etwebs
Which HTML version introduced semantic elements like <article>, <section>, and <nav>?
Anonymous Quiz
11%
HTML4
14%
XHTML
75%
HTML5
0%
HTML3
Which attribute is used to open a link in a new tab?
Anonymous Quiz
0%
target="_self"
62%
target="_blank"
6%
target="_top"
32%
target="_newtab"
CCS

Which CSS property is used to make a website responsive?
Anonymous Quiz
11%
z-index
68%
flexbox
9%
position
13%
float
CSS

What does the vh unit stand for in CSS?
Anonymous Quiz
47%
Viewport Height
23%
Vertical Height
16%
Variable Height
14%
Viewport Horizontal
JavaScript

Which keyword is used to declare a constant variable in JavaScript?
Anonymous Quiz
12%
var
6%
let
71%
const
10%
static
JavaScript

What will console.log(typeof []) output in JavaScript?
Anonymous Quiz
40%
object
32%
array
13%
undefined
15%
null
👍4