||This article appears to be written like an advertisement. (August 2008)|
SiteGrinder is a commercial plug-in made by Media Lab Inc. It converts website designs made in Adobe Photoshop directly to HTML/CSS.
SiteGrinder is available for Mac OS X and Windows operating systems.
- 1 Features
- 1.1 Hints
- 1.2 Standards Compliance
- 1.3 Web Images
- 1.4 Styled Photoshop Text becomes Styled Web Text
- 1.5 Buttons with Rollovers and Popups
- 1.6 Rapid Image Portfolios/Galleries
- 1.7 Multi-Level Menus Without Programming
- 1.8 Multi-page Creation
- 1.9 Email Forms and Generic Forms
- 1.10 Background Colors & Tiles
- 1.11 Flash slideshows Generation
- 1.12 Inclusion of External Media
- 1.13 Resize Resistance
- 1.14 Support for PHP, In-Line or External HTML
- 2 Version History
- 3 External links
- 4 References
The user attaches special words, called "Hints", to layer names in Photoshop. These hints tell the plug-in about specific functionality of layers, layer groups, and layer comps.
SiteGrinder produces XHTML 1.1 compliant HTML and CSS. User-added code is not affected.
Image and shape layers are converted to web graphics and positioned on the resulting web pages. SiteGrinder tries to eliminate redundancies and merges layers to minimize download size.
Styled Photoshop Text becomes Styled Web Text
SiteGrinder converts Photoshop Type layers directly into styled CSS text on web pages. Photoshop character and paragraph styles are preserved along with their settings. Text can optionally scroll and have multiple hyperlinked words and phrases.
Buttons with Rollovers and Popups
Text, Image, and Hybrid buttons can have rollovers, and popups by adding the hints "button", "rollover", and "popup" to the end of layer names or layer group names.
Rapid Image Portfolios/Galleries
SiteGrinder has features aimed at creating web image galleries. These include automatic thumbnail and thumbnail navigation generation, automatic sequential navigation button programming, support for custom layouts for different image aspect ratios, thorough support for metadata inclusion on pages, and creation of multiple galleries from a design. As of version 3.1, the Site Grinder forum on the main website has had a few people not able to get this function to work properly.
Multi-Level Menus Without Programming
SiteGrinder can create menus and submenus from text layers, graphical layers, or a combination of both. The "-menu" hint, added to a 5 line type layer for example, creates a five item text menu.
SiteGrinder generates multiple pages in a single pass. Buttons automatically link to pages whose names they share. Page content is determined using Photoshop's layer comps feature.
Email Forms and Generic Forms
SiteGrinder 2 Pro employs a straightforward way to define multiple form elements in a single Photoshop type layer. PHP and CGI email forms are supported, as well as generic forms.
Background Colors & Tiles
SiteGrinder 2 supports custom background colors for different areas of your pages. SiteGrinder 2 Pro adds a variety of background image tile features, including vertical and/or horizontal repeating tiles and "fixed" background images that remain in place as content scrolls on top.
Flash slideshows Generation
SiteGrinder 2 Pro can create animated Flash slideshows from folders of jpeg images, choose different transition styles, durations, and assign hyperlinks for each slide.
Inclusion of External Media
SiteGrinder 2 Pro supports inclusion of multimedia content( such as Flash, Animated GIF, QuickTime & Windows video, and MP3 music are supported media types. Users can also link to media from remote locations over the internet.)
SiteGrinder 2 Pro can create page areas which adjust vertically on the fly if the browser changes font sizes or if content is edited after SiteGrinder builds the pages. "Footer" elements positioned below these areas will move up or down as needed to accommodate the new size.
Support for PHP, In-Line or External HTML
SiteGrinder hides the complexity of HTML and other web infrastructure, but for maximum adaptability SiteGrinder 2 Pro does allow advanced users to add arbitrary code to their pages wherever they like. SiteGrinder 2 Pro can intelligently import folders of HTML files when it builds to create a huge number of pages from a single page design.
SiteGrinder supports various server side markup, including HTML Object, PHP, and Apache SSI. This allows sitewide content like navigation menus to be kept in a single file. An edit to this file will alter every page that imports this file at page-load time.
SiteGrinder is, in a way a sequel to PhotoWebber and PhotoWebber 2 application software also from Media Lab.
SiteGrinder 1.0 was released in January 2005
SiteGrinder 2.0 Basic & Pro was released in May 2006
SiteGrinder 3.0 Platform with eCommerce and Control add-ons released in April 2010
- Media Lab
- SiteGrinder Official Page
- SiteGrinder Discussion Forum
- SiteGrinder Official Blog