Browsing Category

HTML & CSS

Sort by

Create Your Own Reset.css File

Weekend Quick Tip: Create Your Own Simple Reset.css File

on Aug 8th 2008 with 74 comments

Far too many novice CSS designers don’t realize the importance of creating a “reset.css” file. When you have an environment where each browser has its own “default” styling, you’ll often find yourself thumping your skull as you ask yourself, “Why is there a spacing here?” To save yourself some of the headaches that you’ll undoubtedly experience, you’ll need to create your own simple reset file. The problem with using one of the many currently existing frameworks is that they aren’t tailored specifically to you. For example, I never use the deprecated “center” element in my projects. Consequently, I don’t need to put it into my default styling. However, others may need to do so – though they would deserve a slap on the wrist…or the buttocks if you’re so inclined.

(Continue)

Flex Your Images

The Weekend Quick Tip: Flex Your Images

on Aug 1st 2008 with 41 comments

One glaring reason why many developers have chosen fixed-width over elastic sites is because using inline images can destroy the layout of a site – much like a stampede of cattle that repeatedly kick you in the groin. It just isn’t fun at all. Sure, you can specify their widths using percentages or ems, but those methods aren’t ideal. In such instances, why not try using the background technique?

(Continue)

Solving 5 Common CSS Headaches

on Jul 22nd 2008 with 111 comments

CSS is a relatively simple language to learn. Mastering it, on the other, can prove a little more difficult. Compensating for various browser inconsistencies alone can produce a migraine. In this article, we’ll demystify five of the most head thumping issues that you’ll encounter when building web applications.

(Continue)

Build Seamless, Fully Functional Forms with No Coding

on Jul 4th 2008 with 51 comments

Forms are the backbone of the interactive web, but as a non-programmer, they’ve always been a bit troublesome. Being the lazy designer that I am, I always look for ways to make my life easier. So today I’m going to show you how to use a form building service called Wufoo to make forms that fit right into a website, completely seamlessly – that is to say, the user shouldn’t be able to tell that you’ve used Wufoo at all, not through the design or the web address.

(Continue)

Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework

on Jun 28th 2008 with 73 comments

When Collis launched this site and asked readers for tutorial requests, a common one was for a “magazine themes” how-to for blog platforms. This tutorial focuses on the first part of the process: applying a CSS grid to the design to prototype a home page template.

(Continue)

Creating a Floating HTML Menu Using jQuery and CSS

on Jun 26th 2008 with 196 comments

For all of us who deal with long web pages and need to scroll to the top for the menu, here’s a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it’s fully W3C-compliant.

(Continue)

Which CSS Grid Framework Should You Use for Web Design?

on May 21st 2008 with 134 comments

Ever wondered how all those slick “magazine” themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework – at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it’s possible to design complex web page layouts without a framework, it’s arguably an act in masochism. In this article you’ll get an overview of the current batch of Frameworks and which you should choose to use.

(Continue)

Create a Slick Tabbed Content Area using CSS & jQuery

on Apr 23rd 2008 with 425 comments

One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

(Continue)

Creating a PayPal Payment Form

on Apr 22nd 2008 with 174 comments

Although it can have some issues, PayPal does provide a very simple way to take payments on a website. And with a little tweaking you can easily turn a PayPal “Buy Now” button into a form where the user specifies how much they’d like to pay and what they are paying for.

(Continue)

Page 18 of 18« First...1112131415161718