(翻訳) Sassの@contentのユースケース

この記事は、2014/04/22にChristian Reuter氏によって、書かれた記事です。本人の許可を頂いて翻訳しています。直訳が難しい所が結構あったので、意訳しています。[原文 - http://robots.thoughtbot.com/sasss-content-directive]Sass 3.2からミックスインにContentブロックを渡せる@contentが追加されています。@mixin apply-to-ie6-only { * html { ...

ブログをWordpressからJykellに、サーバーをさくらからgithubへ

ブログをWordpressからJykellに ブログをWordpressからJykellに変更した。主な理由は下記の通り。 マークダウン記法で記事が書きたかった。 普段使ってるエディタ(Vim)で記事が書きたかった。 現状アクセス頂いているユーザーの動向から、直接記事にアクセスして直帰していく人がメインなので、メインユーザー向けに構成を合わせたかった。(Jykellあんま関係ない) サーバーをgithubに移行して、サーバー代を浮かせたかった。(ここ重要)...

SASSを使ってBEMで記述

BEMについては他のサイトでもかなり詳しく解説しているサイトがあるので、簡単にだけ説明すると、BEMというのは命名ルールの概念で、要素、子要素、状態に切り分けて命名するというのが基本です。 BEMを利用するメリットというか、BEMが出来た経緯として以下の3つがポイントとして挙げられています。 Fast-to-develop, long-lived projects(素早い開発と、長期間に渡るプロジェクトのメンテナンス) Team scalability(チームのスケー...

Macユーザーなら覚えといた方がいいTerminalの便利なコマンド

CompassやらGruntやらでコマンドラインツールを使う機会も増えてきてる今日このごろだと思うのですが、ターミナル上でVim使ってる私は、色々便利すぎてシェルが使えないWindowsでの作業は苦痛になってしまってます。その中でもよく使うもの、かつインストール不要で使えるものを紹介します。 開く クイックルック htpasswdの作成 クリップボードへコピー シャットダウン メモリを解放 前回のコマンドを実行 発音させる 辞書を...

Skypeのブラウザ拡張を入れてる人が番号をスタイリングしちゃうのを防ぐ方法

ブラウザでSkypeの拡張を入れている人は勝手に電話番号がハイライトされてスカイプアイコンが表示されたりしちゃうので、それを防ぐ方法。今はたぶんスカイプツールバーなるものがなくなってクリックコールというツールに変わってると思うのですが、下記のCSSで対応できるようです。 ※ブラウザ拡張が手に入らなくて確認できませんでした。Firefoxに関してはレンダリングが300倍遅くなるという理由でBANされたようですね。 span.skype_pnh_container { display...

Page 1 of 8 Older Posts »