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


Channel's geo and language: Ethiopia, English


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

Related channels

Channel's geo and language
Ethiopia, English
Statistics
Posts filter




CSS properties padding-inline and padding-block

padding-inline - sets both left and right padding

div {
padding-inline: 30px;
}

padding-block - sets both top and bottom padding

div {
padding-block: 30px;
}

#css

@etwebs

❤️ — If it is useful
💯 — If it is basic


What is the defer attribute in the tag?

The defer attribute allows scripts to be loaded in the background, but executed only after the HTML has fully loaded. This speeds up page rendering and prevents content blocking

@etwebs


🇪🇹Happy victory day 🇪🇹

Using html,css and JavaScript with interesting animation
Check this👉 codepen

@etwebs


Creating abay bank logo with striped design using CSS clip-path

#CSS
@etwebs


Video is unavailable for watching
Show in Telegram
Simple and interesting hover effect

Source code 👈

@etwebs


Hero section.zip
519.0Kb
Source code

Don't forget to react for more content like this


Simple web developer portfolio hero section with basics and fully responsive

#hero
@etwebs

Drop your comment below 💬


7 Ways to Center an Element in CSS

❤️ — If it is useful
💯 — If it is basic

@etwebs


What is the result of this code? javascript console.log(0.1 + 0.2 === 0.5);
Poll
  •   true
  •   false
  •   undefined
  •   NaN
48 votes


What is the difference between == and === in JavaScript?
Poll
  •   == checks value only, === checks value and type
  •   Both are the same
  •   == is for numbers, === is for strings
  •   == checks type only, === checks value only
35 votes


Which of the following is NOT a primitive data type in JavaScript?
Poll
  •   String
  •   Number
  •   Object
  •   Boolean
32 votes


Video is unavailable for watching
Show in Telegram
Simple but very beautiful hover effect for an image using CSS

The idea is to initially make the image black and white using the CSS filter grayscale() by setting it to 100%, and then change the value to 0 on hover. And also change the size of the image itself by setting scale:1.05

Telegram | tiktok


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?
Poll
  •   object
  •   array
  •   undefined
  •   null
8 votes


JavaScript Which keyword is used to declare a constant variable in JavaScript?
Poll
  •   var
  •   let
  •   const
  •   static
7 votes


CSS What does the vh unit stand for in CSS?
Poll
  •   Viewport Height
  •   Vertical Height
  •   Variable Height
  •   Viewport Horizontal
7 votes

20 last posts shown.