jnordberg/wintersmith · GitHub - Vimperator Harp, the static web server with built-in preprocessing Middleman: Getting Started Middleman is a command-line tool for creating static websites using all the shortcuts and tools of the modern web development environment. Middleman assumes familiarity with the command-line. The Ruby language and the Sinatra web framework form the base of the tool. Installation Middleman is distributed using the RubyGems package manager. Mac OS X comes prepackaged with both Ruby and Rubygems, however, some of the Middleman's dependencies need to be compiled during installation and on OS X that requires Xcode. Once you have Ruby and RubyGems up and running, execute the following from the command line: gem install middleman This will install Middleman, its dependencies and the command-line tools for using Middleman. The installation process will add one new command to your environment, with 3 useful features: middleman initmiddleman servermiddleman build The uses of each of these commands will be covered below. Starting a New Site: middleman init middleman init my_new_project The Skeleton Gemfile
CodeKit — THE Mac App For Web Developers lokesh/color-thief · GitHub Octopress - Vimperator GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live. A serious alternative to Jekyll is Nanoc[1]. It is absurdly easy to compile any ... I have to strongly advise against nanoc and recommend middleman[1] instead. The problems with nanoc unfortunately only become apparent after you've invested significantly into it and your site starts to grow in complexity and/or size (file-count). I've been there and it wasn't fun at all... The first problem is the obscure Rules DSL. It feels somewhat elegant in the beginning when you're mostly working of the canned examples. But once you divert from the beaten paths it quickly turns into a hairy mess and you find yourself with a >300 lines rules file, various workarounds tacked into the 'preprocess'-block, a conglomerate of "filters" and "helpers", and a rapidly fading memory of "How did all this fit together again?". The second problem is performance. That said, nanoc is okay for smallish projects, just beware the constraints. Middleman has been a more pleasant experience here (after the porting pains).
Sass vs. LESS "Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems. Really short answer: Sass Slightly longer answer: Sass is better on a whole bunch of different fronts, but if you are already happy in LESS, that's cool, at least you are doing yourself a favor by preprocessing. Much longer answer: Read on. The Much Longer Answer The Learning Curve with Ruby and Command Line and Whatever The only learning curve is the syntax. Winner: Nobody Helping with CSS3 With either language, you can write your own mixins to help with vendor prefixes. In Sass, you can use Compass, and Compass will keep itself updated, and thus the prefix situation is handled for you. In LESS, there are also some mixin libraries battling to be the best. In both cases, the onus is on you to keep the preprocessor software itself up to date as well as these libraries. Winner: Narrowly Sass Winner: Sass Winner: LESS
Michael Fields » Bookmark This! Earlier today I posted that I was thinking about creating a Chrome extension which would allow me to easily add new sites to my bookmarks section. My friend Devin responded asking if I knew about the Press This functionality. Although I was in fact aware of Press This, I had to admit that I’ve never actually used it before so I gave it a try. While I was quite impressed with what it did, it did not really do what I needed. How Press This Works If you log into WordPress and navigate to Settings -> Writing you will find a heading for “Press This” which instructs you to drag a link into the bookmarks bar in your browser. The title tag of the html document is inserted as the value of the post title.If any text was selected, it is inserted into the content boxA link to the document is appended to the content box. What I Need to Do On my site I have one custom post_type registered (mfields_bookmark) which I use to archive interesting articles about web development that I have read. Post Title
The Jekyde Blog - Vimperator Introduction Jekyde is a static blog builder, server and writer in Node.JS. Using Jekyde, You could write your blog in Markdown and LaTeX easily. The main differences between Jekyde and other similar tools are the following three features: Take care of conflicts between Markdown and LaTeX: You only need to write LaTeX formulas as $...$ and $$...$$. Jekyde is written in Node.JS.