Why don’t I ever hear about things as cool as Mephisto sooner? Write my blog templates in HAML? Yes, please!
God dammit, why can’t I stick with one CMS for longer than a month before getting bored?
Sunday, April 27, 2008
BlogMarks
Furl
Newsvine
Rojo
Email This to a Friend
If you like this then please subscribe to the Saturday, April 26, 2008
Table of contents for SASS Gridification
- SASS Gridification - Part 1
- SASS Gridification - Part 2: Blueprint
- SASS Blueprint Grid on Github
A common problem faced by many CSS developers is the grid layout. In this example I will be using SASS arithmetic to create grid calculations.
If you just want to see the end result, here are two beautiful 8-column grids generated entirely using SASS arithmetic:
Fixed: 8 columns 100px wide with 10px margins
Fluid: 8 columns 12% wide with 0.5% margins
Also, if you haven’t the foggiest notion what SASS is (”… now there’s a frood who really knows where his towel is.”) you should probably read up on Hampton Catlin’s site about HAML and SASS.
To start things off, I looked around the net for what was already available on the subject. I already knew about Blueprint, though I had never really worked with it, and I learned about the YUI CSS grids toolkit.
Both of these CSS frameworks are very powerful. Personally, I don’t need that much power for this proof of concept, and it probably would have taken more time to adapt one of the frameworks into SASS than it would to program something from the ground up. So instead I just whipped out my text editor and started hacking.
Saturday, April 26, 2008
This is a note-to-self on a tool that I think would be useful, but I don’t have time to explore it right now… so I’m just jotting down some thoughts so I can create it in the future. I’m not aware if software like this already exists. Honestly, I didn’t check. If you know of any, let me know.
I find myself reusing plenty of code and regular expression pattens. I use e-TextEditor, a TextMate-like editor for Windows, so I can feasibly enter all my common code snippets using the bundle management — but what about regular expression or even just notes on best-practice?
A solution I’m rolling around in my head is a blog-like tool that allows posting of code with categorization and tagging. The front end could be public or private, depending on the nature of the snippets.
I would find value in this myself because at the time of this writing e-TextEditor doesn’t have a stored regex feature, so I have to rewrite frequently used regex patterns. These can get quite complicated. Another value-add use for this might be a Apache dev server setup with a large vhosts setup for creating subdomains.
A few notes for myself:
- It should be multi-user from the ground up
- Types: Notes, Snippets, Patterns. A Note could be comparable to a blog post, where Snippets and Patterns can be nested in a Note so that a complete thought could be formed around multiple Snippets or Patterns.
- You should be able to “View” or “Use” a snippet. Viewing is syntax-highlighted for supported languages, Using gives you a form by which you can enter the values of the snippet. On submit the snippet is coppied to the clipboard with the user-defined values.
- The front-end layout should be as compact as possible and allow a “copy to clipboard” button on each snippet from the main overview.
More later… I’ll be open-sourcing this.