Two of the new and incredibly tantalizing functions in CSS3 are
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.
Calculating 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.
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.
As 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.
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.
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?
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.
Follow this tutorial on using Custom Fields in WordPress to specify which stylesheets you’d like each post or page to use.