Book Sale! Save 20% on WordPress books with discount code: SAVE20
Web Dev + WordPress + Security

WP-Mix – A fresh mix of code snippets and tutorials

[ WP-Mix ] Wrapping up 2012, I finally launched xyCSS, which is all about responsive, grid-based design. To showcase xy.css, I used it to design WP-Mix.com, which also serves to house a growing collection of choice code snippets. Currently WP-Mix features over 100 snippets, tutorials, and other useful bits to help with WordPress development and web design in general. The topics are similar to those at Perishable Press (e.g., WordPress, PHP, JavaScript, CSS, etc.), but the posts are less-involved and aimed at intermediate to advanced developers.

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.

[ WP-Mix - Design Display ]
Default UX view — click the “show matrix” button to view the liquid grid.
[ WP-Mix - Matrix Display ]
xy-grid view — click the “hide matrix” button to return to default UX view.

Details

Here are some interesting tidbits about the site:

WP-Mix.com is built with WordPress and xy.css. Everything is kept as clean and minimal as possible, with only a handful of required plugins:

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 nav, etc.
  • Distraction-free — everything is focused on the content
  • Built with xy.css — for responsive, liquid-grid design

Screenshots

Here are some representative screenshots for WP-Mix:

[ WP-Mix ]
Squeaky clean, content-focused design
[ WP-Mix - Syntax Highlighted Code ]
Syntax-highlighting for all code snippets
[ WP-Mix - Footer Toolbar ]
Streamlined toolbar contains only the essentials

Plans

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 :)

Jeff Starr
About the Author
Jeff Starr = Creative thinker. Passionate about free and open Web.
BBQ Pro: The fastest firewall to protect your WordPress.

5 responses to “WP-Mix – A fresh mix of code snippets and tutorials”

  1. But what if I want to leave a comment say I find a bug in your code? Do I keep the bug to myself, write some nasty rant over on my website how you don’t know how many p’s are in PHP or do I check a fix into some source control system?

  2. WaKeMaTTa 2013/02/03 2:30 pm

    Hello I am a member of a youth project that its purpose is to create an open source series (www.inimat.org). And I would ask you share-it the theme of wp-mix, please in this way my team can skip the step of creating the theme from the codes in wp-mix.com, and focus on the project.

    I know you will say that what not you get a pre-made ​​theme? The answer is simple, because we loved the design to wp-mix and is also made ​​with HTML5 is the platform that we will use for the project.

    Please share it :)

    PS: if you want to contact me by email
    PS2: sorry my english is limited

  3. airos chou 2013/02/07 10:59 pm

    The Pagerank sudden change into 5, good job… The update date is 02/05/2013

Comments are closed for this post. Something to add? Let me know.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
Digging Into WordPress: Take your WordPress skills to the next level.
Thoughts
Currently having a blast redesigning Plugin Planet, so much work so little time.
Thanks to David McCan over at WebTNG for the awesome BBQ Pro review.
Enjoyed a nice mini-vacation with my fam. Great way to recharge and regroup.
Nice little interview with yours truly over at ThemeIsle. WordPress, web dev & more!
Perishable Press celebrating 16 years online! An incredible, rewarding journey.
Thanks to Nicholas Ferrell for his excellent and thorough review of Wutsearch search-engine launchpad.
Great article about using RSS as a Facebook alternative. I use RSS/feeds for news every day. Facebook, not so much.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.