|
@@ -4,8 +4,8 @@ Theme URI: http://www.themble.com/bones
|
|
|
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
|
|
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
|
|
|
Author: Your Name Here
|
|
Author: Your Name Here
|
|
|
Author URI: http://www.yoururlhere.com
|
|
Author URI: http://www.yoururlhere.com
|
|
|
-Version: 1.3
|
|
|
|
|
-Tags: flexible-width, translation-ready, microformats, rtl-language-support
|
|
|
|
|
|
|
+Version: 1.7
|
|
|
|
|
+Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
|
|
|
|
|
|
|
|
License: WTFPL
|
|
License: WTFPL
|
|
|
License URI: http://sam.zoy.org/wtfpl/
|
|
License URI: http://sam.zoy.org/wtfpl/
|
|
@@ -21,22 +21,25 @@ WHOA, WHOA, WHOA…WHAT HAPPENED HERE?
|
|
|
|
|
|
|
|
But before you freak out, let me take a few minutes to explain.
|
|
But before you freak out, let me take a few minutes to explain.
|
|
|
|
|
|
|
|
-Bones now uses LESS or Sass by default. If you prefer
|
|
|
|
|
-using regular CSS, then feel free to modify this theme how you like
|
|
|
|
|
-and keep a copy as your own personal starting point.
|
|
|
|
|
|
|
+Bones now uses Sass by default. If you prefer using regular CSS,
|
|
|
|
|
+then feel free to modify this theme how you like and keep a copy
|
|
|
|
|
+as your own personal starting point.
|
|
|
|
|
|
|
|
-DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
|
|
|
|
|
-COMPLICATED AS YOU THINK.
|
|
|
|
|
|
|
+DON'T DISMISS IT JUST YET THOUGH, USING Sass ISN'T AS COMPLICATED AS YOU THINK.
|
|
|
|
|
|
|
|
It does take a few minutes to wrap your head around, but it will all
|
|
It does take a few minutes to wrap your head around, but it will all
|
|
|
be worth it. Need a quick intro? Here are a few quick reads:
|
|
be worth it. Need a quick intro? Here are a few quick reads:
|
|
|
|
|
|
|
|
|
|
+http://simplebits.com/notebook/2013/11/13/sass-book/ (BUY THIS)
|
|
|
http://cognition.happycog.com/article/preprocess-this
|
|
http://cognition.happycog.com/article/preprocess-this
|
|
|
-http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/
|
|
|
|
|
|
|
+http://viget.com/inspire/sass-a-designers-perspective
|
|
|
|
|
+http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
|
|
|
|
|
+http://css-tricks.com/sass-style-guide/
|
|
|
|
|
+http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/
|
|
|
|
|
|
|
|
-I would HIGHLY RECOMMEND, if you are going to be working with
|
|
|
|
|
-LESS or Sass, that you work locally. Sass isn't readable by a browser
|
|
|
|
|
-and using a LESS js file to parse it on live sites can make your site sluggish.
|
|
|
|
|
|
|
+I would HIGHLY RECOMMEND, if you are going to be working with Sass, that you work locally.
|
|
|
|
|
+The browsers don't understand Sass and compiling it on the server takes a bit
|
|
|
|
|
+of a setup.
|
|
|
|
|
|
|
|
That being said, here are a few MUST HAVE TOOLS for working with a
|
|
That being said, here are a few MUST HAVE TOOLS for working with a
|
|
|
pre-processor: (You really only need one of them)
|
|
pre-processor: (You really only need one of them)
|
|
@@ -44,36 +47,62 @@ pre-processor: (You really only need one of them)
|
|
|
CodeKit: (Highly Recommended)
|
|
CodeKit: (Highly Recommended)
|
|
|
http://incident57.com/codekit/
|
|
http://incident57.com/codekit/
|
|
|
|
|
|
|
|
-LESS App:
|
|
|
|
|
-http://incident57.com/less/
|
|
|
|
|
-
|
|
|
|
|
Compass App: (Windows / Mac Users)
|
|
Compass App: (Windows / Mac Users)
|
|
|
http://compass.handlino.com/
|
|
http://compass.handlino.com/
|
|
|
|
|
|
|
|
-SimpLESS: (Windows Users)
|
|
|
|
|
-http://wearekiss.com/simpless
|
|
|
|
|
-
|
|
|
|
|
-WinLESS: (Windows Users)
|
|
|
|
|
-http://winless.org/
|
|
|
|
|
-
|
|
|
|
|
-These applications compile LESS or Sass into valid CSS. This
|
|
|
|
|
|
|
+These applications compile Sass into valid CSS. This
|
|
|
way you can keep your production files easy to read and your
|
|
way you can keep your production files easy to read and your
|
|
|
CSS minified and speedy. Simply set the output to the
|
|
CSS minified and speedy. Simply set the output to the
|
|
|
library/css folder and you are all set. It's a thing of beauty.
|
|
library/css folder and you are all set. It's a thing of beauty.
|
|
|
|
|
|
|
|
|
|
+You can also setup auto compiling with Grunt or using Terminal on
|
|
|
|
|
+OSX. It's a bit complicated to setup so if you aren't familiar
|
|
|
|
|
+with it, just get one of the automated applications.
|
|
|
|
|
+
|
|
|
---------------------------------------------------------------
|
|
---------------------------------------------------------------
|
|
|
|
|
|
|
|
Remember, once you download Bones it's up to you how to use it,
|
|
Remember, once you download Bones it's up to you how to use it,
|
|
|
so go nuts. Set things up and develop in a way that's easiest for
|
|
so go nuts. Set things up and develop in a way that's easiest for
|
|
|
-you. If LESS/Sass is still a bit confusing for you, then remove them
|
|
|
|
|
|
|
+you. If using Sass is still a bit confusing for you, then remove it
|
|
|
and customize this template as you see fit.
|
|
and customize this template as you see fit.
|
|
|
|
|
|
|
|
-If you're frustrated with this new direction and don't like change,
|
|
|
|
|
-take a few minutes and think about how much better a developer you
|
|
|
|
|
-can become by just TRYING out new technologies. It may be tough at
|
|
|
|
|
|
|
+If you're a bit uneasy about using Sass or just want a familiar setup,
|
|
|
|
|
+take a few minutes and think about how much better a developer you
|
|
|
|
|
+can become by just TRYING out new technologies. It may be tough at
|
|
|
first but it WILL make you a better developer. TRUST ME ON THIS. Give
|
|
first but it WILL make you a better developer. TRUST ME ON THIS. Give
|
|
|
it a week, maybe two, and you will never go back.
|
|
it a week, maybe two, and you will never go back.
|
|
|
|
|
|
|
|
|
|
+If you STILL can't get on board and want to jump ship, that's cool.
|
|
|
|
|
+Bones is not for everyone and that's ok, I mean I'm not hurt by it,
|
|
|
|
|
+whatever, I never liked you anyway. Here are some other alternatives
|
|
|
|
|
+if you're looking for a blank starter theme. I'll just be here waiting
|
|
|
|
|
+by the window, in case you ever decide to come back.
|
|
|
|
|
+
|
|
|
|
|
+http://roots.io/starter-theme (way more complex but has a ton of cool features)
|
|
|
|
|
+http://html5reset.org (super clean and great markup)
|
|
|
|
|
+https://github.com/viewportindustries/starkers (not sure if it's still active, but still good)
|
|
|
|
|
+
|
|
|
|
|
+That's it. It's time to jump in and get your hands dirty.
|
|
|
|
|
+Seriously, why are you still reading this? Get to work!
|
|
|
|
|
+If you have any issues or problems, you can create an issue on github
|
|
|
|
|
+or find me on Twitter: @eddiemachado (SHAMELESS PLUG!).
|
|
|
|
|
+
|
|
|
Happy Developing!
|
|
Happy Developing!
|
|
|
|
|
|
|
|
|
|
+(When you're done, you may want to remove all this nonsense before
|
|
|
|
|
+passing it along to your client.)
|
|
|
|
|
+
|
|
|
******************************************************************/
|
|
******************************************************************/
|
|
|
|
|
+
|
|
|
|
|
+/*
|
|
|
|
|
+WordPress Probz
|
|
|
|
|
+So Theme Check (http://wordpress.org/plugins/theme-check/)
|
|
|
|
|
+is constantly telling me that it needs these classes in the CSS even
|
|
|
|
|
+though they are in the REAL stylesheet in library/css/style.css.
|
|
|
|
|
+So we're gonna drop these here to keep it happy.
|
|
|
|
|
+Great work, Theme Check (eye roll)
|
|
|
|
|
+*/
|
|
|
|
|
+
|
|
|
|
|
+.sticky {} /* DO NOT EDIT THIS */
|
|
|
|
|
+.gallery-caption {} /* THESE ARE USELESS */
|
|
|
|
|
+.bypostauthor {} /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */
|