UI patterns
User interface patterns are the hardware and software systems by which people interact with machines. The communication between man and machine exists within input and output. Learn about existing UI patterns with updated news, articles and tips in this topic section.
Top Stories
-
Tip
10 Jan 2022
Using the BFF pattern to keep UIs flexible and reliable
BFF is a simple design pattern that can help developers address UI-related challenges, such as problematic coupling, overfetching of data and inconsistent error handling. Continue Reading
-
Tip
08 Dec 2017
What's the best image optimization for web and mobile apps?
When it comes to images and application development, the optimization opportunities are endless. Expert George Lawton outlines the choices and the challenges. Continue Reading
-
Definition
17 Feb 2020
HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) is a text-based approach to describing how content contained within an HTML file is structured. Continue Reading
-
Tip
08 Dec 2017
What's the best image optimization for web and mobile apps?
When it comes to images and application development, the optimization opportunities are endless. Expert George Lawton outlines the choices and the challenges. Continue Reading
-
Feature
28 Aug 2017
Improve your user engagement metrics with emotional analytics
Find out how new emotion analytics algorithms are bringing feeling, emotional connection, and engagement to modern apps. Continue Reading
-
Feature
25 Jul 2017
Will voice user interfaces usurp the traditional UI?
It would appear that innovation has stalled in terms of mobile and desktop user interfaces, which is why voice user interfaces might be the future for application interactions. Continue Reading
-
Feature
27 Oct 2016
SVG graphics and HTML5 key to creating consistent UIs across devices
Find out how new libraries and tools promise to bring a consistent UI with SVG graphics in HTML5 development. Continue Reading
-
Feature
25 Oct 2016
JavaScript framework AngularJS continues to simplify UI development
The easiest way to simplify UI development? Use a powerful JavaScript framework like AngularJS. Continue Reading
-
Feature
12 Sep 2016
How a DevOps process can drive better end user experiences
While many organizations adopt a DevOps process to improve deployment and integration, the benefits extend right through to the user experience. Continue Reading
-
Tutorial
25 May 2016
Portlet tutorial: Defining and namespacing JavaScript objects
A great deal of frustration can ensue when referencing JavaScript objects within a portlet. Defining a namespacing JavaScript component properly will help avoid that. Continue Reading
-
Feature
25 May 2016
A technical expert's guide to software product design
When initiating a new project, there are a number of dos and don'ts when it comes to software product design you need to be aware of. Continue Reading
-
News
08 Apr 2016
Designing Web apps and Web UIs for software developers
Interested in designing Web apps? Here are some UX design tips that will garner them great feedback when they finally test the Web UIs they develop. Continue Reading
-
News
22 Mar 2016
Reactive programming is all the rage at Fluent 2016
Find out why Microsoft's Matthew Podwysocki said he believes good reactive programming means developers embrace the Observable design pattern and create reliable, asynchronous systems. Continue Reading
-
Feature
14 Dec 2015
A Google promise to be fulfilled: Good emulators for Android developers
One of the biggest challenges in developing Android applications is the frustration of working with slow and unresponsive emulators. At Google's Android Dev Summit, a promise has been made to fix that. Continue Reading
-
Feature
10 Dec 2015
These new features in PHP 7 will convince you to do an upgrade
There have been some significant improvements to the PHP language. In this article we show you how to take advantage of them, and potentially convince you to do an upgrade and migrate to the new version. Continue Reading
-
Feature
09 Jul 2015
Addressing the SPI performance issues you don't realize you already have
New frameworks like Angular and Ember make creating applications with a single-page-interface (SPI) easier than ever. But quite often the performance feedback never gets back to the server, especially given the fact that all of that code runs on the client. Here's how to deal with the SPI performance problems you didn't know you had. Continue Reading
-
Tutorial
04 May 2015
How to invoke a JSF managed bean asynchronously through JavaScript
Sometimes great frameworks like JSF, Wicket or Spring MVC make simple tasks surprisingly difficult to do. With JavaServer Faces, the simple task of invoking a method on a managed bean is actually a bit of a chore. In this tutorial, we tackle that chore together. Continue Reading
-
Tip
26 Mar 2015
Successfully managing software quality with growing, globally distributed teams
Successfully managing a software project is always a challenge, but when a project grows into a globally distributed development effort, application lifecycle management (ALM) becomes a real challenge. So how does Liferay, an open source, enterprise portal do it? Senior software architect Ray Auge tells us how. Continue Reading
-
Tutorial
20 Jul 2014
Integrating Ajax into your Facelets pages: Death to JSF's request-response cycle
If you're doing Facelets development, this might be the most important tutorial you will ever read. It will explain to you how to throw out that annoying request-response cycle, and explain how to integrate Ajax based JSF components with a dynamically re-rendering Facelets page snippet. Continue Reading
-
Tutorial
20 Jul 2014
Creating pages based on a JSF template: Using the Facelets ui:define tag
What do you do once you've set up a handsome page template using the Facelets functions that come with JSF 2.x? Well, you start creating new pages, meshing those ui:define tags in with ui:composition and ui:insert. It's easier than it sounds, trust me. Continue Reading
-
Tutorial
19 Jul 2014
Turning a web page into a JSF 2.0 template with Facelets
How do you take a web page and turn it into a template using Facelets as the template engine? It takes some JSF, some HTML, maybe some CSS, and lots of JSF UI tags, but overall, it's an easy and simple process if you follow this tutorial. Continue Reading
-
Tip
18 Apr 2014
Software architecture: Five things every developer should know
Learn five things every developer should know about software architecture for present-day technologies. Continue Reading
-
Tutorial
17 Feb 2014
Tutorial: Coding a simple Rock Paper Scissors application in JavaScript
Rock, paper scissors, or Rashambo as it is called in some circles, is a simple game that most people understand, which makes it a great scenario for learning how to program in JavaScript. Continue Reading
-
Tutorial
17 Feb 2014
A simple tutorial on using the JavaScript event model
To be great at JavaScript languages like JQuery, Dojo and YUI, you must master the basics of JavaScript. Here we look at implementing a simple Roshambo application using the JavaScript event model. Continue Reading
-
Tutorial
30 May 2013
JSR-286 Development Tutorial: JSPs, MVC and the portlet tag library
This JSR-286 tutorial demonstrates how to develop JSPs, using the portlet tag library, that comply to the MVC design pattern. Continue Reading
-
Tutorial
17 May 2013
JSR-286 development tutorial: Mastering request-response programming
This portlet programming tutorial shows how the PortletRequest and Portlet Response are used when developing JSR-286, request-response based apps. Continue Reading
-
Tutorial
16 May 2013
JSR-286 development tutorial: An introduction to portlet programming
This portlet programming tutorial is an introduction to developing JSR-286 applications that can be deployed to any standards-based portal server. Continue Reading
-
Feature
08 Apr 2013
Simplified cloud-based application development with Node.js
Cloud-based application development with Node.js allows for one simple and scalable technology to be used on both the client and the server. Continue Reading
-
Tutorial
13 Mar 2013
Mobile application development tutorial
Looking for a start in developing mobile apps for existing enterprise computing systems? This mobile application development tutorial is here to help. Continue Reading
-
News
11 Dec 2012
How Amazon discovered hybrid HTML5/Java Android app development
While their early approach to hybrid HTML5/Java Android mobile apps may have had a few hiccups, Java developers can still learn from it. Continue Reading
-
Feature
18 Oct 2012
Web page performance: Removing the white flicker delay
Looking for ways to improve the performance of web page rendering and removal of the white flicker that often occurs when a web page loads? There are many tweaks and tips commonly talked about regarding web page development – from design to the final deployment of an application. However, most of the end user's time is spent on the front end, hence from the user's perspective the most promising area to look for improvement is with the web page and how speedily the web pages loads when user clicks on a link or URL. Continue Reading
-
Feature
26 Sep 2012
Accelerating mobile development with PaaS, SaaS and IaaS
Mobile development teams are finding success by leveraging various cloud services in order to make application development easier. Continue Reading
-
Feature
26 Sep 2012
Modern mobile development techniques: The Y-shaped methodology
To support all of the platforms in the mobile space, Agile teams are realizing that a Y-shaped methodology is best for mobile development. Continue Reading
-
Feature
26 Sep 2012
Top five ways cloud computing impacts mobile application development teams
To accelerate time to market, mobile application development teams are relying heavily on these five cloud computing services. Continue Reading
-
Feature
21 Sep 2012
Embedded architecture accelerates mobile application development
Mobile application development projects succeed at getting products to market quickly. The reason behind the speed? It's all about the architecture. Continue Reading
-
Feature
20 Mar 2012
Ten Reasons to Love Liferay
Summing it up, if you are launching an enterprise portal project, you certainly should consider using a portal product as the foundation Continue Reading
-
Tip
10 Feb 2012
Rich user interface design affects application success
Use rich user interface design to encourage end users to engage with the application and maximize its useful potential. Continue Reading