Transitions take us from one state to another all the time, many times a day in fact. Most of the time, these transitions feel completely invisible, and until they are taken away we don’t really know they are there. This article discusses transitions and how well-designed transitions can enhance the user’s experience by imparting a sense of control and easy navigation. We will also discuss how poor transitions can impair the user interface.
Read MoreWe’ve been using floats for layout pretty much since we left tables behind. It’s a quirky solution that can often cause troubles, but if you know what you’re doing, it works. One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to inline-block.
Read MoreToday we’re going to create an awesome faux 3D text effect with pure CSS and then see why it’s a lot easier to do it with the color operations in Sass or LESS.
Read MoreBy applying the Display: None class to an element you've immediately made that content "inaccessible" by screen readers. You've probably known this forever, but still the poison apple sneaks into our code once in a while.
Read MoreThis tutorial will show you how to create a notebook themed website using only CSS. First, we will create a basic wrapper by specifying the body tag CSS properties. Next, we will make an unordered list and edit its properties.
With CSS3, you can transform the appearance of Web page elements. The skew transform allows you to skew a particular element or group of elements, by supplying a number of degrees to skew along the X and Y axes. Your code needs to be tailored to the specific browsers supporting CSS3 and you do, of course, need to remember that not all browsers support these properties yet.
Read MoreWith this article the author shows you an introduction into organizing the different aspects of design into layers, from the perspective of a design centric CSS concept. It’s also here to push you a little into looking deeper into each of the 3 topics.
Read MoreThe year 2012 has kicked off with a booming design and web industry. More developers are entering the web than ever before and it’s the perfect time to brush up on your coding. These tutorials are fresh off the presses and will help you catch up on all the latest HTML5 & CSS3 trends. With just a bit of practice you can pickup on all these skills and really improve the quality of your coding standards.
Read MoreWhen declaring certain CSS properties, you have the option to use either the longhand, explicit declaration of a single CSS property, or a single-line shorthand declaration that combines a number of properties. Let’s look at how shorthand works with some common examples, and some of the quirks associated with CSS shorthand.
Read MoreThe Universal (*) Selector On can be useful when working on many different projects. This article shows some properties that might be suitable for applying to all elements on the page.
Read More