Firefox OS 2.0 UI and Design Features
In the tech space there are two definitions of free. Free as in free beer, and free as in freedom. The latter definition is at the core of Open Source communities such as Mozilla. It was also initially...
View ArticleOn Our Radar This Week: Watch Apple, and Intuitive Animations
Welcome to On Our Radar, a weekly round-up of news, trends and other cool stuff from the world of web development. Watch your usability Apple have released development kit information for their new...
View ArticleYour App Failed Because People Forgot about It
Your amazing app idea is finally a reality. Your plan has been executed flawlessly, resulting in a beautiful, functional app. The marketing plan includes a thorough ASO (App Store Optimization)...
View ArticleCustom Events and Ajax Friendly Page-ready Checks
Not so long ago, I built a Chrome extension that lets users export lists from Trello. You can see the short series on how that was done here. That extension had some room left for improvements, though....
View ArticleUI Patterns: What’s in a (User)Name?
When learning to design for the web, there are two lessons that I hold very dear and important. The first one is - Everything is a rectangle It helps to think of everything as rectangles. Take any web...
View ArticleHealthcare UX: When UX Hurts And Even Kills
What is a poor user experience (UX)? It is usually when technology mismatches the user needs. The unfortunate truth is that healthcare is an area often suffering from such poor UX. Healthcare UX issues...
View ArticleChoosing the Best Typography for Your UI
Communication plays a vital role in design. Whether you design websites, mobile apps, or wearable UIs, your creations have to clearly communicate their intent and purpose. And since text does a lot of...
View Article5 Ridiculously Common Misconceptions about UX
User Experience, a.k.a UX, is an obligation upon you rather than an option. It’s a business’s need to ensure conformity to improved product’s interaction and usability. It involves how users feel when...
View ArticleThe Virtual Reality UI: Are We There Yet?
When you think of virtual reality, images of The Matrix or Inception likely come to mind. With the release of the Oculus and other competing devices, virtual reality opens a new frontier for both...
View ArticleIntroducing the Webix Framework
Nowadays there are a lot of frameworks, everyone with something unique. We have AngularJS, Ember, and Aurelia.io. On SitePoint we have covered these frameworks in many occasions: Creating a Next Gen...
View ArticleUsing Customer Surveys to Make Your Product UX Better
Back in the days of shrink-wrapped software, it took months to hear customer feedback. That's not the case anymore. Modern day startups achieve product/market fit through a constant stream of...
View ArticleMaster UX and UI Design for $39
Whether freelance, consulting, or part of a team, a well-rounded and in-demand web designer has to have a good handle on both UI and UX design. Whether you’ve already dabbled in both, none, or one,...
View ArticleCreating an iOS Style Swipe Button for Android
Even if you're never touched an iPhone before, you're probably familiar with the infamous "slide to unlock" button. The original purpose behind this button was to prevent a device from getting...
View ArticleHow to Design Rich Card-Based Layouts with Semantic UI
In 2016, there's no doubt the 'card-based' design pattern is an important instrument in a modern web developer's toolbelt. Cards have been used with great success in most social and sharing websites...
View ArticleHow to Create Responsive Layouts in Sketch (with a Drop of Fluid)
BREAKING NEWS: If you're a Sketch fan, Daniel has just released his first book for SitePoint. Check out Jump Start Sketch! Some of Sketch App's most impressive functionality is derived from the Sketch...
View ArticleUsing ViewPager to Create a Sliding Screen UI in Android
Android provides many UI controls to create beautiful UI screens for your apps. One common UI requirement is sliding between multiple screens. For example, a photo slideshow. Android provides a UI...
View ArticleShiny and R: How to Add Themes and Customize Error Messages
The purpose of Shiny is to provide an intuitive and user-friendly interface to R. R is a highly popular statistical environment for doing heavy data analysis and constructing statistical models, and...
View ArticleReact Storybook: Develop Beautiful User Interfaces with Ease
When you start a new front-end project, the first thing you usually do is create a beautiful design. You carefully plan and draw all of your UI components, as well as each state or effect they may...
View ArticleCustomer Journey Maps: A Day in the Life of a Customer
How do you measure customer engagement? Likes, clicks, and purchases are often the default metrics to turn to, but they don’t tell the whole story. You need to know how much customers feel they’re in a...
View ArticleHow to Build a Tic Tac Toe Game with Svelte
Svelte is a next generation way of building user interfaces. While frameworks like React, Vue and Angular do the bulk of their work in the browser, Svelte takes it to the next level. It does its work...
View Article