, , 2014年12月7日

Windows8.1をクリーンインストールしたので、自分好みに環境を整えたというお話です。基本的にはWindowsのパッケージ管理ツール「Chocolatey」を使ってインストールしていく形です。 導入したもの一覧はこんな感じ Chocolatey Classic Shell ConEmu Dropbox GoogleChrome + Firefox KeePass Dexpot Vim + Emacs VirtualBox + Vagrant Git OpenSSH MinGW 参考サイト:Windows 8.1ではじめるイマドキの開発環境 参考サイト:Windowsソフトを管理!パッケージ管理システムChocolateyでインストール、アップデートを簡単にする

2014年5月21日

Webページのデザインをしていると、「ここにちょっと画像が欲しいな…」と思うことがよくあります。画像フォルダから適当に引っ張ってくるのもアリですが、手頃な画像をいちいち探すのも面倒です(どうせ後で変えるわけですし)。 何か良いサービスは無いものかと探していたら、やはりありました。ダミー画像を手軽に作成してくれる「Dynamic Dummy Image Generator」です。

, 2014年5月7日

HTMLで画像を配置した時に、下側にmarginでもpaddingでもない謎の余白が現れる時があります。例えば以下のようなコードを書いた時、 h1{ background-color: #ddd; } img{ margin: 0; padding: 0; } <h1> <img src="yurufuwa.jpg" alt="" width="100px">サイトのタイトル </h1> 結果はこんな感じになります。画像のmarginとpaddingは0なのに、何故か謎の余白が現れてしまいます。 今回はこれを削除する方法を紹介します。

, 2014年5月4日

前の記事で画像を効率良く扱う「CSSスプライト」というテクニックを紹介しました。アレは確かに便利なのですが、「スプライト画像作るのめんどくない?」という問題があります。 調べた所、CSSフレームワークである「Compass」でスプライト画像が簡単に作れるそうなので、試してみました。

CATEGORIES