Robert Roose

Design Lead + Drupal designer.

[Robert Roose @roose]

Chris Coyer celebrates the demise of proprietary syndication formats such as Google's AMP or Facebook's Instant articles forcing publishers to jump through hoops. What still remains? Plain old HTML. 

https://t.co/ugFege5tfq #html #syndication

[Robert Roose @roose]

Lucide: a clean looking set of open source line icons.

https://t.co/E8t9FR45Ja #icons

[Robert Roose @roose]

When do you use a link and when do you create a button? Normally a link points you to a new place and a button submits a form. But it's not always that obvious as Killian Valkhof explains in this blog.

https://t.co/43XZZLzP0z #html #css #w3c

[Robert Roose @roose]

Scott VandeHey displays a collection of inspiring demo's to showcase the power of CSS blend modes. I'm especially intrigued by the halftone filter which can give images comic book feel.

https://t.co/e7DcMcAJyl #css #blendmodes #webdesign

[Robert Roose @roose]

First batch of color fonts released on Google Fonts. Not widely supported yet, but a good first step in a more colorful web.

See the fonts in action by going over to Google Fonts and ticking the 'Show only color fonts' box.

https://t.co/ZurQboCBdI #fonts #googlefonts #typogra…

[Robert Roose @roose]

Extensive guide by Andy Chan on all the skills you need in order to become a self-taught UI/UX designer.

https://t.co/oUrw4e3L1P #ui #ux #prototypes

[Robert Roose @roose]

CSS Doodle is a JavaScript library which enables you to create patterns and illustrations based on CSS.

A good alternative for (big) images and video's reducing the CO2 footprint of a website.

https://t.co/pmJjcIzK5v #css #illustrations #patterns

[Robert Roose @roose]

Matthias Ott confirms in this blog post what I've been thinking about a lot lately: HTML/CSS prototypes are the best way to design. Figma, Penpot and Adobe XD are nice but nothing beats a 'shitty' prototype in HTML/CSS when it comes to interactivity and responsiveness.

…

[Robert Roose @roose]

Interesting discussion happening in this Hacker News post about the scalability of Penpot, the open source Figma alternative. Even the CEO of Penpot chimes in with some reassuring comments.

https://t.co/HKUqkQcPJn #figma #penpot #ui/ux

[Robert Roose @roose]

Very cool CSS-only technique using blend modes to creating a hologram effect on images.

https://t.co/ENgblhkTKp #css #image-effects

[Robert Roose @roose]

An interessting technique which uses system fonts instead of external webfonts.

The advantages:
- Fonts are directly loaded so quicker and more sustainable
- Uniform user experience as the font is similar to font used by the device
- System fonts have a broad range of style…

[Robert Roose @roose]

SVG illustrations have the future. They are the lightweight (less KB) alternative to images and videos meaning they will load quicker and waste less bandwidth making them more sustainable. You can also do very cool things with them as portrayed by Smashing Magazine.

…

[Robert Roose @roose]

What needs to be in your Design System? Brad Frost argues that a Design System is meant for User Interfaces. If we're talking about branding, tone of voice, content, performance, persona's etc. it only gets a place in a Design System as it pertains to User Interfaces.

…

[Robert Roose @roose]

Figma is not your Design System, according to Robin Rendle. The front-end is your source of truth. And I have to  agree. Nothing works better than just building components in HTML/CSS giving the best insight in how components will eventually work in the wild.

…

[Robert Roose @roose]

Want to remember what you learned while reading? The moment you close a book most of the learned knowledge is gone. Not if you use Readwise. It will send you a daily digest with of all the highlights you've made.  Easily worth the $4.49 a month.

https://t.co/uzD7jxdnIE #readin…

[Robert Roose @roose]

Nathan Baschez makes an observation about how (web) design is evolving from using photo's to illustrations. High quality photo's are (now) cheap where creating costly custom illustrations/animations signals the organisation is wealthy and fit to survive.

…

[Robert Roose @roose]

"Quirky and minimalist interfaces don’t make users feel awesome — obvious, inclusive, and robust interfaces do." Adam Silver in Form Design Patterns

https://t.co/QgTRVhT6Hz

https://t.co/QgTRVhT6Hz #forms #design #ux #ui

[Robert Roose @roose]

The Future of (web) fonts? Google just released Roboto Flex, a customizable web font. There are 12 different ways to tweak it, like thickness, stroke width and case heights. Try it out.

https://t.co/kzDS2mKvpu #design #fonts

[Robert Roose @roose]

Do you really need to show a progress indicator above your form? Maybe not as https://t.co/E2XWtCba96 found out when omitting it didn't result in any chance concerning completion rate and time.

https://t.co/FN4oTCcXC6 design ux ui

[Robert Roose @roose]

The next big thing in web design will be sustainable websites. If you want to dive in right now read Sustainable Web Design by Tom Greenwood.

https://t.co/gJQY1VRz0k #design #sustainable #climate