![]() This can cause some confusion, that is now compounded by the fact that Compass, Foundation, CodeKit, and Reverie can be used independent of each other (or standalone if you prefer that phrase) where in the past some of these components were more tightly integrated and packaged together. Ruby on Rails development with Mac OS X Mountain Lion And Now For The Tricky PartĪs you may have noticed, all the tutorials above focus on various pieces of the puzzle but don’t quite pull everything together in context. How to Install Xcode, Homebrew, Git, RVM, Ruby & Rails on Snow Leopard, Lion, and Mountain LionĮ. This video covers some nuances of Codekit setup not covered elsewhere… (like switching the version of Compass you’re using to compile your code.)ĭ. Sass / Compass / Foundation / Mac Setup (Video) Make sure your development environment is up to date and/or install a “fresh” Ruby build and all the necessary gems and Compass.Ī. Download WordPress and Download Reverie (which is based on ZURB’s Foundation.) You’ll need to fire up Mac OS X’s native Apache server local environment or use something like MAMP that is independent of the OS. Here’s a list of steps and resources that helped me get up and running: This post is a bit Mac OS-centric (Mountain Lion specifically) but nevertheless developers that use other operating systems should be able to figure this out using the information provided below. I threw this post together to help those also starting down this road. Having worked a bit with SASS during my stint at E9 Digital I was eager to exercise these muscles again and after some hiccups with Mac OS / Mountain Lion / RUBY configuration I was well on my way. What is also cool, is the emergence of GUI tools like CodeKit to help make this a real viable workflow for developers and designers alike. Syntactically Awesome Stylesheets: Using Compass In Sass Getting Started With Codekit + CSS Preprocessors (Post includes a video.)ĭ. ![]() Cross-Platform Sass and Compass in WordPressĬ. What is a difference in CSS frameworks vs preprocessors?ī. Here are three posts that go in-depth on the topic:Ī. There are a lot of benefits to using it with a CSS preprocessor or CSS framework (like Compass) that mainly have to do with trying to apply OOP (Object-Oriented Programming) principles to your theme code and leveraging reusable CSS variables throughout your projects. Well, SASS is a CSS metalanguage that extends on CSS3 standards by adding sweet features like mixins, variables, includes and the like. I briefly considered using Bones before eventually settling on Reverie (which is actually a Framework not a starter theme.) I have a specific use case in mind for the themes I’m building and I concluded Reverie stood out for its simplicity and would play nice with Gravity Forms and mobile templates after some rudimentary testing. I began this process by looking around at my WordPress starter theme options that utilized a CSS preprocessor as part of its workflow. Recently I decided to revisit my interest in using SASS as a component of my WordPress theme development skillset.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |