Crumpet: A Deliciously Simple SASS/SCSS Responsive Framework

crumpet

Keeps your HTML clean & stays out of your way

I’ve not used Crumpet in any projects yet, however I’d like to soon. You can the find Crumpet source on GitHub.

You can see Crumpet in use at the official Crumpet site. It provides code examples other documentation. From the Crumpet site:

Everything is straight forward, all of the code is commented and gives you instructions on how to use Crumpet, so you can spend all your time in the code editor. Here are the few files that Crumpet comes with to get you going:

  • A index.html that gives you a little demo.
  • A settings.scss file which has the frameworks settings in.
  • A main.scss which has some demo styles, as well as some instruction on how to incorporate the grid into your site.

    It gives you a quick and easy front-end setup and keeps your HTML clean and then stays out of your way.

    Check it out, I’m betting you’ll find a use for it, especially if you don’t already have a go-to front-end web framework that you use.

    Crumpet could very well be my next go-to framework. Again, it’s available on GitHub.

    Jeet: A CSS Grid System for Humans

    human-grid

    Jeet can do things other grids can’t

    I haven’t actually used Jeet yet, but am going to be giving it quick run on CodePen later on today. Here’s the Jeet description, from their homepage, which is hosted on GitHub Pages, I believe.

    We still build things the way machines read them – not the way we intuit them. Jeet allows you to express your page grid the same way a human would describe it. No more needlessly nesting elements. No more rigid twelve column rules. Enjoy building faster with less code, and more flexibility with Jeet.

    There’s no license defined for Jeet, at least not one that I could find after searching their website and their GitHub repository.

    There’s also a really nice presentation of what sets Jeet apart from other grid systems. It’s short and definitely worth the watch.

    Getting started using Jeet is pretty easy for most people, you can use SCSS (via Ruby) on Windows, and MacOS/Linux platforms. Or you can use Stylus if you have nodejs installed. A screenshot is below of the installation instructions.
    jeet-getting-started

    Jeet also provides some short screencasts that are meant to be easily digestible and easier to remember and understand. The video are all hosted on YouTube but a screenshot of the section from their site is below.
    jeet-learn-by-example

    Anyway, you should check Jeet out for your next project requiring a CSS grid. It’s super easy to start using, I especially liked their note on easy integration:

    Jeet can work in any environment’s pipeline whether it be a static site in SCSS, a Node package in Stylus, or as a Rails application. Anywhere Stylus or SCSS work, Jeet will work. It’s that simple.

    I like what I’ve seen of Jeet so far, and I think you will, too! If the test goes well and I like it as I expect I will, I’ll probably use it for an upcoming project that is essentially a CSS grid of photos. Since there’s multiple screenshots in this post, a gallery of them all is below.

    Belt: A Handful Of Tools For PHP Developers

    php-belt

    Clean and well-documented source

    Belt is a really handy, and relatively new tool set for PHP developers. It’s initial commit was only 9 days before the date this post was published.

    However, it still looks very usable and rather mature. Code has been added at a pretty quick pace, there’s been 102 commits since Belt’s release on GitHub, a little over a week ago.

    It’s release under the MIT license, so it’s compatible with the GPL and can safely used in WordPress themes and functions, if you want them included in the official repositories.

    Basically, you just include belt and use it’s built in methods/functions to do certain things that would take a bit more work using straight PHP. For example, to get the maximun of an array of numbers, do this:

    A value of 3 will be returned, because it’s the max value there.

    And from the readme, a list of what Belt offers.

    • 60+ useful functions
    • ability to use the facade Belt or a dedicated component (e.g. BeltUtilities)
    • fully tested
    • source code is clean and documented

    Seems like it offers some pretty useful functions, and it looks really easy to use. I’ve been looking for a solid PHP base to use and this may just be it. Anyone got any other suggestions? I’ve heard a lot about Skeleton for PHP.

    Searching for “skeleton” on GitHub, then filtering for PHP, gives a LOT of results, over 1,000 results to be more precise. So, maybe I’ll browse there for a while before making a decision.

    Any suggestions can be left in the comments.