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


Channel's geo and language: Ethiopia, English


👨‍💻 Helping web developers access source code and personal portfolios to improve their skills and projects.

Related channels

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


#Tiinyhost  Hosting for small projects

TiinyHost is a simple web hosting tool designed to quickly deploy static websites, perfect for prototypes, portfolios, and testing.

Key features & why to use it:
Allows users to deploy websites by simply uploading files.

Quick and easy publishing without complicated setup.

Ideal for designers and developers needing a quick, shareable link.

🔗Website Link

Do not forget to React for More Content Like this
@etwebs


Simple CSS Gradient Background

Gradients can add depth and interest to your designs. Here's how to create a simple linear gradient background

.gradient-bg { background: linear-gradient(to right, #ff7e5f, #feb47b); }

This creates a horizontal gradient from a warm orange to a soft peach. You can adjust the colors and direction to suit your needs. For more complex gradients, check out tools like CSS Gradient to generate the code for you.


Aspect Ratio!

Struggling to maintain perfect proportions for your images or videos? Say hello to the aspect-ratio  property

Here’s how it works: 

.container { 
  aspect-ratio: 16 / 9;
  width: 100%; 
}

Why use it?
Makes responsive design a breeze. 
No more padding hacks or manual   calculations. 
Works great for images, videos, or any block-level element. 

💡 Tip Combine aspect-ratio with object-fit  for images or videos to achieve perfect scaling.

@etwebs


Video is unavailable for watching
Show in Telegram
Infinite loader source code👈
@etwebs


Border radius
@etwebs


Portfolio card using tailwind css
@etwebs




Frontend Masters (frontendmasters.com)
High-quality, in-depth courses taught by industry experts. Great for both beginners and advanced developers

@etwebs


Unlock Your Coding Potential with Coddy.Tech! 🌐

Coddy.Tech is an all-in-one learning platform designed to help you master web development with interactive courses in various programming languages. Whether you're just starting or looking to level up, Coddy.Tech offers a wide range of tutorials and hands-on projects to accelerate your learning.

At the end of the course you get  Certificate for free

Start your learning journey at Coddy.Tech and build the skills you need to succeed! 🚀

@etwebs




Video is unavailable for watching
Show in Telegram
Full Overlay Navigation

@etwebs


🚀Level up your frontend skills with these awesome resources!

Frontend mentor

Link - http://frontendmentor.io Real wordl coding challenges for web devs with a supportive communiy for feedback.

Frontend Practice

Link - http://frontendpractice.com Website with practical coding exercises for frontend development.

CSS Battle

Link - http://cssbattle.dev Platform for CSS challenges allowing developers to compete and showcase skills.

JavaScript30

Link - http://javascript30.com Online resource with 30 JavaScript projects for daily practices

Codewars

Link - http://codewars.com Gamified coding platform with "kata" challenges in multiple languages.


Dev Challenges

Link - http://devchallenges.io
Platform with coding challenges to improve skills across various technologies

@etwebs




Product card
@etwebs


Video is unavailable for watching
Show in Telegram
Only me or??




Video is unavailable for watching
Show in Telegram
Glass loader

@etwebs


CSS selector:A visual guide

Want to style elements with precision? Check out fffuel.co for a quick guide on CSS selectors from basics to advanced! Level up your CSS game with cleaner, more efficient code.

@etwebs




Video is unavailable for watching
Show in Telegram

20 last posts shown.