Exploring 3D Effects with 2D Optical Illusions

Today we will explore how to create an engaging animation using simple CSS and an animation library, like GSAP, to achieve a 3D effect through basic optical illusions. While many of these animations can be crafted using plain CSS, I prefer utilizing JavaScript (GSAP) for its efficiency, allowing me to produce the desired effects swiftly… Continue reading Exploring 3D Effects with 2D Optical Illusions

Exploring the Free Font Index (and showing typefaces some love)

Book cover jackets for all three Free Font Indexes (re-colourised). Image credits: Hans Lijklema. On this issue of Type Founds, I venture into a decade-plus-old series of catalogues featuring free fonts that you too can get your hands on. Let’s discuss the ethics of free fonts, and take a look at some sweet typefaces in… Continue reading Exploring the Free Font Index (and showing typefaces some love)

Published
Categorized as UX Tagged

Exploring interstitial spaces

Embracing the serendipitous as design process Book interior page spread Relinquishing control Dictionary.com defines serendipity as “an aptitude for making desirable discoveries by accident”. My first acquaintance with serendipity as an element immersed within a design process was at a talk delivered by a photographer who would daily “put himself in the way of the… Continue reading Exploring interstitial spaces

Published
Categorized as UX Tagged

How to build tech that does things differently

[unable to retrieve full-text content] Data ethics principles and processes are useful, but they are often of limited use when it comes to addressing the social and environmental harms of the data economy. This post is about using creative R&D to build data technologies that embed a different set of values from the ground up,… Continue reading How to build tech that does things differently

Understanding the Messy “Define” Stage

In our previous articles, we’ve discussed the basics of design thinking and immersive empathy. In this post, we’ll dive a little deeper into what we refer to as the “define” stage in that process. Warning: it’s messy! So let’s first remind ourselves where it sits in the Hasso-Plattner Institute of Design’s proposal: Image source: Interaction Design… Continue reading Understanding the Messy “Define” Stage

Airbnb Vacation — Seamless Trip Planning Done Right

I wanted to tackle this as a design problem. I started thinking about this against a design framework. What are the JTBD (Jobs To Be Done) here? Have a fulfilling trip Not miss out on an experience/activity due to lack of information Reduce transit time by staying close to where the activities are Reduce FOMO (fear… Continue reading Airbnb Vacation — Seamless Trip Planning Done Right

How to Simplify Image-Rich Website Development with Cloudinary

Posted · Category: Information Even the most talented developer knows that a great website is time-consuming to build and a challenge to maintain. The reason: You need to meet graphic design requirements for every device according to current design trends, while ensuring that your website performance is optimized for any browser. Cloudinary can eliminate many… Continue reading How to Simplify Image-Rich Website Development with Cloudinary

IDevie Weekly News (week 10)

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. New Resources & Tools Hamburgers – A collection of tasty CSS-animated hamburger icons By Jonathan Suh. Intro.js – Step-by-step guide and feature introduction for your website. Balloon.css – Simple tooltips made of… Continue reading IDevie Weekly News (week 10)

Build a Custom Photo Widget for Your Desktop with Node.js

The first thing I do on any new device is customize the home screen. This has been a tradition of mine since my first non-DOS computer, when I used my Mario Paint manual to help me make some Legend of Zelda pixel art in MS Paint, and set it as the Desktop wallpaper. Now that… Continue reading Build a Custom Photo Widget for Your Desktop with Node.js