This page is currently under construction. I just launched version 2.0 of the site, and will be detailing the entire build process here. I’m still working on all the tutorials, but until then, feel free to explore the sites, services & plugins below.
- We currently use WP Engine as our web host, and for the most part, are happy with its features, performance & security. Get 20% off your first payment » (use code SPEEDUP) — This is an affiliate link. You get solid hosting at a discount. We get a small commission. Win-win :-)
Site Speed & Optimization
Although WP Engine does include a CDN (through MaxCDN) with our plan, we switched to KeyCDN in Dec 2015. They provide a lot more control & flexibility, and clearing cache is nearly instantaneous, which you don’t get with WP Engine. They also offer a free SSL for hosting all your assets, which is crucial if you’re switching your site to https (which you should be ;-). And for our current amount of traffic, we’re paying no more than $0.05/mo. Yep, you read that right. Five cents. Incredibly affordable & scalable.
- Hybrid Core… with a hint of Underscores
- We built wpsmackdown.com on top of the Hybrid Core framework from Justin Tadlock. It gives us full control over our markup, but adds a ton of common sense features that most themes don’t pay attention to. There are a few, small instances where we referenced the Underscores starter theme, and may have borrowed some code.
- If you’re getting into theme development, I highly recommend checking them both out.
- Jetpack is somewhat controversial in the developer world, but I have always stood by it. We use around 10 of Jetpack’s 30+ modules. It’s one of the essentials we install on every site.
- Yoast SEO
- prismjs.com for syntax highlighting; the Okaidia theme
- Thirsty Affiliates
- Advanced Custom Fields is used for…
- simple comment editing
- comment quicktags
Backend, Admin & Writing
- Duplicate Post
- MCE Table Buttons
- The main layout was inspired a lot by webdesignerdepot.com
- Flexbox help (and everyday inspiration) from the one-and-only Chris Coyier of CSS-Tricks. I love everything that guy puts out.
- Top navigation idea & code borrowed from codrops’ slide & push menus
- Fonts – We’re using 3 fonts; two from Google and one from Microsoft. Source Sans Pro for headlines & body copy. Source Code Pro for buttons, some sidebar stuff, the footer & smaller code references. Consolas for larger code blocks (
- CSS animations use animate.css by Dan Eden, ported to Sass by Geoff Graham
- Responsive tables started with CSS-Tricks responsive table roundup, which led me to eventually settle on David Bushell’s implementation
- Background pattern from subtlepatterns, created by Carlos Aguilar
- Embed Responsively makes sure our videos look great on all devices
- ImageOptim & Optimus compress our images to reduce their filesize