Go-to UX design challenges

Improve your skills and add case studies to your portfolio

→ dailyui.co

→ uicoach.io

→ goodbrief.io

→ uxchallenge.co

→ fakeclients.com

→ uxtools.co/challenges

🔗 Channel: @htmlcss_channels

Here are some of the top free font websites that every UI/UX designer should know about.

1. Facefabirc → fontfabric.com/free-fonts

2. Google Fonts → fonts.google.com

3. Fontshare → fontshare.com

4. Uncut → uncut.wtf

5. Pixel Surplus → pixelsurplus.com

6. Fontspring → fontspring.com/free



🔗 Channel: @htmlcss_channels

TypeScript AI framework

mastra.ai - Typescript AI framework

kinesisjs.com - Animations in Typescript

sevalla.com - Hosting for Python, Javascript, PHP, Java, Go...

tuono.dev - React framework

tududi.com - Task and project management

Tuono.dev React framework sounds like a solid choice for streamlining development



🔗 Channel: @htmlcss_channels

https://originui.com - Beautiful React/NextJS components

https://sevalla.com - Backend hosting for Javascript, PHP, Python, Go...

https://steel.dev - Browser API for AI agents

https://json.pub - JSON visualizer

https://kestra.io - Open source workflow automation


🔗 Channel: @htmlcss_channels

Web Dev Tools you should use in 2025

https://warp.dev - Intelligent terminal with AI features by @warpdotdev

https://gitbutler.com - Git client for simultaneous branches

https://wind-ui.com - Tailwind components for React/HTML

https://logdy.dev - Supercharge terminal logs

https://glaze.dev - Utility-based web animations


🔗 Channel: @htmlcss_channels

💡 #Javascript tip

You can easily format currencies in Javascript.


🔗 Channel: @htmlcss_channels

⌨️ CSS Flexbox justify-content

Example:

.element {
    display: flex;
    justify-content:space-between;
}

🔗 Channel: @htmlcss_channels

⌨️ counter() in CSS

You can use counter() to create fancy step-by-step instructions or multi-level nested lists with custom numbering schemes.

🔗 Channel: @htmlcss_channels

⌨️ Glass Effect in CSS

To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.

🔗 Channel: @htmlcss_channels

⌨️ Scroll-driven animations in CSS!!

Lets you create partial or full-page visuals with elements animating into and within the viewport, also known as scrollytelling, for dynamic visual impact.

🔗 Channel: @htmlcss_channels

⌨️ Length units in CSS!!

This table should help you quickly reference the purpose and application of each CSS unit.

🔗 Channel: @htmlcss_channels

30 Seconds of code : Short #javascript code snippets for all your development needs

https://github.com/30-seconds/30-seconds-of-code


🔗 Channel: @htmlcss_channels