Tag Archive for 'html'

CSS Gradient Text Effect

Found this in my feeds today - genius way of making very stylish headings without resorting to image replacement.

Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how.

shiny-headings.gif

read more

Active Scaffold Ajax CRUD Interfaces for Ruby on Rails

This could be most useful in the near future…

Most web applications have many more model objects exposed on the backend, or admin side, than they do on the front. Coding interfaces for all those models is redundant and a waste of resources when all you need is CRUD functionality that’s smart enough to handle all your ActiveRecord associations.

ActiveScaffold is a Ruby on Rails plugin that provides you with a wealth of dynamically created goodness, just plug the ActiveScaffold into your controller, you can have a AJAXified table interface for creating, updating, and deleting objects then. It has the following main features as well.

  • Automatic handling of ActiveRecord associations
  • Sorting, Search and Pagination
  • Graceful JavaScript degradation
  • RESTful API support (XML/YAML/JSON) baked in
  • Sexy CSS styling and theming support

active-scaffold.png

via

Color Wizard - Colour Scheme Generator

Color Wizard is an online colour scheme generator.

color-wizard.png

There are many of these kind of tools around, but I quite like interface on this one. The randomise feature is also quite useful.

via

CSS Styled Tables

Veerle comes up with another look at styling tables with CSS. A great read.

In 2005 I wrote an article about styling a table with CSS. After receiving so many requests I finally decided to give in and write another tutorial. Seems like a popular topic and an interesting one to share some tricks on how you can nicely style them. This article is about the proper usage of tables, for tabular data. How you can implement them with accessibility in mind and how to make them appealing for the eye using CSS.

read more