UI & UX

User Interface & User Experience. The 'look and feel' of a site or application.


Sites: Client Technologies & Techniques

Design

UI: Responsive (mobile-first) web design using Bootstrap.

Code

Javascript, JQuery, Angular.js (1 & 2), KnockOut.js

Sites: Server Technologies & Techniques

Frameworks & apis

Javascript: Node.js, express.js etc.
Microsoft: IIS, ASP.MVC, Entity Framework, WebAPI.
Others: PHP, Linux Apache.

Databases

Mongo, SQL Server, MySQL.

Sites: Components

Client & Server-side

Authentication: Passport.js (local & social authentication), JWT (mobile).
Exception handling, logging, flash messages, notifications, email.

Accordion

A method of displaying a lot of information in a compressed-expand form.

Accordion

Images

Images are an important part of your site.

Slider: Image Slider.
Effects: Light Box: Light Box.

Forms

Forms are where your users or visitors enter data to be returned to the server. You will find various forms used throughout this site.

A Profile Form
A Contact Us' Form
Incident Application (MVC5)
Incident Application (+jQuery)

Dialog Boxes

Dialog boxes are used to inform or offer choices.

Dialogs & Alerts

Wizard

A Wizard walks the user through a series of tabs until an end-point is reached.

Wizard

Maps

A map shows the world where you are, or locations & things you want visitors to see.

Hook into services provided by Google & Microsoft.
Google Maps
Bing Maps

Grids

Cards

Data can be presented as Cards (as in product presentations) & right here.

JQuery DataGrid

Pages

Page Layouts & Themes

Layout
Themes

Products

Product Display Options

On an e-commerce site there are may ways to display products
Simple Cards
Cards with Side Panels
Plain Cards with Side Panels

Navigation

Navigation Options

Menus: Menus
Slide-In: a slide-in menu is used in this site.