From March to May 2017, I picked up 3D modeling skills. I started with zero 3D experience (couldn’t even play 3D games well), and I’m now able to create almost everything I want in the low poly style. My models also won an honorable mention and a staff pick on Sketchfab.
Meet SOAPBOTTLE, a new line of personal care that comes in packaging made from soap. Once the liquid content is finished, the empty container can be used as hand soap and “washes away” over time. Waste can be completely avoided.
Iterating is a phenomenal technique. It takes next to nothing to learn and benefits from all other experience and knowledge that you gain. Everybody knows it — few use it.
This weekend, I walked past the chips and snacks aisle and noticed a different branding to my favorite “Crisps” brand. Is that Pringles, I asked myself? Or a knock-off product? But after reading through the packaging, I was pleasantly surprised and came to understand it was, in fact, the real Pringles. I took a minute to line-up all the flavors available and snapped the cover picture for this article.
Barring those who have made a conscious and concerted effort to turn them off, push notifications disrupt our flow on a daily basis. You pick up your phone to check the time or your to-do list, and the first thing you see is that you've received 9 messages from 4 different people, who are waiting for your response. Let’s start with an assessment.
Where was it grown? Who distilled it? And what exactly was it mixed with before the cork went in? When it comes to alcohol, even the simplest questions can be as murky as an old bottle of red. It's time for some answers.
A simple and fun way to create your own WebGL experiment. Based on the latest features for endless customization.
Say hi to Car Thing. The smart player from Spotify that fills your car with music, news, entertainment, talk, and more.
The goal for this project is to design, 3D-print and assemble the enclosures for several small desktop computers. This series was created during the covid19 pandemic, to get familiar with modern parametric 3D design tools, the limits of 3D printing and fabrication.
When a secretive start-up scraped the internet to build a facial-recognition tool, it tested a legal and ethical limit — and blew the future of privacy in America wide open.
As the World Health Organization reaches its findings on the zoonotic origins of the novel coronavirus, we explain why bats make such ideal hosts for disease-causing viruses.
Satellite imagery surrounds us — from Google Maps and daily weather forecasts to the graphics illustrating news stories — but almost all of it is from a map-like, top-down perspective. This view allows satellite data to be analyzed over time and compared with other sources of data.
TheThe ever-increasing reliance on touch screens in cars is a controversial topic. With each new product release, the comment sections of articles and youtube videos are filled with negative remarks. Yet, carmakers are totally committed to the race of creating ever-bigger screens. If public opinion is so against touch interfaces in cars, why do car companies use them? I dove into this topic and confirmed my hypothesis: touch screens are not the problem per se, but car companies' design execution is.
Anyone who’s done anything at a certain level for a reasonable amount of time will inevitably get asked about the tools they use. It’s probably in the top five questions I get over email and after conference talks: “What tools do you recommend for roadmaps?” “What tool do you use for product visions?” “What’s the best tool for tracking OKRs?” “Which do you recommend, Scrum or Kanban?”1 “Can you recommend a wireframing tool for sharing concepts?”
The last notebook you'll ever need... Now in a modular hardcover design.
Across 2020, the Hoodzpah team worked on three movie title treatment projects for the incredible creative team at Disney and Pixar. Luca was one of those projects, a film that tells a fantastical coming-of-age story of a sea monster finding his place in an Italian seaside village. We were shown concept art from the animation department and moodboards filled with typography inspired by Gelato shops, travel brochures, and hand painted signage from the 1920s, ’30s, and ’40s. Our brief was to create custom type solutions for the movie that would embody the sun-drenched village, a somewhat undefined retro nostalgia, and Luca’s identity as a sea-monster trying to find his place between shore and sea.
I haven’t been more excited for a CSS feature like I’m now in the past six years I spent as a front-end developer. The prototype of container queries is now available behind a flag in Chrome Canary. Thanks to efforts from smart people like Miriam Suzanne and other folks.
In a society that over glorifies goals and life purposes, sometimes we forget that at the end of it all, what we are seeking is happiness. Our end goal is to enjoy life.
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into templates and tools for building and designing HTML emails. Don’t miss the next one.
Our 2+ year Mobile UX Study reveals that, since our first Mobile Study in 2013, the mobile user experience has generally improved for users.
One of the best gifts we have as front-end developers is the ability to see how something is implemented by simply inspecting a website and see how the CSS works behind the scenes. Say an interesting effect that you wonder how it was done? Inspect element and the answer is waiting for you. On the other hand, this is not possible for back-end developers, since the source code is gone the moment server-side rendering happens.
Done reading about UX? Start doing it. Practice with real-world exercises. Train yourself in crucial skills and tools. Take away portfolio-worthy deliverables. Useful for beginners and experts alike.
Since Google Maps launched 15 years ago, they have revolutionised the world of digital maps and now help over one billion users get from A to B – and so much more!
Even though I’ve been doing web things for a while now, I confess I had never dealt with browser cookies other than clicking those cookie notifications on every other website you visit these days.
A discussion of the theory of design trends with sample trends in Industrial Design, Interface Design, and User Experience.
Musings, ramblings, and principles that I’ve shared with my team and randomly on Twitter. Reminding yourself of the principles that ground you is simply a good practice. Here are mine.
They say the pen is mightier than the sword, and WOWSTICK miniature pen-shaped hand drill is probably a designer’s great friend, helping them to drill and put their imagination into shining works. It is the world's first one-piece miniature electric hand drill for creative DIY, and it features super lightweight, ultra-quietness and great portability.
There are three great design themes: making something beautiful, making something easier, and making something possible.
Introducing toilet paper that teaches you phrases from new languages. No ads. No interruptions. Never forget a lesson again, because nature is the best push notification.
Handcrafted retro radio speaker with vintage Nixie tubes. A tribute to the precious moments in the past.
An incredible, connected chess board with a built-in chess instructor that lights up all possible moves according to strength.
Mesh Gradient generates a gradient image with an underlying 2d mesh, and lets you edit the vertices & edges of the mesh to get the perfect gradient look.
Tidbyt is a lo-fi smart display that gives you weather, stocks, transit, and a whole lot more.
A growing collection of free, hand-drawn illustrations brought to you by a global community of aspiring creatives. You can use our free illustrations for any purpose, without attribution. Enjoy!
After years of asking and memes, we’re finally getting container queries and they will transform UI design, just like media queries did.
What happens when you set "font_size": 32 in your favorite editor? I would’ve told you anyway, but I’m glad that you asked. Let’s try to guess. I am using Sublime Text 4 on macOS:
