チュートリアル

JavaScriptでらくらく縦割りテーブル

2010/07/08 in JavaScirpt by nagisa

縦割りテーブル、プラン別に価格や機能を比較するときなどに使われますが、毎回HTMLで記述するの面倒ですよね。全部のセルにクラス振るのもなんだかクールじゃないし。

今回もまたjQueryで解決しました。filter()が鍵ですかね。これなら何行あっても楽々です！以下、方法をごらんください。
Read more…

ワイアフレームのススメ！例と便利ツール

2010/06/23 in サイトデザイン by nagisa

いきなりPhotoshopやIllustratorでグラフィカルなデザインを始める方がまだ多いと思いますが、UI設計の手段としてワイアフレームが一般的になってきました。

ワイアフレームを使用する利点と、あのデザイナはどんなワイヤフレームを書いているのか、便利なツールについてまとめてみます。

満足度の高いウェブデザインの作り方

2010/06/23 in サイトデザイン by nagisa

美容師さんにカラーリングしてもらいながらのこぼれ話から思ったのですが、”プロ”と”そうじゃない人”（失敬、貶める意図はないのです）でのコミュニケーションって案外難しい。

ウェブデザインを起こすにあたってどうしたらそのギャップを埋められるのか、を考えた雑感を記しておきます。

最も美しいサイドバーの幅は？（黄金比のデザインへの応用）

2009/10/28 in サイトデザイン, チュートリアル by nagisa

皆さん黄金比ってご存知ですか？
伝承によるとギリシアの時代から使われていたという、「もっとも美しい」とされる比率です。
不思議なことにアンモナイトのような巻貝や、植物の葉の生え方もこれで計算できる、というか自然に構成されてるんです。なにか神秘を感じますよね。
大昔から絵画などに利用されているこの黄金比、もちろんサイトデザインにも使えます。

jQuery Ajax通信でブラウザによってParseErrorが出る件

2009/10/28 in JavaScirpt by nagisa

今日はjQueryからAjaxで値を投げてPHPで返したときに、なぜかIE8だけParseErrorが出るという不思議な現象について。PHPはサーバサイドなのにクライアントによって違うなんてびっくりしました。結果からいうと、PHP内でHTTPヘッダを正しく書かなかったことが原因でした。

MovableTypeにMCImageManagerをインストール(完全版)

2009/10/21 in チュートリアル by nagisa

またもやマニアックでニッチな話題を。

MTに標準でついているWYSIWYGエディタって正直使えないですよね。
クライアントのMTに正しい文法で書いてくれるWYSIWYGエディタを入れようと探していて見つけたTinyMCE。これがかなり使えるんですが、画像アップローダMCImageManagerは有償でした。
説得して導入が決定したのですが、このインストールにハマって……
日本語で詳しく解説している記事が見つからなかったので、またもや自分メモに残しておきます。