Wrapping up 2012, I finally launched xyCSS.com, which is all about responsive, grid-based design. To showcase
About the site
As mentioned, WP-Mix.com is focused on two things: showcasing responsive, grid-based design, and sharing as many juicy code snippets and design techniques as possible. While visiting the site, you can see the liquid grid in action by clicking the “show matrix” button at the top of the page.
Default UX view — click the “show matrix” button to view the liquid grid.
xy-grid view — click the “hide matrix” button to return to default UX view.
Here are some interesting tidbits about the site:
- Crayon Syntax Highlighter — syntax highlighting*
- Simple Feed Stats — easy feed stats (without Feedburner)
- Simple Basic Contact Form — clean, simple contact form
- Simple Local Avatars — custom local avatars
- WordPress Database Backup — quick and easy database backups
Here are a few more notable moves to further streamline WP-Mix for better SEO, usability, and maintainability:
- Comments are disabled — this greatly simplifies everything
- Tag and author archives are disabled — focuses activity on content pages
- Clean search URLs — replaced query-string with permalink style URLs
- Clear navigation — hyperlinks are underlined, perpetual post navigation, etc.
- Distraction-free — everything is focused on the content
- Built with
xy.css— for responsive, liquid-grid design
* Note about the Crayon plugin: it produces some great looking code, but requires way too many HTTP requests to do the job. The plugin makes 15 HTTP requests for syntax highlighting (even on the home page where it’s not needed).
Here are some representative screenshots for WP-Mix:
Squeaky clean, content-focused design
Syntax-highlighting for all code snippets
Streamlined toolbar contains only the essentials
Going forward, I’ll be posting as many useful/interesting code snippets as possible. I think it’s much better to share snippets than to let them whither in the archives. Plus, posting and organizing the content online makes them available from any location, which is nice when I’m working out of the office.
Other plans for the site include possibly opening it up to registration and user-submitted posts, so that other enthusiasts can share their snippets as well.
So that’s it for now, I hope you enjoy the new site, responsive grid design, and all the code snippets. If you enjoy the site, you can grab the feed for free updates delivered fresh. Tweets also appreciated :)