Rubyタグの記事

Bourbon Neatで偶数カラム幅を奇数等分する方法

Bouron NeatでのNesting Columnsの仕組み 公式サイトの例 以下は公式サイトからの引用です。 Nesting Columnsを使っている部分を拡大してみます。

Middlemanのasset_hashで超柔軟にアセットファイルの交換が可能

アセットファイルを交換しても古いファイルが使われてしまう問題 WEBサイトを運営していて、画像やCSSやJavaScriptなどのアセットファイルを交換しても、ユーザが以前も訪問していた場合、古いファイルが使われてしまうことがります。

Bourbon Neatのvisual-gridをレスポンシブ化する方法

スマートフォンサイズの画面でもvisual-gridを表示させたい Boubon Neatのvisual-gridはとても便利ですが、下のようにスマートフォンサイズの画面デザインをしている時にも表示できたら良いですよね。

Middlemanのdirectory_indexesとURLの最後のスラッシュの関係

directory_indexes(きれなURL)の実際の動き Middlemanの機能で1つの魅力だと思っていたのは、directory_indexex(きれなURL)です。この機能を使えばURLに無駄がなくシンプルなものにできます。公式マニュアルのこの部分には下のように書いてあります。

Middlemanでstrip_tagsを使ってサマリーをplain textにする方法

一覧ページのサマリー部分にタグはいらない この画像は本ページの一覧ページの一部です。

Undefined mixinというerrorがmiddleman build実行時に発生した場合の対処法

middleman build実行時にエラーが発生 以下のようなエラーが発生しました。

middleman-blogで記事毎に画像を管理する方法

Middlemanで記事内で使う画像をサイト全体の画像のディレクトリに入れて管理すると、どの記事に関連した画像かわかりにくくなってしまいます。記事毎に画像を管理できたら便利です。

Middlemanでerbのコードブロックをerbに書く方法

記事内にerbのコードブロックを書くとエラーが発生 私は記事をMarkdownで書いていますが、より柔軟に変数やロジックを使いたいため、拡張子を.html.md.erbとし、erbで動的に生成したMarkdownがhtmlに変換されるようにしています。

middleman-syntaxでGitHubみたいにきれいにhighlightingする方法

Middlemanで作ったサイトでは、簡単に自分のサンプルコードにsyntax highlightを適用することが可能です。まるで、GitHub上のコードと同じような見た目にすることも可能です。

MiddlemanでMarkdownの改行がbrタグに変換されるようにする方法

MiddlemanのMarkdownはデフォルトのままだと普通に改行してもbrタグは入らない GitHub上でissueやpull requestを書く時に使われているMarkdownだと改行するとhtml上でもちゃんと改行されますよね。これは改行がbrタグに変換されるからです。

Middlemanでlivereloadが反応しなくなった時にやるべきこと

Middlemanで開発をすすめていて便利なのがlivereloadですが、なぜか反応しなくなったことはありませんか?

middleman-blogでpaginationの変数をpartialやlayoutでも使う方法

paginationに関する変数をpartialやlayoutで使うと何も表示されない

Middlemanの"Slim::Engine: Option :Lang is invalid"というwarnigについて

"middleman server"を実行しているターミナルで発生するwarning slimを使用している方はこのようなwarningが発生していませんか?

"middleman deploy"実行時に発生したエラーへの対処

"middleman deploy" 実行時にエラーが発生 mddleman deploy実行時に以下のエラーが発生しました。

middleman-blogでyearやmonthやdayやtagページの生成をしない方法

"middleman build --verbose" 実行時にエラーが発生 mddleman build --verboseで下のようなエラーが出ました。

Middlemanでcontent_forとyield_contentで超柔軟にlayoutを変更する方法

テンプレートからlayoutを微妙に変えられるcontent_forとyield_content たとえば、記事ページと一覧ページでサイドバーの内容を変えたい時、どうしますか?Layout側でIf文で出し分けるという方法もありますね。 でも、Middlemanではそのような場合はcontent_forとyield_contentを使うとコードの見通しが良くなります。

Middlemanでwrap_layoutがドキュメント通りに動かない件

ドキュメント通りにしてもhtmlが何も出力されないという問題 公式ドキュメントのこの部分によると、Nested Layoutを使いたい場合は下のようにすると書いてありますが、これだと動きません。htmlが何も出力されず白い画面となります。