BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
Vimでunite.vimプラグインを使い始めて一週間 - アインシュタインの電話番号
unite.vimには気付かなかったことや使い方が変わったところなどがちらほらあったので備忘録。以下要点。 「起動時にインサートモードで開始」はONにするべきだった インサートモードから<C-u><C-h>でunite.vimを終了できる <C-m>で一番上に表示されているパスを確定（補完）できる <C-w>を単語単位からパス単位で削除するように変更した 「起動時にインサートモードで開始」はONにするべきだった 初日の記事では「起動時にインサートモードで開始」はOFFのほうが使いやすそうとか書いたけど、他の人が結構ONにしている理由がなんとなくわかった。OFFのほうが良いと思った一番大きな理由は「インサートモードじゃリスト上をjkで移動できないじゃんJK」だったんだけど、ヘルプを読んでいたら、インサートモードでも多くの操作ができるようデフォルトでキーマッピングがされていた。この表はノーマル
MacのターミナルでGitのブランチ名を表示する - アインシュタインの電話番号
VimのステータスラインにGitのブランチ名を表示させる、という記事で以下の一文が。 当然、ターミナルのプロンプトには表示させてますよね？ 今こそ！git の branch を vim のステータスラインに表示！！するとき！！！ すみません、表示させてませんでしたッ…! WindowsでmsysGit使ってる時にはプロンプトにブランチ名が表示されてて、これ結構便利かもなーとは思ってたんだけど、そもそも自分はGitのブランチをまともに使えてないので、ありがたみがよくわかってなかった。でもこれからちゃんと使うためにも早めに表示しておいたほうが良さそう。上記の記事のようにVimでも表示させたいしね。というわけで、とりあえずMacのターミナルでGitのブランチ名を表示できるようにしておく。完成形はこうなる。 git-completion.bash 今回はこちらの記事を参考にさせてもらった。ちなみに
Pull RequestとCIを使ったGitHub Flowなブログ環境を作ってみた - アインシュタインの電話番号
今から1年ほど前に、自分でお気に入りのブログ環境を構築する記事が話題になっていて、それを読んだ時から、自分用のブログ環境を作りたいと思っていた。 俺の最強ブログ システムが火を噴くぜ - てっく煮ブログ 俺の最強ブログシステムも火を噴いてたぜ - Webtech Walker 当時はそれどころではなかったこともあって、なかなか着手できずにいたんだけど、今年の7月頃から作り始めて、最近そこそこ希望通りの形になったので、まだやり残しはたくさんあるけれど、一旦ここで一区切りということでその内容を記事にしてみる。 この手の話では静的なブログツールが主流で、当時はJekyllやOctopressが流行っていて、最近ではMiddlemanを使うのが流行りつつある印象。でも自分が作ってみたかったのは、Webサービスを開発するのと同じフローで、ブログも更新できるようにするというもの。そのフローとは、表題の
フロントエンド開発者向けのAlfred Workflow - アインシュタインの電話番号
1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor
HerokuでWebアプリ開発を始めるなら知っておきたい10のこと - アインシュタインの電話番号
HerokuというPaaSについて、これからWebアプリを作ってみたいと思っている人に向けて、役に立ちそうな情報や入門記事をまとめてみました。 まえがき 今年のはじめから8月までの間で、個人で作ったWebアプリを6つリリースしていて、そのすべてのプラットフォームとしてHerokuを利用しています。 チャップリン名言Twitter Bot Herokuを使って1日1回名言をツイートするTwitter Botの作り方 Nekostagram - ねこ大好き専用Instagram Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた Inustagram - いぬ大好き専用Instagram 二匹目のどじょうを狙っていぬ大好き専用の「Inustagram」を作ってみた はてなスターカウンター はてなスターの総数を表示できる「はてなスターカウンター」を作ってみた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
