UI / UX Design Forum

## Introduction ## Ever since the dawn of programming, we have had the luxury of variables, OOP, functions and other lovely tools within our languages. CSS is arguably the easiest language to ever pick up, with everyone having to learn it’s basics. However, it lacks any power, as we have …

In this tutorial I am going to be going over subsurface scattering, sometimes considered as the holy grail of 3D rendering, in blender cycles. **So what is SSS and why is it important?** 'Subsurface scattering (or SSS), also known as subsurface light transport (SSLT),[1] is a mechanism of light transport …

In this tutorial I will be showing you how to create the perfect studio lighting for your 3D models in blender3D. I am going to assume you know how to use the interface. **Introduction** Now in the past blender was well known for being crap at rendering and most professional …

In this tutorial you will learn how to create a simple menu using Flash, while the menu items themselves will be imported from an XML file called menu.xml. 1. Start by creating a new flash document which can be called anything you like as long as the size is set …

In this tutorial you will learn how to turn your images into something more like a real photograph by simply adding a white frame to them. What’s more, the tutorial is easy enough for those new to Photoshop to be able to create something impressive, and create it quickly. First …

This tutorial will teach you how to create a transparent navigation bar for your website, similar to the navigation at the Microsoft Vista [URL="http://www.windowsvista.com/"]website[/URL]. 1) Start by creating a new image in Photoshop with a height and width of 700*70px. 2) Filling the first layer with a dark background makes …

Although forms are one of the most boring elements of any website, styling them can be a dangerous business. All too often it is forgotten that the way a form looks will impact greatly upon what the user uses it for. Change the style too drastically and the user might …

In this tutorial you will learn how to create a stylish looking content box for your website. Before you start, however, you will need to have two custom patterns which should each be from a 5*5px image that just has a pencil line drawn diagonally across it. You need to …

This tutorial will explain how to code a perfectly cross-browser compatible, single-level drop-down menu for your website. The first thing you are going to need is a little bit of JavaScript courtesy of Suckerfish. This should be placed in a file called menu.js and saved in the same directory as …

This tutorial will enable you to create a tabbed navigation bar to use on your website. 1) Open PhotoShop and create a new document with the size 670*70px. 2) Grab the rounded rectangle tool and draw a rectangle on the canvas, you will need to set the radius to 5px. …