Explore the Articles

Design

Compilation of Christmas Design Resources

Here we’ve compiled more than sixty fantastic Christmas design resources, including fonts, icons, vectors, and even Photoshop brushes. These can serve as a great jumping-off point for creating your own unique designs without having to start entirely from scratch.

Read More
CSS

Experimental CSS3 Animations for Image Transitions

The author shows some experimental 3D image transitions that use CSS3 animations and jQuery. Note that the 3D effects will only work in Webkit browsers because the animations were created with CSS3 3D Transforms for Webkit only.

Read More
CSS

Create Progressively Enhanced 3D CSS Rollovers

Here we'll take a look at using CSS, 3D CSS transformations, transitions and CSS animations to create some great rollover styles without telling people that they need to have certain browser. Instead, we'll fall back to a plain rollover for all CSS capable browsers. For brevity's sake we won't have all browser prefixes in the code examples here.

Read More
CSS

What’s the Difference Between Classes and IDs in CSS?

When applying CSS styles to an element in your HTML, you’ll be using different CSS selectors to target your elements. Two of the most common selectors used in CSS are the “class” selector and the “ID” selector. There are many others, but this post will focus on these two.

Read More
CSS

Four Simple and Fun CSS Button Hover Effects

In this tutorial the author is going to take a step back from advanced discussions about CSS preprocessors and return to some good old basics. He works up four super simple CSS buttons, each with a unique animated hover effect.

Read More
JavaScript

The Script Tag

Authors should not specify a language attribute on a script element. If the attribute is present, its value must be an ASCII case-insensitive match for the string "JavaScript" and either the type attribute must be omitted or its value must be an ASCII case-insensitive match for the string "text/javascript". The attribute should be entirely omitted instead (with the value "JavaScript", it has no effect), or replaced with use of the type attribute.

Read More
JavaScript

Open a Window with Full Size Unscaled Image

The author opens a window which displays full size unscaled image. It is the exact size needed to fit the image. Quick, easy, and perfectly good UX. This solution is suitable for web galleries where you need to show the images at their original size.

Read More
Design

Templates and Grid Systems

In this article, we will cover some important issues and introduce some tools for you to use when designing a website. Just keep in mind that as in the print sphere, the web sphere contains a multitude of choices for design as well as development. This is only one method and we are attempting to come from more of a designer angle rather than a developer one.

Read More
CSS

Item Blur Effect with CSS3 and jQuery

Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of “focus” effect that drwas the attention to the currently hovered item.

Read More
Photoshop

50 Free Seamless Pattern Sets

In this post you will unearth all types of assorted patterns; for example fabrics, arithmetical shapes, fancy, retro, vintage, grunge, swirls, lines, paper… and much more. We are fairly certain that this vast a collection should be able to satisfy any and all of your pattern cravings. Each set in this compilation contains a variety of popular formats such as .ai, .eps, .pat, .png, and .jpg.

Read More
Newer articles Older articles