Home > Features > Desktop App Review: CSS Hat • Bookmark   • Newsletters   • Register Search Options


Desktop App Review: CSS Hat

Desktop App Review: CSS Hat

February 14, 2013
Text size: 
View in Digital Mag
Get XBIZ News
XBIZ Research
Will virtual reality boost the paysite market?
Yes, it will soon
Yes, but in a few years
Out of 179 votes. Results based on votes submitted by members of XBIZ.net social network.

" CSS Hat outputs standards-based CSS3 plus optional vendor prefixed properties for all major browsers, and renders gradients into SVG format for Internet Explorer 9. "

Designers working with both Photoshop layers and CSS files now have an instantaneous way of generating valid code with the click of a mouse.

Adult website developers have a wide range of tools at their disposal for creating the best designs possible. Visually oriented artists often use Adobe Photoshop, for example, to produce their layouts — while other designers go beyond CSS implementation alone — emulating graphics-heavy designs as closely as possible by using lightweight code.

For those doing it all, CSS Hat (www.csshat.com) is a handy tool that automates the conversion of Photoshop layer files into valid CSS3 coding.

A plugin that is compatible with Adobe Photoshop CS4 (or newer), CSS Hat supports layer properties such as gradient and solid color fills, opacity, layer effects including drop and inner shadows, inner and outer glows, color and gradient overlays, stroke and more.

According to its publisher, CSS Hat saves users hours on each project and “supports your lovely syntax sugar,” working with preprocessors such as LESS, SASS and Stylus.

CSS Hat also provides font properties for text layers, with export of font color and text shadow, width and height, border radius and styling; as well as element pixel sizing, so you won’t have to use a ruler to obtain div and other object dimensions anymore.

CSS Hat outputs standards-based CSS3 plus optional vendor prefixed properties for all major browsers, and renders gradients into SVG format for Internet Explorer 9.

Using it is a snap: Click on a layer that has styles, select CSS Hat from Photoshop’s menu bar, and then view the equivalent CSS3 with a click. Tabs on the display box allow users to choose from CSS, LESS, SCSS, SASS, Stylus and Stylus CSS formatting, while a button click enables users to copy the resulting code to their clipboard for easy pasting.

Blending modes are not allowed, as they are impossible to express in CSS — while effects such as bevel, emboss, satin and pattern overlays, are not currently supported — layers must also not be rasterized; but these limitations do not negate the tool’s value.

Comments can be added to code, CSS rules employed, and syntax highlighting used for more readable files. A money back guarantee makes CSS Hat a $29.99 no-brainer.


Paysite Meetup: Catching Lightning in a Bottle

We just completed the first XBIZ.net Paysite Meetup in Prague. We caught lightning in a bottle. I first heard that expression from a friend who works in TV. He started in TV in the 1960s selling advertising,... More »

Why a Traffic Network Killed a Popular Offering

Change begets change. Nothing propagates so fast. If a man habituated to a narrow circle of cares and pleasures, out of which he seldom travels, step beyond it, though for never so brief a space, his departure... More »

Luring Cam Users With the Right Ad Format

The live cam marketplace is highly competitive filled with big-, medium- and small-sized players. So how do you stand out from the crowd to attract new users or persuade users to come back and spend their... More »
Stay informed of the latest industry developments. Get XBIZ newsletters delivered to your inbox. Subscribe today!
Enter email address:

* To manage existing subscriptions click here.

Submit your press release to
multiple news outlets with 1 click.
Subscribe to RSS news feeds or
add free content to your website.
Access XBIZ news and articles
with your mobile device.
Access the latest issues of the industry's leading trade publications in digital form. View online or download for offline viewing.


Latin America Adult Business Expo

Jul 10 - Jul 12
Cartagena, Colombia

XBIZ.net Paysite Meetup

Jul 13 - Jul 13
Barcelona, Spain

ANME Founders Show

Jul 16 - Jul 18
Los Angeles Marriott Burbank Airport


Aug 03 - Aug 06
Montreal, Quebec
Everyday thousands of business professionals browse XBIZ's industry directory for quality products and services. Not listed yet? Your company could be losing potential new business. Submit your company today!
Use XBIZ RSS feeds to stay informed of the latest industry developments or as a content syndication tool for your website!