The Laws of UX Design

When designing a User Interface, whether it is for a website or an application, there are many rules that can help you evaluate if the design will work or not. Using these rules of course isn't mandatory, but the principles behind it are proven. So it's a good thing to know them and use them especially when you are stuck on a design. Or when you are in doubt of what would work best. Jon Yablonski created a website, Laws of UX, where he brings together the most common principles. [More]

Sign here please

Occasionally you might need the user to add a signature to a document. There are several services for this, but you can do it just as easy with HTML5 canvas and a bit of Javascript. Once the signature is on the screen, you can then save it using Javascript and a WebMethod in your code behind. [More]

Swipe UI with PostBack Actions

With the rising use of touch-enabled devices, it might be nice to add some swipe functionality to your application. For this you can add jQuery or some other Javascript libraries especially designed for this. But you can also use plain vanilla Javascript. This gives you the benefit of completely controlling the actions that should be taken after the swipe is done. Here's a Javascript that will detect left, right, up or down swipes on an element. [More]

5 Creative CheckBoxes using CSS

CheckBoxes are what they are, a box that can be checked or unchecked. In most cases, it works so dev [More]

Setting up a color scheme for your application

Picking the right colors for your application can be tricky. All too often I see CSS files with many different colors throughout the CSS. This is not only hard to maintain, it might also lead to an inconsistent design. Using CSS variables is a great way to avoid ending up like this. Especially if you start with setting up a color scheme before you start coding and styling. [More]

Set CSS Variables using Javascript

CSS is the standard way to define the styling of your applications. Unfortunately a CSS file is rather static and before you know it there is a lot of duplication. But nowadays CSS supports the use of variables to make it easier to maintain the value of let's say a specific color in just one place. And to make things even more interesting and useful, you can use Javascript to dynamically change the values. [More]

Numbering of Text using CSS

When you have a long text with headers and maybe sub-headers even, it would make it more readable if the headers where numbered. If you want to make your text more readable, you can make use of the counter and counter-increment in your CSS. [More]

Redesign a table for Mobile with CSS

This will show you how to completely redesign a table for mobile. Without changing the HTML with just plain CSS. [More]

Frontend Development: Skills you need

Previously we posted about the stuff you need to get started as a Frontend Developer. So once you have that, where to go next? What skills do you need to acquire and how to go about to get them? Here's a lot of tips on that topic to get you started. [More]

Frontend Development: Stuff you need

To start doing some Frontend Development used to be quite expensive. With all the tools needed to do just the basics. Fortunately that has changed. Nowadays all the tools you need are absolutely free and easily available. In this post we will explain which tools you need to get started doing Frontend Development using the Essence Framework. [More]