Frontend & Web Dev, Marketing, SEO, GEO | HI Web
15.2K subscribers
469 photos
16 videos
51 files
90 links
• Guides on HTML, CSS, JavaScript, React
• Free Figma templates
• Tips on UI/UX design
• Career advice
• Portfolio tips, GitHub help, and soft skills for devs
• Live projects, coding challenges, tools, and more

For all inquiries contact @haterobots
Download Telegram
💡 You can use new CSS features and apply fallback styles in unsupported browsers using the supports rule. The same can be done in JavaScript.
5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
💡 How to Easily Create an Accordion Without JavaScript: A Note for Front-End Developers
9👍4
🖥 pop() method:

🌟 This method removes the last element of an array and returns the removed element.
12👍2
This media is not supported in your browser
VIEW IN TELEGRAM
🏄 Smooth Multi-Page Experiences with Just a Few Lines of CSS

A single line of CSS can enable slick multi-page transitions for web applications (and web sites for those who maintain there's a difference), opening up new possibilities for web app architectures, and website experiences. So let’s take a look at View Transitions, why we might want them, and how to get started with just that single line of CSS.
5👍3
💎 33 JS concepts every developer should know

A big title, but this repository actually has a lot of resources on both basic and advanced topics. A collection of articles grouped by topic.
12👍2
🚀 How to start a React Project [2025]

Every year, I want to give you a brief overview of how to start a new React project. I'll reflect on the advantages and disadvantages, the skill level needed as a developer, and the features each starter project offers to you as a React developer. By the end, you'll know about three solutions for different requirements.
6👍2
A React Hook for Sound Effects

The web needs more (tasteful) sounds!

👂 Lets your website communicate using 2 human senses instead of 1
🔥 Declarative Hooks API
⚡️ <1kb bytes (gzip) in your bundle! ~10kb loaded async.
Built with Typescript
🗣 Uses a powerful, battle-tested audio utility: Howler.js
👍83
Free Figma Template: Hookah rentals

🧠 Difficulty: 🥕🥕

#Figma #Template
9🔥1
🌐 What Is TCP/IP

Ever wondered how the internet actually works? What’s TCP? Why is UDP faster (but kinda reckless)?
I broke it all down with simple analogies, tables, and even a hamburger 🍔 (yep, you’ll finally get the OSI model in 60 seconds).

Includes real-world comparisons of TCP, UDP, QUIC, and SCTP – no tech degree needed.

🧠 If you've ever used the internet, you’ll want to read this.
👍75
Free Figma Template: Insurance

🧠 Difficulty: 🥕🥕

#Figma #Template
8🔥4
⚡️ Bolt.new: AI-Powered Full-Stack Web Development in the Browser


Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser—no local setup required. If you're here to build your own AI-powered web dev agent using the Bolt open source codebase
8🔥1
Free Figma Template: Delivery service

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
12🔥1
🪠Don't Sleep on AbortController

AbortController is a global class in JavaScript that you can use to abort, well, anything!

Once you create a controller instance, you get two things:

The signal property, which is an instance of AbortSignal. This is a pluggable part you can provide to any API to react to an abort event, and implement it accordingly. For example, providing it to a fetch() request will abort the request;
The .abort() method that, when called, triggers the abort event on the signal. It also updates the signal to be marked as aborted.
10👍2
Free Figma Template: Future Academy

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
12👍3👌2
Free Figma Template: Kugoo

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
👍75
🚀 Qwen3 235B API is now FREE on OpenRouter!

Just go to the site → log in → grab your /Users/mykytamelnyk/Desktop/images.jpegAPI key.
The response speed isn’t lightning-fast, and there are some limits —
but it’s free, and that’s the point.

Plug the key into Cline, and you’re ready to write code using one of the most powerful models out there.

Enjoy! 👨‍💻🔥
10👍2