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
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
html-handbook.pdf
1001.5 KB
📝 HTML HANDBOOK

This book aims to help you quickly learn HTML and get familiar with the advanced HTML topics.

HTML, a shorthand for Hyper Text Markup Language, is one of the most fundamental
building blocks of the Web.
HTML was officially born in 1993 and since then it evolved into its current state, moving from simple text documents to powering rich Web Applications.
This handbook is aimed at a vast audience.

First, the beginner. I explain HTML from zero in a succinct but comprehensive way, so you
can use this book to learn HTML from the basics.
👍76🔥2
css-handbook.pdf
2 MB
📝 CSS HANDBOOK

CSS, a shorthand for Cascading Style Sheets, is one of the main building blocks of the Web. Its history goes back to the 90's and along with HTML it has changed a lot since its humble beginnings.
Having created websites since before CSS existed, I have seen its evolution. 10 CSS is an amazing tool, and in the last few years it has grown a lot, introducing many fantastic features like CSS Grid, Flexbox and CSS Custom Properties.
🔥12👍2
js-handbook.pdf
577.9 KB
📝 JS HANDBOOK

The JavaScript Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic.
In particular, the goal is to get you up to speed quickly with JavaScript.
14👍1