ᴄᴏᴅᴇᴡɪᴛʜ ᴛᴇᴋᴜʀ ᴀɴʙᴇꜱꜱᴀ


Гео и язык канала: Эфиопия, Английский


https://blacket-code.vercel.app/
👨‍💻 Helping web developers access source code and personal portfolios to improve their skills and projects. Join the discussion group here @codebyion

Связанные каналы

Гео и язык канала
Эфиопия, Английский
Статистика
Фильтр публикаций


And also 🔔 Don’t miss out! Only 67% of our members have notifications enabled. Make sure to turn yours on so you stay updated! Also, don’t forget to drop a comment below Thank you! 🙏


If you have any comments, please let me know about the content or anything else here Join the discussion group https://t.me/codebyion


Check this simple example


CSS Variables

CSS Variables (Custom Properties) let you reuse values like colors, font sizes, or spacing across your site, making your code cleaner and easier to manage.

Why Use CSS Variables?

#Efficiency Reuse values without repeating code.
#Consistency Keep design uniform across your site.
#Flexibility Update styles globally by changing one value
How to Use:

Define in  :root:

:root { --primary-color: #3498db; }

Apply with  var():

button { background-color: var(--primary-color); }

Use CSS variables to write cleaner, scalable, and maintainable styles

@etwebs


JavaScript What will console.log(typeof []) output in JavaScript?
Опрос
  •   object
  •   array
  •   undefined
  •   null
8 голосов


JavaScript Which keyword is used to declare a constant variable in JavaScript?
Опрос
  •   var
  •   let
  •   const
  •   static
7 голосов


CSS What does the vh unit stand for in CSS?
Опрос
  •   Viewport Height
  •   Vertical Height
  •   Variable Height
  •   Viewport Horizontal
7 голосов


CCS Which CSS property is used to make a website responsive?
Опрос
  •   z-index
  •   flexbox
  •   position
  •   float
7 голосов


Which attribute is used to open a link in a new tab?
Опрос
  •   target="_self"
  •   target="_blank"
  •   target="_top"
  •   target="_newtab"
6 голосов


Which HTML version introduced semantic elements like , , and ?
Опрос
  •   HTML4
  •   XHTML
  •   HTML5
  •   HTML3
7 голосов




Simple landing page
@etwebs


🧑‍💻 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


#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


👩‍💻 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


Видео недоступно для предпросмотра
Смотреть в Telegram
Tiktok loading animation

Source code 👈


#Html inputs

@etwebs


5 useful HTML attributes

#html


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


Book gallery.zip
108.5Кб
Source code
Do not forget to React for More Content Like this

Показано 20 последних публикаций.