22種類の定番レイアウトを簡単に実装できるCSSフレームワーク『Primary』

CSS

「Primary」は22種類の定番レイアウトをフレームワークとしたスタイルシートをダウンロードできるサイト。予め定義されたスタイルに合わせてHTMLを作成していくだけで、以下のようなレイアウトを作成できるようになる。たとえば、3ペイン(ヘッダ＋左メニュ…

2010-08-10

Rails無料PaaS「Heroku」を使ってWEBアプリを公開してみた

Rails Heroku WEBサービス

GAEなどもまだRubyでのサービスを開始していないが、ずいぶん前にブラウザでRailsアプリが構築できるといって話題になったHerokuが、これもまたずいぶん前に本格的にRailsのPaaSを始めていたらしいので今更ながら環境作りにトライしてみた。 ■Heroku http://…

2010-07-25

Rails+Gruffでグラフ画像を生成・表示させる

Rails Gruff

ちょっと仕事でグラフ表示が必要になったので、メモ。前提としてRmagickがインストールされている必要がある。インストール方法は割愛。 Rmagickがインストールされたら、gemでGruffをインストール $gem install gruff※自分の環境を参考まで。 ruby 1.8.7 R…

2010-07-15

bit.lyでURLを短縮化してからtweetするブックマークレットを作る

twitter WEBサービス

ブックマークレットからtweetしたときに、高速コーディングが可能なVim+Zen-Codingのメモ http://d.hatena.ne.jp/nzm_o/20100605/1275747401 ではなく、高速コーディングが可能なVim+Zen-Codingのメモ http://bit.ly/xxxxx とURLを短縮化しつつtweetするよ…

2010-06-30

IE6で透過png画像ファイルを表示させるJavascriptライブラリ「DD_belatedPNG」

javascript

IE6以下は透過(アルファチャネル)PNGファイルに対応していなく、きれいに透過されない。一般的にはDirectXのAlphaImageLoaderを使ってこの問題を解決するのだが、表示が遅くなる...background:repeatに対応していない...など制約があるらしい。 IE7だと透過…

2010-06-27

Inkscapeの文字化けを直す

メモ

Inkscapeの文字化けを直す方法（メモ） C:\Program Files\Inkscape\etc\pango\pango.aliasesを下記に修正。 courier = "courier new,ms gothic" #Tahoma = "Tahoma,browallia new,mingliu,simhei,gulimche,msgothic,latha,mangal" Tahoma = "Tahoma,MS UI Go…

2010-06-21

プロジェクトマネージャーにおすすめする会社のPCに入れておくと作業効率がアップするフリーソフト(Win)

仕事ハックフリーソフト

ここ数年で会社のPCには必ず入れるようになったフリーソフトをご紹介。資料を作ったり、メールを打ったりと忙しいPMの方には、多少なりとも作業効率UPとなるはずなのでオススメ。ソフト選びのポイントは、・起動がはやい・動作が軽い・作業効率が上がる…

2010-06-14

IE6でSelectボックスだけz-indexが効かないバグをjQueryで解消する方法

jQuery CSS IE6バグ

z-indexでレイヤー表示したボックスの上にselectボックスだけが上側に表示されてしまうIE6のバグがある。それを解決するjQueryプラグインがあるまず事象の確認。 HTML <div id="layer">z-index: 9999;に指定したdivボックス</div> CSS div#layer { color: #FFF; background: #555…

2010-06-05

高速コーディングが可能なVim+Zen-Codingのメモ

vim

HTMLやCSSのコーディングを数倍にも高速してくれるZen-CodingのVim版を自作していらっしゃる方がいたのでありがたく使わせていただいている。zen-coding for vim を pure vimscript だけで書いてみた。よく使いそうなスニペットコマンドをメモ。実行方法 …

2010-05-29

CSSでPCサイトを簡単にiPhone対応する方法

WEBデザイン iPhone

PC向けに作成したサイトをCSSだけでiPhoneに対応する方法。 <link media="screen" href="/stylesheets/pc.css" type="text/css" rel="stylesheet"/> <link media="only screen and (max-device-width: 480px)" href="/stylesheets/iphone.css" type="text/css" rel="stylesheet"/> </link></link>

2010-05-15

vimのインデントの設定を変更する

vim

(メモ)以下の設定を.vimrcにしておく。 autoindent 改行時に半角スペース８文字を自動挿入する。デフォルトはON。 :set autoindent "autoindentを有効にする :set noautoindent "autoindentを無効にする shiftwidth オートインデント時にインデントする文字…