Bootstrap material design

Material Design Bootstrap 4 UI Kit

This is a bootstrap 4 UI kit and website template inspired by Google's material design. It is best suited for a business, agency, corporate, startup and portfolio websites. It is also easy to customize and comes with Sass files and organized code which makes it developer friendly. Source: Material Design Bootstrap 4 UI Kit

Advertisements

The 15 coolest interfaces of the year

It was the year when self-driving cars got  boring . When iPhones became  confusing . When the army spent $480 million on Microsoft Hololens headsets. When we finally got to see the long-awaited Magic Leap…and it was a dud . When virtual reality headsets like Oculus Go had their cords cut from bulky tower PCs. Source: … Continue reading The 15 coolest interfaces of the year

How Great User Experience = High Conversion Goals

User Experience experts have logged countless hours learning about human behaviour and typically asked questions to discover unique attributes for the customers. Frequent queries have raised for UX design to understand the customer needs. Source: How Great User Experience = High Conversion Goals

line layout with heading

Visual design tip – line containers used to highlight and contain text

I maintain a digital visual diary in which most days I try to spend some time looking a visual design technique used in all types of medium.  I have a subscription to Press Reader which allows me to access hundreds of magazines from around the world.  Any design elements that I like I take screenshots and snippets from magazines or websites that I visit.

Benefits of Parallax Scrolling

The Benefits of Parallax Scrolling

One of the best methods to present the content of your website is by using a technique called parallax scrolling. This has the effect of creating an illusion which causes a feeling of immersion by creating interesting visual effects.  In the late 1980's and early 90's, games like Super Mario Brothers and Sonic the Hedgehog created the illusion of depth by incorporating layered background images that would scroll with the character at varying speeds.  For instance, as the player would run, a distant background image of mountains would move slowly, while closer background images would move faster.

Website Testing – Responsiveness

I am finishing off a website template that I  have been building.  The website is for dog obedience training, and I am in the process of testing it responsiveness.  Responsive web design is an approach to web design that responds to user's behaviour based on the device or the screen size that they prefer to … Continue reading Website Testing – Responsiveness

Responsive version for the contact page

Here is how the responsive version of the "Contact Us" page looks like. Use this link to view the desktop version. The idea is simple - to show the most important information within the screen of portable device and make it look nice. Source: Responsive version for the contact page

African Masked Weaver

Usability Best Practices for Web Design

Usability is a website that is easy for users to find the information they need when they need it.