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

FEATURE

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
  39.66%
Yes, but in a few years
  36.87%
No
  23.46%
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.


BUSINESS ANALYSIS

Sex Toy Manufacturers Offer Predictions for 2017

In 2016, it was evident that the sex toys/pleasure products sector of the adult industry was thriving when Forbes Magazine quoted CalExotics President Susan Colvin as saying that it now “stands as... More »

Execs of 2016: Online Industry Businessmen Reveal Market Drivers

XBIZ World is pleased to present “Execs of 2016: The Year in Review” — a special showcase of the thoughts and strategies of 2016’s most influential and motivational leaders as they... More »

Execs of 2016: Online Industry Businesswomen Reveal Market Drivers

XBIZ World is pleased to present “Execs of 2016: The Year in Review” — a special showcase of the thoughts and strategies of 2016’s most influential and motivational leaders as they... More »
XBIZ NEWSLETTERS
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.






POPULAR PRODUCTS & SERVICES
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.

UPCOMING EVENTS

Everything To Do With Sex Show

Jan 20 - Jan 22
Montréal, Québec

Everything To Do With Sex Show

Jan 27 - Jan 29
Halifax, Nova Scotia

The European Summit

Mar 04 - Mar 07
Barcelona-Sitges, Spain

The TEA Show

Mar 05 - Mar 06
Hollywood, CA
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!