Group items tagged

This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by "user interface"? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We're focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:

batch process many images: allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you'll just have to paste in your main css file. The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.

These are my CSS test pages. In these pages you will find a growing collection of test and demonstrations of browser support of CSS standards.

Construct is a visual layout editor based on Blueprint & jQuery! This is version 0.5, last updated on April 27, 2008. This project was built by Christian Montoya, and exists both as a useful tool for CSS designers and as proof that a visual layout editor is possible to acheive with clean CSS & semantic HTML.

Chris Coyier discusses the basics of the CSS Box Model: "every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit, and about their behavior." "What we haven't talked about much is the box itself. How is the size of the box calculated exactly? "

A CSS Framework is meant to provide ready-made solutions for various tasks that we perform on regular basis. In simple terms an ideal CSS framework will provide you with a default style sheet which you should be able to use as a starting point for most of your web design projects. W3Avenue has prepared a comprehensive list of CSS frameworks for your reference.

CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites.

Patternify is a simple CSS pattern generator. Its graphical web-based interface lets you draw the pattern you want, and then it generates the CSS code for you. Instead of having to launch your graphics editor and creating a 2px by 2px image, you can just build your pattern online using this. And with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to rock.

This CSS file will reset all of your CSS declarations. More specifically, it will get rid of browser defaults. This is essentially like getting the playing field completely level for the teams. The browsers being the teams..

In this article I'm going to show you various ways that I myself have written my CSS files with an emphasis on some sort of order. This is my evolution of CSS authoring, if you will. I'll also be coining phrases as I go along to give some sort of personality to the aggregation of code. Maybe they will catch on..

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.

What is the css tinderbox? It's All About Open Source Design Templates The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

What is the css tinderbox? It's All About Open Source Design Templates The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

The LESS Ruby gem compiles LESS code to CSS.  LESS is an extension of CSS. You can write LESS code just like you would write CSS, except you need to compile it to CSS. That's what the gem is for. If you are on Mac OS X, you can install the gem by typing the following command in the terminal:

LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).

Considered the best online CSS optimizer by bloggingpro.com

While a lot of people are out to optimize their sites/blogs, most everyone seems to skip over CSS. I have been spending some time looking at CSS Optimization tools today. I wanted something free, online, and easy to use. And of course, something that worked.

LESS & SASS are awesome technologies that allow you to write CSS extremely fast with a ton of awesome features. A perfect intro for anyone who wants to get started writing CSS faster, better, and stronger.

LESS is a friendly, easily-approachable CSS preprocessor. Though ultimately, Sass and Stylus are more powerful and robust, LESS has a certain charm that keeps it as a forerunner in the battle of the preprocessors. If you're a Sass fan, then you can take advantage of Compass, an incredible framework that makes coding with complex CSS3 properties a breeze. But what about LESS users? Where's their Compass? Today we'll look at three awesome mixin libraries that will help fill that void.