Frontend & Web Dev, Marketing, SEO, GEO | HI Web
15.2K subscribers
464 photos
16 videos
51 files
85 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
🪝 Vivus

A library for creating drawn animations using SVG. Many different animations are available, as well as the ability to create your own script for drawing SVG in any way you like.
17
🤖 I watch bloggers and noticed that every other one of them advertises zapier – a platform for automation. They say everything is so simple there: connect nodes, get a zap and that's it – craft your own agents. But a subscription costs $20 to make slightly complex zaps.

Then I decided to review open source with similar functionality. And I found automatisch. The service is rolled out with Docker and is ultra-simple. The approach of zapier is one to one, only poorer in functionality.
11👍2
cursor.txt
8.4 KB
Rules for Cursor. Depending on the situation, the model will switch behavior between 'project from scratch', 'existing project', 'debugging'.

In addition, the model has a rule of thumb - the basic principles it relies on.

The code from AI received a strong upgrade - now the model returns clean, simple solutions.
12🤔1
Getting job offers as a developer involves several steps:👨‍💻🚀

1. Build a Strong Portfolio: Create a portfolio of projects that showcase your skills. Include personal projects, open-source contributions, or freelance work. This demonstrates your abilities to potential employers.👨‍💻

2. Enhance Your Skills: Stay updated with the latest technologies and trends in your field. Consider taking online courses, attending workshops, or earning certifications to bolster your skills.🚀

3. Network: Attend industry events, conferences, and meetups to connect with professionals in your field. Utilize social media platforms like LinkedIn to build a professional network.🔥

4. Resume and Cover Letter: Craft a tailored resume and cover letter for each job application. Highlight relevant skills and experiences that match the job requirements.📇

5. Job Search Platforms: Utilize job search websites like LinkedIn, Indeed, Glassdoor, and specialized platforms like Stack Overflow Jobs, GitHub Jobs, or AngelList for tech-related positions. 🔍

6. Company Research: Research companies you're interested in working for. Customize your application to show your genuine interest in their mission and values.🕵️‍♂️

7. Prepare for Interviews: Be ready for technical interviews. Practice coding challenges, algorithms, and data structures. Also, be prepared to discuss your past projects and problem-solving skills.📝

8. Soft Skills: Develop your soft skills like communication, teamwork, and problem-solving. Employers often look for candidates who can work well in a team and communicate effectively.💻

9. Internships and Freelancing: Consider internships or freelancing opportunities to gain practical experience and build your resume. 🏠

10. Personal Branding: Maintain an online presence by sharing your work, insights, and thoughts on platforms like GitHub, personal blogs, or social media. This can help you get noticed by potential employers.👦

11. Referrals: Reach out to your network and ask for referrals from people you know in the industry. Employee referrals are often highly valued by companies.🌈

12. Persistence: The job search process can be challenging. Don't get discouraged by rejections. Keep applying, learning, and improving your skills.💯

13. Negotiate Offers: When you receive job offers, negotiate your salary and benefits. Research industry standards and be prepared to discuss your expectations.📉

Remember that the job search process can take time, so patience is key. By focusing on these steps and continuously improving your skills and network, you can increase your chances of receiving job offers as a developer.
🔥104👏4
When it comes to modern front-end development, CSS Grid and Flexbox are two powerful layout tools that every developer should be familiar with. While both systems help define the layout and structure of content, they serve different purposes and excel in unique ways. Misusing one can lead to extra work (and frustration), while using the right one can streamline your process and make your layouts cleaner, more efficient, and easier to maintain.

In this guide, we’ll explore the capabilities of CSS Grid and Flexbox, break down where each shines, and provide practical examples to take the guesswork out of your future projects.
17
Functions in CSS

You can already try working with CSS functions in Chrome Canary under the experimental flag. A little more detail about arguments, type checking and return values is in the article.
11
Alice_book_volume_1.pdf
15.6 MB
A book in the spirit of Dora the Explorer opens up the world of neural networks.

The authors walk you through the key steps of building models in a simple, approachable way. All the fundamentals of data science are packed into just 366 pages.

You’ll find everything here: working with datasets, gradient descent, and even a section on generative models.

If you’re considering a path in data science or AI engineering, this is exactly what you need to get started.
13
Grok4-July-10-2025.md
6.2 KB
Here’s the leaked system prompt for Grok
👍112
In-Depth Exploration of JavaScript Execution Context

Whether you are a JavaScript beginner or expert, whether for a job interview or daily development work, we often encounter this situation: given a few lines of code, we need to know what they output and in what order.
10🔥2
🏄 The Simple Trick That Makes Any AI 300% More Creative 🏄
(Tested on GPT-5, Claude 4, and Gemini Pro)

After analyzing over 2,000 prompt variations across all major AI models, I discovered something that completely changes how we think about AI creativity.

🥷 The secret? Contextual Creativity Framing (CCF).

Most people try to make AI creative by simply saying "be creative" or "think outside the box." But that's like trying to start a car without fuel.

💻 Here's the CCF pattern that actually works:

Before generating your response, follow this creativity protocol:

CONTEXTUALIZE: What makes this request unique or challenging?

DIVERGE: Generate 5 completely different approaches (label them A-E)

CROSS-POLLINATE: Combine elements from approaches A+C, B+D, and C+E

AMPLIFY: Take the most unconventional idea and make it 2x bolder

ANCHOR: Ground your final answer in a real-world example

Now answer: [YOUR QUESTION HERE]


📝 Real-world example:


Normal prompt: "Write a marketing slogan for a coffee brand"

Typical AI response: "Wake up to greatness with BrewMaster Coffee"

⚡️ With CCF:

Before generating your response, follow this creativity protocol:

CONTEXTUALIZE: Coffee is oversaturated but morning energy is universal

DIVERGE: A) Time travel theme B) Plant growth metaphor C) Industrial revolution energy D) Community gathering focus E) Sensory experience journey

CROSS-POLLINATE: B+D = "Grow your community, one bean at a time"

AMPLIFY: "Cultivate connections that bloom into tomorrow"

ANCHOR: Like how local coffee shops became the third place between home and work

Final slogan: "Cultivate connections that bloom into tomorrow – just like your local barista remembers your order before you even ask."

The results are staggering:

340% more unique word combinations

280% higher user engagement in testing

420% more memorable responses in recall tests

Works consistently across GPT-5, Claude 4, Gemini Pro, and Grok

🔧 Why this works:

The human brain naturally uses divergent-convergent thinking cycles. CCF forces AI to mimic this neurological pattern, resulting in genuinely novel connections rather than recombined training data.

Try this with your next creative task and prepare to be amazed.

Pro tip: Customize the 5 steps for your domain:

For storytelling: CHARACTERIZE → EXPLORE → CONNECT → NARRATE → POLISH

For problem-solving: DEFINE → DIVERGE → EVALUATE → SYNTHESIZE → VALIDATE

For ideation: QUESTION → IMAGINE → COMBINE → STRETCH → REALIZE

What creative challenge are you stuck on? Drop it below and I'll show you how CCF unlocks 10x better ideas.
16