Sponsor: Quick testing across devices with this browser built for web developers.

Sip happens โ˜•, but how are you? ๐Ÿ‘‹

I found two website inspirations that are super blown. Both Space.io and Igloo.inc are like game interfaces.

I also share my quick tutorial on how to access SSH into a specific Docker container. It was my issue when I tried to access SSH into my Coolify resource.

Don't forget to read my list of inline conditions in CSS, UX writing: how to improve microcopy, and Figma to Wix export!

Check also the tools AI-Flow, Scene, and Mako.dev.

Tired of watching Figma CONFIG, watch Mizko recap the conference in 8 minutes.

Enjoy!


Inspiration Website

Space
Space is a gamified NFT marketplace. Built under Astro, Marko and of course Three js.

Igloo.inc
Igloo is the largest onchain community. The website is simply using GSAP and Three js.


Reads

๐Ÿ”€ Inline conditionals in CSS, now?
Several brilliant, horrible hacks enable you to expose the kinds of higher-level custom properties that conditionals typically enable.

๐Ÿณ Access SSH into Docker Container
Easy way to access SSH into specific Docker container.

๐Ÿ“ How To Improve Your Microcopy: UX Writing Tips For Non-UX Writers
Not all companies can afford to hire a full-time UX writer, so interface copy is often outsourced to team members who may not have sufficient expertise in working with text.

๐Ÿงฉ How to export designs from Figma to Wix Studio: a step-by-step guide
Figma to Wix Studio plugin offers an efficient export and import experience, streamlining your entire design process.

๐ŸŽจ daisyUI adoption guide: Overview, examples, and alternatives
Adopting daisyUI as a frontend developer is a no-brainer, considering how it significantly improves DX. However, you need to consider its pros and cons, focusing on factors crucial for project success.

๐Ÿ”บ Designerโ€™s Maturity Model
Artificial intelligence is reshaping the design landscape, empowering designers to transcend mere interaction design and emerge as visionary leaders. Through a series of defined stages, here is a comprehensive framework for designers to progress from novices to seasoned professionals.

๐Ÿš… The Next Frontier in UI/UX
the traditional model of relying on external UI/UX consultants is becoming less effective. The complexity and pace of change in today's environment demand in-house teams that are deeply integrated with product and tech teams. These teams can rapidly iterate, innovate, and respond to emerging trends and user behaviors.

๐Ÿšถโ€โ™‚๏ธ Website Footers: Best Design Practices & 24 Top Examples
No two footers are exactly the same, but there are some standard ingredients. Read it to see what elements to include when crafting your website footer.


Tools

AI-Flow
An open-source, user-friendly UI application that empowers you to seamlessly connect multiple AI models together, specifically leveraging the capabilities of multiples AI APIs such as OpenAI, StabilityAI and Replicate.

Build your next website in half the time
Scene is where web designers dash through the entire web design process, from idea to launch.

Mako.dev
Mako is a new web bundler for Web App, Library, and Framework. It's designed to be fast, reliable, and easy to use. It has been used in houndreds of projects in production by Ant Group, and other companies.


Videos


Workspace Inspirations

Share

Let me know your thought or you find a mistake/outdated content for this post.

Get the latest update of tutorials, inspirations and useful resources for website design and development to your email box