Frontend & Web Dev, Marketing, SEO, GEO | HI Web
15.2K subscribers
582 photos
17 videos
51 files
197 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
Free Figma Template: Marketing company

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
👍105
Free Figma Template: YourBank

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
7👍4🔥2
Free Figma Template: Tattoo shop

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
👍97
Free Figma Template: EasyFast - freelance

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
👍74
This media is not supported in your browser
VIEW IN TELEGRAM
🤓 Use TypeScript utilities like Omit to create more reusable and adaptable components
👍10🔥62👏1
👩‍💻 JavaScript Generators Explained: A guide to help you dive deeper and develop an advanced understanding of the theory behind generators
👍6🔥2
Free Figma Template: Psychologist services

🧠 Difficulty: 🥕🥕

#Figma #Template
7👍6
🔧 React is (becoming) a Full-Stack Framework

React, with its addition of Server Components and Server Actions, is evolving into a full-stack framework. Once the most popular frontend framework, it has now successfully bridged the gap between frontend and backend to reign over both sides of the chasm.
12🔥7👍3
🧐 CSS TIPS
An Interactive Guide to CSS Container Queries

In this interactive guide to container queries, I will explain the problems they solve, how they work, and how we can use them today in our workflows.
10👍1
Free Figma Template: Crypto business

🧠 Difficulty: 🥕🥕

#Figma #Template
🔥7👍21
10 TypeScript Tips and Tricks for Advanced Developers

For a beginner, TypeScript can be overwhelming at times. However, with the right tips and techniques, you can harness the power of TypeScript to write safer, more reliable code. In this article, I share 10 TypeScript Tips to help you improve your development workflow and improve your understanding of the language.
👍62
Free Figma Template: business immigration services

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
👍81🔥1
5 CSS snippets every front-end developer should know in 2024

I believe every front-end developer should know :has() is more than a "parent selector", the how and why of a subgrid, how to nest with built-in CSS syntax, how to let the browser balance headline text wrapping, and how use container query units.
7👍3
🔧 CSS TIPS
Safe/unsafe alignment in CSS flexbox


Rachel explains that when the CSS specs are written, key priority is to prevent data loss. I haven't heard this phrase before.
👍85
What is CSS Motion Path?

Quite simply, CSS Motion Path is a CSS property used to animate an element along a path. This path can be anything - one you've created yourself or taken from an existing design. The element you want to animate can also be anything - HTML or even another SVG.
9👍2🤩1
Free Figma Template: Rehabilitation center

🧠 Difficulty: 🥕🥕

#Figma #Template
👍103🔥2
💎 Exploring the React Compiler: A detailed introduction

React has revolutionized how developers build user interfaces since its inception, with every iteration providing innovative and powerful ways for creating dynamic, component-based applications.
9👍2