Posts Tagged: ui

Home » ui

The Magical Number Seven

This article by designer Jeff Davidson is an informative reminder of the well-known observation that human working memory has a capacity of 7 items (give or take 1 or 2). This observation, originally posited by cognitive psychologist George A. Miller in his paper The Magical Number Seven, Plus or Minus Two is a crucial guideline for designing user interfaces. If a user interface contains more than that number of different chunks of information it'll appear cluttered and overloaded to the user, who will ... Read more

Designer Lynx: Curated Links About Design

Designer Lynx is a curated collection of articles and other relevant resources such as design systems, icons, prototyping tools and software for designing user interfaces. Further categories include UI design inspiration and design topics such as colour and typography. Read more

Iconic and Feather: 2 Icon Sets Designed for the Web

With icon fonts such as Font Awesome, Material Design Icons and Glyphicons there's certainly no shortage of icons for use in web applications. Iconic and Feather are 2 alternatives to these widely-used icon collections. The latter is available for free under the MIT licence (a donation will be very much appreciated, though) while the former can be purchased for $129 ($39 for just the Webfont without SVGs) for a single app licence. Both are framework-agnostic and Iconic in particular has been designed from ... Read more

Flex Box Explained with Animations

Flex Box is a fairly new CSS3 layout standard that allows you to have layout elements automatically fit the available space according to layout rules defined in a website's stylesheet. While as of today still a W3C Candidate Recommendation Flex Box is already well-supported by all major browsers. In contrast to tried and true block- or grid-based layouts with Flex Box the onus of defining the exact placement of an element isn't on the designer but the browser. Flex Box therefore is ... Read more

The Noun Project – Building the World’s Visual Language

Today there's certainly no shortage of icon sets and icon search engines (see the list below for a selection of those). These come in different flavours, mostly as icon fonts or SVG files, and can be easily integrated in a website or web application using standard HTML and CSS techniques. A particularly ambitious offering though is the Noun Project. The Noun Project provides a huge collection of curated icons (or rather huge amount of icon collections) created by a large community. Their ... Read more

Jina Anne @ beyond tellerrand 2017 – Design Systems: Real Talk

Jina Anne @ beyond tellerrand 2017: Design Systems: Real Talk from beyond tellerrand on Vimeo. Read more

Codrops – Web design inspiration

Codrops is a blog that shares web design inspiration, trends and techniques. These days when thinking about your next web application's design it can be quite tempting to think "Ah, I'll just use Bootstrap and be done with that.". Although frameworks such a Bootstrap certainly aren't a bad start as they provide web apps with a common ground and predictable UI components - a minimum design standard if you will - they are just that: A start. In order to really help ... Read more

Design & Quantum Superposition

Last year, Hungarian designer Csongor Bartus published a thought-provoking article I've only recently come across. Quantum mechanics and design are two words you don't often see juxtaposed and probably rightfully so. No, I've not gone crazy and I'm not going to go down some weird esoteric "Quantum Design" rabbit hole here. However, Csongor borrows the term superposition from quantum mechanics as a metaphor for an interesting new angle on design for the web: To cut in, let's equip all content with all states ... Read more

A Collection Of Common UX Myths

UX Myths is website on common UX misconceptions like "The homepage is your most important page", "You are like your users" or "Icons enhance usability". The authors shed light on where those myths come from, why they're wrong and what can be done to improve your design process in each case. Read more

UI Movement

UI Movement is a website that showcases user interface designs on a daily basis as an inspiration for your own designs. The designs itself are mostly sourced from Dribbble - the show and tell site for designers. Originally just a newsletter in the vein of an MVP, UI Movement has developed into a fully-fledged website with designs organised in categories such as commerce, dashboard or menu. Read more
Next Page »

Privacy Preference Center

Strictly necessary

These cookies are necessary for the site to function.

PHPSESSID: Preserves user session state across page requests.

PHPSESSID

Statistics

Google Analytics statistics cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

You can opt out of Google Analytics tracking by clicking on the opt-out link in the banner below.

_ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

_gat: Used by Google Analytics to throttle request rate.

_gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

ga-disable-UA-25326096-9: Stores whether you have opted out of Google Analytics tracking.

_ga,_gat,_gid,ga-disable-UA-25326096-9

Privacy

These cookies are used for storing your privacy settings

gdpr%5Bprivacy_bar%5D: Privacy settings have been reviewed.

gdpr[consent_types]: The uses of your data you agreed to.

gdpr[allowed_cookies]: The cookies you allowed us to set.

gaoop_hide_info: Set if you agreed to our use of Google Analytics.

gdprprivacy_bar,gdpr[consent_types],gdpr[allowed_cookies],gaoop_hide_info

Security

We use Wordfence to secure our website against hacking attempts: https://www.wordfence.com/

Cookies set by the Wordfence plugin
To help you understand which cookies the Wordfence plugin sets, when installed on your WordPress site, we have provided the guide below. Wordfence currently sets three cookies and we explain what each cookie does, who will have the cookie set, and why the cookie helps secure your site.

wfwaf-authcookie-(hash)
What it does: This cookie is used by the Wordfence firewall to perform a capability check of the current user before WordPress has been loaded.

Who gets this cookie: This is only set for users that are able to log into WordPress.

How this cookie helps: This cookie allows the Wordfence firewall to detect logged in users and allow them increased access. It also allows Wordfence to detect non-logged in users and restrict their access to secure areas. The cookie also lets the firewall know what level of access a visitor has to help the firewall make smart decisions about who to allow and who to block.

wf_loginalerted_(hash)
What it does: This cookie is used to notify the Wordfence admin when an administrator logs in from a new device or location.

Who gets this cookie: This is only set for administrators.

How this cookie helps: This cookie helps site owners know whether there has been an admin login from a new device or location.

wfCBLBypass
What it does: Wordfence offers a feature for a site visitor to bypass country blocking by accessing a hidden URL. This cookie helps track who should be allowed to bypass country blocking.

Who gets this cookie: When a hidden URL defined by the site admin is visited, this cookie is set to verify the user can access the site from a country restricted through country blocking. This will be set for anyone who knows the URL that allows bypass of standard country blocking. This cookie is not set for anyone who does not know the hidden URL to bypass country blocking.

How this cookie helps: This cookie gives site owners a way to allow certain users from blocked countries, even though their country has been blocked.

wfvt_#,wordfence_verifiedHuman,wfwaf-authcookie-(hash),wf_loginalerted_(hash),wfCBLBypass

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?