Diederik

menu

Bookmarks

Feb 2020

Plus

Design systems hub We've built, optimized and scaled design systems for our international clients. This hub shares our expertise and approaches, plus advice on…

https://rangle.io/design-systems/

How Smashing Magazine Manages Content: Migration From WordPress To JAMstack

About The Author Sarah Drasner is an award-winning Speaker, Head of Developer Experience at Netlify, Vue core team member, and Staff Writer at CSS-Tricks. Sarah…

https://www.smashingmagazine.com/2020/01/migration-from-wordpress-to-jamstack/

How to redesign, step by step guide - Avoid pitfalls and deliver value fast.

Change is not an event; it’s a process Let’s clarify one thing from the start; this article is not a strick walkthrough. When designing a product today, it’s…

https://uxdesign.cc/how-to-redesign-step-by-step-guide-869379604734

Slick Inbox

Alternatief voor Stoop (gebruik ik momenteel)

#mail #ios

Earth View from Google

Earth View is a collection of thousands of the most striking landscapes found in Google Earth.

#images #inspiration

WordPress To App

We convert your WordPress website into a native mobile app for Android and iOS.

#wordpress #ios

Website Header Design in 2020

According to Google, it takes only 50 ms to form an opinion about a website and some opinions develop within the incredible 17 ms.

#ux

UX design process: a simple (but complete) guide | Webflow Blog

The UX design process begins at understanding the objectives of a business and how best to serve a target audience. By comprehending the psychology of a user,…

https://webflow.com/blog/ux-design-process

Even with a design system, you still need a designer

But, as awesome as USWDS (The U.S. Web Design System) is, there are still many considerations on what makes a good design. Using a design system doesn’t guarantee a successful design or user experience, but it can be a helpful tool for solving a design problem.

#designsystem

Remove.bg

Remove Image Background 100% Automatically and Free

#tool #images

Buttondown - The easiest way to run your newsletter.

Buttondown is a small, elegant tool for producing newsletters. The minimalist interface makes it easy for you to write great emails; the automation acts like the editorial assistant you wish you had, by checking for typos, broken links, or malformed images; the portable subscription widget makes it really easy to grow your audience from wherever.

#newsletter

Jan 2020

Simple Image Placeholders with SVG - Cloud Four

"So I made a tiny, dependency-free library called Simple SVG Placeholder. It generates data URIs for placeholder img elements."

#svg #placeholder

The Complete Beginner’s Guide to Design Systems - DesignXplorer

More companies are focusing on Design System, as it is a powerful way to help skyrocket the development of products and services. This time our topic is — Design System, and we are going to try and answer some common questions surrounding this subject.

#designsystem

Multi-line gradient links | Zell Liew

When I saw the CSS Tricks redesign, I was hooked. I loved the links with gradients.

#css #links #gradient

Why design systems fail and how to make them work in 2020

After shutting down our first design system late 2018 we built a new and improved design system from the ground up.

#designsystem

Your Lifestyle Has Already Been Designed

Well I’m in the working world again. I’ve found myself a well-paying gig in the engineering industry, and life finally feels like it’s returning to normal after…

http://www.raptitude.com/2010/07/your-lifestyle-has-already-been-designed/

Making Room for Variation – A List Apart

Making a brand feel unified, cohesive, and harmonious while also leavingroom for experimentation is a tough balancing act. It’s one of the mostchallenging…

https://alistapart.com/article/making-room-for-variation/

See how climate change has impacted the world since your childhood - ABC News

Email Global warming is already changing the world before our eyes — let's see what has happened in your lifetime. When were you born? From top to bottom, these…

https://www.abc.net.au/news/2019-12-06/how-climate-change-has-impacted-your-life/11766018

Roam Research – A note taking tool for networked thought.

As easy to use as a document. As powerful as a graph database. Roam helps you organize your research for the long haul.

#tool

Tiny Helpers

A collection of free single-purpose online tools for web developers..

#plugin #tool

Elastic UI Framework

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics.

#designsystem

Visual Studio Code extensions to help your productivity - DEV Community 👩‍💻👨‍💻

I'm going to share some extensions I use to make my experience more productive and helpful.

#vscode

Eleventy Walk Through

This guide is meant to provide some step by step instructions for using Eleventy, and provide additional reference information.

#eleventy

How I Made 30000€ In 3️⃣ Months By Quitting My Job 👨‍💻 - DEV Community 👩‍💻👨‍💻

What made me quit I was working for a company (name omitted on purpose) that was (and is) still running on really old technology. Perl, Vanilla PHP, jQuery and…

https://dev.to/_marcba/how-i-made-30000-in-3-months-by-quitting-my-job-487k

2x Grid – Carbon Design System

The 2x Grid is the geometric foundation of all the visual elements of IBM Design, from typography to columns, boxes, icons, and illustrations. It provides structure and guidance for all creative decision-making.

