Dragonsaber Website Design Banners Computer Art Print Design Kerwin"s Resume About Dragonsaber

November 30, 2012

Wiley China

Wiley China is actually a minisite of Wiley.com US used for marketing purposes. As you can see with the old site, it was out of date for some time already. It needed some new templates to handle features more easily and in a more fixed manner. The new site was divided up and organized so that it would save time for non-technical editors. At the same time, it keeps the look consistent with the mother site.

Before


After


TED Minisite

As part of a partnership with TED, Wiley had a minisite setup under their main Wiley.com. Unlike most minisites, this one used the same header and footer as the main site, so it saved a bit of time in coding the templates.


Visit Wiley TED Studies @ www.wiley.com/go/tedstudies

November 27, 2012

Web-based RWD Tools


These are some pretty useful and convenient tools for testing how responsive web sites resize and reconfigure for various device widths:

The Responsinator
- Enter a responsive site URL into the form field
- Submit to see a simulation across various device widths & orientations


Benjamin Keen's Bookmarklet
- Install the bookmark by dragging the link to your bookmark bar
- Visit a responsive site
- Click on the bookmark for a set of IFRAME previews


Victor Coulon's Bookmarklet
- Install the bookmark by dragging the link to your bookmark bar
- Visit a responsive site
- Click on the bookmark for an interactive preview in a single IFRAME
- Use the links above to resize the IFRAME


Examples:
- http://foodsense.is
- http://spigotdesign.com
- http://www.authenticjobs.com
- http://www.getskeleton.com

 
Dragonsaber