Posts tagged Design

RainyMood.com – A design breakdown

RainyMood.com.

Rainy Mood is a great, and relaxing website. What does it do? It plays a fifteen minute loop of rain OVER and OVER again. That’s it! How simple.

Why am I even bringing this page up? DESIGN!

Read the rest of this entry »

kuler – Adobe’s version of Color Scheme Designer

kuler

Kuler is a great tool for all designers. It’s really similar to the Color Scheme Designer in the aspect that it composes several colors for you to use in your design.

It has several other features that make it even BETTER than CSD but there are tons of features missing too. Let’s start with the good stuff

Read the rest of this entry »

Mobile Websites (tips)

I’ve recently started working on some mobile websites. You’ll notice that davepcguy.com has its own mobile alternative as do some other sites. Mobile devices are growing in number and gone are those days when internet was viewed only on the computer screen. WAP is not even used either so that old school coding is gone too.

These days, almost everyone has an iPhone or a BlackBerry, or a Palm device. Some of us even have other devices like PSPs, tablets, and others that require quite a bit different formatting. Here’s how to go about making your mobile website.
Read the rest of this entry »

CSS3 Lesson 3: Background Information is Essential

Let’s have a look at backgrounds. In the previous two tutorials, I’ve covered borders and opacity. In this tutorial, we’ll cover some of the basic CSS3 additions to the background properties. If you have no idea how to deal with backgrounds in CSS, read my tutorial on backgrounds pre-CSS3. CSS3 is gaining momentum in the Web development world and many properties are already supported by most browsers (Firefox, Konqueror, Safari, and Chrome) as well as some minor browser (Opera). If you want to stay on top of the game, you have to learn the new stuff and employ the new techniques you’re presented with.

In this tutorial, I’m going to cover:

  • background sizes
  • multiple backgrounds
  • background origin/clip

Read the rest of this entry »

CSS Lesson 6: Intro to Divs

Alright, alright. So I skipped all that fuss with horizontal navbars but that stuff is easy so I’ll create a short article on it later.

Let’s start with the <div> tag. It’s what I’ll be covering. Making use of div’s with CSS. You’ll need to know the following before we start the lesson:

If you don’t how to add CSS to your website, check out my CSS Intro tutorial and CSS Lesson 1.
Read the rest of this entry »

Switch to our mobile site