#grid

Choosing the right UI component for communication with your users

Why do we need this? Communicating with users is crucial. Messages can be delivered in many ways and by different mediums. Different stakeholders in the company…

https://medium.com/@adamshriki/choosing-the-right-ui-component-for-communication-with-your-users-523499c39490

Instagram Font Generator (𝘤𝘰𝘱𝘺 ⒶⓃⒹ 𝙥𝙖𝙨𝙩𝙚) — Meta Tags

T̨͈͗̌ͥḣ̖̻͛̓ỉ͔͖̜͌s̠҉͍͊ͅ M͉̅ͮ͒ͤẹ̿͋̒̕t̲̂̓ͩ̑ā̤̓̍͘ T̨͈͗̌ͥā̤̓̍͘ĝ̽̓̀͑s̠҉͍͊ͅ F̘͍͖ͫ͘o̯̱̊͊͢ṇ̤͛̒̍t̲̂̓ͩ̑ G̩̱ͩ̏͜ẹ̿͋̒̕ṇ̤͛̒̍ẹ̿͋̒̕r̴̨̦͕̝ā̤̓̍͘t̲̂̓ͩ̑o̯̱̊͊͢r̴̨̦͕̝ ỉ͔͖̜͌s̠҉͍͊ͅ ♡

#fonts

Designing accessible color systems

Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens.

#designsystem

Chicago Design System

The Chicago Design System is the public visual identity of the City of Chicago. It is an inclusive, equitable, cost saving system for City communication and for public use to show civic pride.

#designsystem

Dekks | Next Generation Presentations

For creators, by creators 👈 The all-in-one presentation toolkit for creative troops and solo forces. Create, share and view ideas in a new and powerful way.

#presentations

The ultimate guide for mobile developers, who want to design - DEV Community 👩‍💻👨‍💻

Well yes, we can learn anything we want. To help you get started, I will share some resources that helped me at the beginning of my journey: books, case studies, and tutorials.

#webdesign

Dec 2019

9 web design trends for 2020 | Webflow Blog

Design is about how it works. So with this year’s web design trends, we’re looking past the grids and gradients to focus on what really matters.

#webdesign

A Modern Typographic Scale ◆ 24 ways

A Modern Typographic Scale via Instapaper https://ift.tt/2rZ5jrq

https://24ways.org/2019/a-modern-typographic-scale/

UX Flowchart Cards — Wireframe Kits on UI8

Wireframe Kits via Instapaper https://ift.tt/2QbUDxQ

#ux #wireframes

Spotify Design - Reimagining Design Systems at Spotify

Reimagining Design Systems at Spotify via Instapaper https://ift.tt/2S8UIVK

#designsystem

What Will the Internet Look Like in 2030?

What Will the Internet Look Like in 2030? via Instapaper https://ift.tt/31ENqKA

https://gizmodo.com/what-will-the-internet-look-like-in-2030-1837984973

Apr 2019

What’s a UX Strategy? — Anton Sten — UX-Lead

What’s a UX Strategy? - Anton Sten - UX-Lead via Instapaper http://bit.ly/2ITAlHi

https://www.antonsten.com/uxstrategy/

The Place of UX - Signal v. Noise

The Place of UX via Instapaper http://bit.ly/2Zy8yC8

https://m.signalvnoise.com/the-place-of-ux/

How to Delete Commit History in Github – TecAdmin

Delete Commit History in Git Repository

#git

AddyOsmani.com - Native image lazy-loading for the web!

Native image lazy-loading for the web! via Instapaper http://bit.ly/2G6VbRN

https://addyosmani.com/blog/lazy-loading/

Why Static?

Why Static? via Instapaper https://ift.tt/2Vd3ssD

https://why-static.netlify.com/

Mar 2019

Simple & Boring | CSS-Tricks

Simple & Boring | CSS-Tricks via Instapaper https://ift.tt/2us932j

https://css-tricks.com/simple-boring/

Scaling a Design Team and Culture – Designing Nubank – Medium

Scaling a Design Team and Culture – Designing Nubank – Medium via Instapaper https://ift.tt/2W4Yyh6

https://medium.com/nubank-design/scaling-a-design-team-and-culture-bde035f50e5c

How to simplify your design

How to simplify your design – UX Planet via Instapaper https://ift.tt/2HzsL4I

https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9?ref=heydesigner

Nov 2017

How the minmax() Function Works

One incredibly useful new feature introduced with the CSS Grid Layout Specification is the minmax() function. This function opens the door to us being able to write much more powerful and succinct CSS by allowing us to set, as a value for a grid track, a function including both a minimum and maximum value.

#cssgrid #minmax

A Complete Guide to Grid | CSS-Tricks

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system. You work with Grid Layout by applying CSS rules both to a parent element (which becomes the Grid Container) and to that elements children (which become Grid Items).

#cssgrid