Roland Loesslein

46 Flips | 1 Magazine | 11 Followers | @weaintplastic | Keep up with Roland Loesslein on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Roland Loesslein”

The Role of Utility Classes in Scalable CSS | David Clark Develops the Web

Lately, I’ve been thinking about how to write <i>scalable</i> CSS. Not so much about how to pull off snazzy effects, or take advantage of the latest modules, …

Introducing Solid

After eight months of hard work, we’re so excited to announce that we’ve recently launched Solid, BuzzFeed’s CSS and component library. It’s been an …

UX Design Process Best Practices

Documentation to Move Design Forward<p>Forget deliverables: know only the most useful UX processes & documents.<br>• Know documentation best practices for …

Front End Frameworks - are they accessible

Web Animation Review – Modals

Web Animation Review: Modals – All The Right Moves Screencast from val head on Vimeo. Modals! They’re everywhere on the Read full article...

atozcss.com

Design patterns

There are various design patterns used in UX Design practice. <b>User Interface Design Patterns</b> are used to choose the right input type, form validation …

Seriously, Don’t Use Icon Fonts

Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. …

Freelance front-end Web developer, author speaker

Published Nov 24, 2015 | ~ Reading Time: 26 mins |<p>SVG can do much more than display static images. Its animation capabilities are one of its most …

Getting Started with Redux

In this comprehensive tutorial, Dan Abramov - the creator of Redux - will teach you how to manage state in your React application with Redux.<p>State …

No UI is the New UI

<i>On the rise of UI-less apps and why you should<br>care about them as a designer.</i><p>October 23, 2015 • 8 minutes read<p>A couple of months ago, I shared with my …

How to animate "box-shadow" with silky smooth performance

How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short …

Design-Thinking: Warum Gestaltung im Unternehmen ein Schlüssel zum Erfolg ist

Egal was ein Unternehmen anbietet: Technologien, Lösungen und Leistungen sind oft auch bei der Konkurrenz zu finden. Wie kann man sich trotzdem …

Copywriting principles that will make new users love you

It doesn’t matter if you’ve created a valuable product experience and a beautiful visual flow to help users get started. If you fill that flow with …

The Cost of Frameworks

I recently delivered a talk at FFConf in Brighton, called "You should use <insert library / framework here>, it's the bestestest!". I wanted to do a …

JavaScript

Legibility, Readability, and Comprehension: Making Users Read Your Words

<b>Summary:</b> Users won’t read web content unless the text is clear, the words and sentences are simple, and the information is easy to understand. You …

How Our CSS Framework Helps Enforce Accessibility

Spot the difference….You can’t! To a sighted user it appears we have two identical button elements.A user interface control not only needs to <i>look</i> …

Misused mobile UX patterns

If you are an experienced designer, you probably agree that being inspired by others is not stealing in UI design. It’s best practice research. It’s …

Patterns for scaling CSS

How we write CSS has changed a lot in the recent years. Many developers do not write vanilla CSS at all anymore, BEM seems to be the industry …

Performance snapshot: Ryanair’s 2015 redesign

Discount airline Ryanair recently updated their site, which has seen some vast design improvements. The new site has a far more reserved colour …

Which Chekhov character are you? Chekhov's Readings with Google and MXT.

and Chekhov Theatre Presents<p>Chekhov is Alive<p>при поддержке Российского Книжного Союза<p>Chekhov is Alive withand МХТ им. А.П. ЧЕХОВА<p>On September 25th, …

Playwrights

From Pages to Patterns: An Exercise for Everyone

Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The …

UX Design Webinar

Fireside ChatLessons from design leaders: Design and development collaborationJames Ferguson, Mayra Vega–hosted by Aarron Walter2018 Episode 72 …

Copywriting for UX

<i>Notes (and pleas) from a former copywriter-turned-UX designer.</i><p>I love finding and making narratives. Over the last five years, I’ve worn a bunch of …

Adobe XD: Designing with Real Data

Earlier this month we announced Adobe XD (formerly called Project Comet) to the world and the reception has been tremendous. The team and I are …

props vs state

Ever since we started using React to rebuild our UI at uberVU (now Hootsuite) the #1 developer question has probably been:<p>What's the exact difference …

Lessons learned while designing a timeline

Timelines are everywhere, especially in social media: <b>Facebook</b> is a timeline of your life; <b>Twitter</b> is a timeline of your microblog musings; <b>Path</b> is a …

An opinionated guide to React.js best practices and conventions

I’ve been using React.js for a little while now, both in my 9 to 5 job and for my own projects, and during that time I have started evolving my own …