Web制作の画像素材作成にも活躍するPhotoshop。ロゴやアイコンといったパーツのデザインに限って使う人から、デザインカンプの制作～スライスまでこれ1本でこなす人まで……と、その活用法は人それぞれ。だが、Photoshopを簡易Webオーサリングツールとして使う方法があることをご存じだろうか？　それを実現するのが、「psd2css」というユニークなオンラインサービスだ。 PSDファイルをCSSレイアウトのWebページに変換する psd2cssは、その名のとおり、PhotoshopのPSDファイルをブラウザーからアップするだけで、CSS／XHTMLファイルに自動変換してくれるサービスだ。……と、さらっと書いてはみたが、よく考えるとこれはスゴい。Photoshopにある「Web用に保存」機能を使えば、Web用に最適化されたJPEGやPNG画像と一緒にHTMLを書き出すことはできるものの、ス

不況不況っていうけど、Web業界は受注が減るんだろうか？確かに減ると思う。 実際、うちも新規の受注は減っている。 じゃあ、仕事が無くなるかっていうとそうは思わない。 実感としては需要は相変わらず多い。ので、仕事自体は無くならない。 さっき「新規の受注は減った」って書いたじゃないか！っていう感じなんだけど、「なんとなくサイト作りましょ！」とか「キャンペーンサイト作りましょ！」とかなんかそういうお気楽な感じな案件が減った感じで、「あー、このサイト確かに直さないとやばいよね」っていう必然性のある仕事は相変わらずある。 んで、 泥臭いWEBの底から～WEBディレクター覚書～ 2009年を早くも投げ遣る。 2008年の傾向として ・新規案件が減り、運用業務が増えた ・クライアントのビジネスやコンセプト、ブランドイメージをより深く理解した上での動きを求められるようになった というのがあって、まあこれが

ドットインストール代表のライフハックブログ

ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。運悪く1日に何度もこの作業が発生するとうんざりする。 そうした、「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。CogniTom Academic Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。 地図とはいっても、ご覧のようにいい意味でざっくりとしたデザインで、非常に

「TEL」・「FAX」は音声ブラウザやスクリーンリーダーによって読み上げられ方が異なるなので、text-transformを使ったほうが無難なようです。 ちょっとした実験 例えば、以下のようなコードがあるとします。 <ul> <li>tel</li> <li>TEL</li> <li><span class="uppercase">tel</li> </ul> .uppercase { text-transform: uppercase; } それぞれ電話を表す「tel」を小文字、大文字、text-transformで小文字を大文字に変換する、という3つのコードを用意しました。 では、これは音声ブラウザやスクリーンリーダーではそれぞれどのように読み上げられるのでしょうか。 僕の手持ちのIBMホームページリーダー 3.0.4とPC-Talker XPでは、IE6の環境においてそれぞれ次のよう

JavaScriptいぢってるのは楽しいけど、書くことはまったく出来ないので、似たような機能を持つのが多い中でも選ぶ理由の一つが、class名が気に入るかとかhtmlがごちゃごちゃしないかとかそんな基準だったり。 んで、jQueryのプラグインの中でもjquery_autoさんがぼちぼち気に入ったけど、class名が！とか思ったので、いぢって自分用にしてみました。 そんな事してたら、他の便利なJavaScriptも足してみたくなったので、足したりしてたらこんなんなりましたっていうのを公開。 今回その実験に使わせていただいたJavaScriptたちは以下。 jquery.js interface.js thickbox.js jQuery_Auto.js yuga.js heightLine.js 上記の色々なJSたちを自分用にしたサンプル？デモ？とダウンロードは以下。 サンプルページ ダウ

WEBサイトの作り方について述べられた文献は多いですが、WEBサイトの閉じ方について述べられた文献は滅多に見ません。そこで今回は私が考えるWEBサイトの閉じ方について考えてみたいと思います。 【WEBサイト閉鎖までに行うこと】 流れとしてはこんな感じになるでしょう。 １．まず最初に「WEBサイトを○月○日に閉鎖します」というアナウンスを出す。 ２．閉鎖日になったら「このサイトは○月○日に閉鎖しました」というアナウンスに切り替える。（WEBサーバごと切り替えるのが良し） ３．サービスに使っていたサーバを適切に処理する。 ４．その後閉鎖告知ページを残すのであれば、そのページが残るように適切に処理する。 WEBサイト閉鎖はネガティブな作業であるためあまり気合が入らないかもしれませんが、最後まできちんと気を抜かずにがんばりましょう。 【閉鎖告知用サーバでよくあること】 ・COPYRIGHT表記が古

あのサイトがどの技術で作られているのかがわかる『BuiltWith』 August 14th, 2007 Posted in 未分類 Write comment エンジニアにとって、これはなかなか素敵なサイトではないだろうか。 あのサイトってどんな技術で作られているのだろう？という疑問に答えてくれるのがBuiltWithだ。 試しにTechcrunchを調べてみると、アクセス解析にはGoogle AnalyticsとMyBlogLog、ブログにはWordpress、広告にはFederated Media、言語はPHPとFlash、文字コードはUTF-8、サーバーのOSはDebian、といったことを教えてくれる。 またそれぞれの技術が他のサイトでどれぐらい使われているかも教えてくれる。例えばGoogle Analyticsはこのサイトに登録されているサイトのうち、42.89%のサイトが使って