One the most common question we get in the industry is “ Whether the UX & UI are the same ? “. So the simple answer for this is “NO” and UI is just a part of the UX.Simple way of defining UX & UI is. UI is what you see & UX is what you feel.So What is User Experience Design?“User experience design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product.” - WikipediaThe UX role is complex, challenging, and multi-faceted involving part marketer, part designer, and part project manager.So what the job role does?UX involved in the process strategy, content, wireframing, prototyping, executing, and analytics etc … Competitor Analysis Customer...

This documentation guide covers an easiest way to start writing a language extension for adobe brackets.STEP 1: Navigate to brackets extensions folderSTEP 2: Create folder inside user folder with a custom namee.g. extensions/user/<custom-extension>/STEP 3: Create 2 files in it as belowe.g.extensions/user/<your-extension>/main.jsextensions/user/<your-extension>/package.jsonSTEP 4: Here is an sample package.json file{ "name": "<your-extension>", "title": "<Your-Brackets-Extension>", "description": "<Your-Brackets-Extension-Description>", "version": "1.0.0", "author": "Name <name@email.com>", "license": "<MIT>", "engines": { "brackets": ">=1.6.0" }}STEP 5: And finally main.js should b e something like thisdef...

This documentation guide is about how to change ‘Dashboard Server’ dashboard view look and feel.STEP 1: Navigate to Dashboard Server portal app :root folder<wso2ds-x.x.x>\repository\deployment\server\jaggeryapps\portal\STEP 2: Create a theme folder in ~\extensions\themes\ with a custom name.See the example folder structure below, Tip: Duplicate the ~\extensions\themes\basic folder and rename it with a custom name ( Basic folder contains a start-up folder structure ).portal│ jaggery.conf...├─── extensions│ ...│ └─── themes│ ├─── basic│ └─── <custom-theme>...└─── themeSTEP 3: Navigate to ~\configs\ and open the designer.json file using a text editorand update the theme folder name there.{ ... "authentication": { "activeMethod" : "custom-the...

Why dark color backgounds?Darker color scheme is oftenly used in softwares that focuses heavily on visual content. ( e.g Dashboards/Insights ).For example Adobe Lightroom, Adobe After Effects and Microsoft Expression Blend are interfaces that have a dark color theme. This allows the interface to fade into the background and let the content come alive. Why is it not widely used?Because it depends on the crowd/users. As this very subjective. For these applications, it tends to work out great but many people don’t like dark interfaces. At my company I created an interface for a very complicated piece of software using a dark UI. It helped to simplify everything and bring attention to the necessary elements at specific times. The problem was, a lot of people complained. “It’s too dark,” “i...

Creating websites for you and your projects on GitHub is very easy. Also GitHub is powered by Jekyll, which means you can also have your static bloghosted in GitHub is few clicks away!To geeting started: of cause you should have a GitHub account. Just follow the steps below.you can also find these steps at: https://pages.github.com/Creating GitHub.io repositorySTEP 1: Create a repositoryHead over to GitHub and create a new repository named , where username is your username (or organization name) on GitHub.e.g. jeradrutnam.github.ioSTEP 2: Clone the repositoryGo to the folder where you want to store your project, and clone the new repositorygit clone https://github.com/username/username.github.ioSTEP 3: Add you website filesGo to the cloned repository folder (e.g. username.github.io) and...