Tag Archives: ui

Responsive UIs in React Native

June 15, 2018 by Bramus! Leave a comment

On the web it is – by now – obvious that you make your website responsive (*). Using a listener listening to the change event of the Dimensions API, it’s also possible to implement this kind of behaviour in React … Continue reading →

Elsewhere , , , Leave a comment

React Native Parallax Scroll Header with Tabs

June 1, 2018 by Bramus! Leave a comment

Nice writeup on how to create a typical screen where there’s a header image that fades out and disappears as you start scrolling. Essentially, everything but the header is put into a scrollview. In order to keep elements ‘fixed’ (i.e. … Continue reading →

Elsewhere , , , , , Leave a comment

PanelKit 2.0

December 14, 2017 by Bramus! Leave a comment

Version 2.0 of the aforementioned PanelKit. PanelKit is a UI framework that enables panels on iOS. A panel can be presented in the following ways: Modally As a popover Floating (drag the panel around) Pinned (either left or right) This … Continue reading →

Elsewhere , , , Leave a comment

Better Cross-Platform React Native Components

November 28, 2017 by Bramus! Leave a comment

Good article by Nick Wientge on correctly creating Cross-Platform React Native Components: In this post we’ll look at some tools and techniques we can use to make our components look right at home on both iOS and Android — without sacrificing code … Continue reading →

Elsewhere , , Leave a comment

NativeBase – Cross-Platform UI Components for React Native

October 25, 2017 by Bramus! Leave a comment

NativeBase is UI component library for React Native, which comes with a great list of Components for easy use. The Components are constructed in pure React Native platform along with some JavaScript functionality with rich set of customisable properties. These … Continue reading →

Elsewhere , , Leave a comment

PanelKit, a UI framework enabling floating and pinned panels on iOS

February 22, 2017 by Bramus! 1 Comment

Great stuff by Louis D’hauwe, a former student of mine: PanelKit is a UI framework that enables panels on iOS. A panel can be presented in the following ways: Modally As a popover Floating (drag the panel around) Pinned (either … Continue reading →

Elsewhere , , 1 Comment

Date/Time Input Types coming to Firefox

January 16, 2017 by Bramus! 1 Comment

Date/Time Input Types are coming to Firefox, and I must say they look quite good too (as a reference: here’s how Chrome implemented this): The implementation also looks familiar, doesn’t it? 😉 The date/timepickers are currently locked behind a flag … Continue reading →

Elsewhere , , 1 Comment

Blueprint React UI Toolkit

November 22, 2016 by Bramus! Leave a comment

Blueprint is a collection of React UI components, covering the majority of the common interface elements, patterns and interactions on the web. Using Blueprint ensures that you’ll end up with an elegant, easy-to-use UI, freeing you to focus on building … Continue reading →

Elsewhere , , , Leave a comment

Redesigning Chrome desktop

September 23, 2016 by Bramus! Leave a comment

In the beginning of this month of September, the new Chrome Core UI redesign, or so called “Chrome MD” (for Material design), rolled out on Windows as part of our 53rd update. It is the last step of a three … Continue reading →

Elsewhere , , , Leave a comment

Three “buckets” of UI animation

January 6, 2016 by Bramus! Leave a comment

Functional: Make sure your animation solves the user’s need first Material: Design consistent UI layers that allow spatially meaningful transitions Delightful: Give your animation some love, and your user will love your product back! Jedi Principles of UI Animation →

Elsewhere , , , Leave a comment