Using the Min and Max Functions in CSS3

Two of the new and incredibly tantalizing functions in CSS3 are min() and max(). They are yet another tool in our crawl toward responsive design, and harnessing their simple, but highly effective power is vital for every developer.

Although none of the major browsers support either function at the time of this writing, they’re expected to be implemented soon. This tutorial takes a look at their syntax and the ways in which they can be applied.

Read More...
16
Dec 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 0 Comments
TAGS

How-to use the Calc Function in CSS3

Experiment Results using CSS Calc in Mozilla Firefox 4Calculating lengths in CSS is the perfect feature for creating a responsive and fluid design. The number of applications for the calc function is limitless due to it’s ability to calculate both length (distance) and angles (degrees).

Take a minute to learn how to use this incredibly simple, but powerful function.

Read More...
12
Dec 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 1 Comment
TAGS

Introduction to CSS3 Media Queries

If you’ve ever been annoyed by the fact that your Web site or application looks great on one device, but terrible on another, CSS3 media queries are for you. With them you can target computers, tablets or smartphones based on very specific attributes like screen size, resolution, and more.

Follow this introductory article with real-world examples and learn for yourself how to solve your cross-device issues.

Read More...
02
Dec 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 0 Comments
TAGS

List of Tablet and Smartphone Resolutions and Screen Sizes

List of Tablet and Smartphone ResolutionsAs the desire to style sites or applications for a particular device (or group of devices), there will be some aspects of those devices you’ll need to know in advance. Media Queries in CSS3 allow for the styling of specific devices based on attributes like screen resolution and orientation.

Read More...
10
Nov 2011
POSTED BY
POSTED IN Articles
DISCUSSION 3 Comments
TAGS

SEO: Using CSS and Text-Indent or Images for Logos?

A quandary that Web Developers have long faced is the issue of using CSS with a background image and text indent, or simply use an image when it comes to SEO.

Using Images vs. CSS Background-Image and Ttext-Indent for Logos and SEO
When CSS started to gain popularity about a decade ago, many developers switched from using images to using CSS to apply a background image to their h1 heading tag and put the elements text out of view with CSS and the text-indent property.

But which one is correct?

Read More...
07
Nov 2011
POSTED BY
POSTED IN Articles
DISCUSSION 2 Comments
TAGS

, ,

Different CSS Stylesheets on Specific Pages in WordPress

If you have large site, or just prefer to split-up your CSS into separate stylesheets, you may have wondered how to do accomplish this in WordPress. Whether you’d like to use a different stylesheet on every single page and post, or just have a couple of instances where you’d like to specify different CSS files, it can be accomplished using custom fields and some simple PHP.

Using Custom Fields to Apply CSS Styles by Page or Post in WordPress

Follow this tutorial on using Custom Fields in WordPress to specify which stylesheets you’d like each post or page to use.

Read More...
13
Oct 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 6 Comments
TAGS

, ,