ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
USB接続の4.3インチ液晶がセンチュリーから発売予定！
USB接続で手軽にデュアルディスプレイが可能となる4.3インチのUSB接続サブモニタ「PLUS ONE」(型番:LCD-4300U)がセンチュリーから発売予定だ。 センチュリーから発売予定の4.3インチのUSB接続サブモニタ「PLUS ONE」(型番:LCD-4300U)。USB接続で手軽にデュアルディスプレイが可能となる この製品は、サイズが127(W)×17(D)×77(H)mm、重量は130gという手のひらサイズの小型液晶モニタ。同社によると高品質国内メーカーパネル採用で解像度はWVGA 800×480ドット/24bitフルカラー、視野角45/65/65/65度(上下左右)、発色数24bit 16.7万色というスペック。製造も日本国内で行なっているとのことだ。
マックの新サイトも導入した「LPO」対策とは？
Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO（Landing Page Optimization）」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日本マクドナルドのWebサイト（http://www.mcdonalds.co.jp/）だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし
jQueryで作る“Amazon風”インターフェイス (1/5)
「最近、どこでよく買い物していますか？」――こう聞かれて「Amazon！」と答える方も少なくないかもしれません（特に本誌読者であれば）。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手本にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。現
100万のサイトを5つ作る、すごい引きこもり美人
「日本珍スポット100景」は、ひなびた観光地やトンデモ系の施設といった全国のB級スポットを紹介する人気サイトだ。紹介しているすべての場所は、管理人の麻理さんが現地取材しており、その累計は300以上に及ぶ。 しかし、麻理さんの活動はそれだけではない。レトロな外装の品々を紹介し、自作レポートも行なう「スチームパンク大百科」や、デジタル加工を施した合成写真の投稿サイト「合成館」など、並行して運営しているサイトは20件以上に及ぶ。しかも、100万アクセスを超えるサイトをすでに5個持っているという。 一体どんな方法を使えば、これほど多彩で人気のあるサイトを続けることができるのだろうか。インタビューを通して分かったのは、サイトに人を呼ぶ極意。そして、麻理さんが只者ではないということだった。 日本珍スポット100景 夢のお告げで個人が始めた奇抜な博物館から、性器のモチーフを祭る豊年祭まで、全国の珍スポッ
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
小さいけど、すごい！ 話題のシンセ「KAOSSILATOR」って何だ？ (1/4)
「シンセサイザー」と聞いて、どのような製品を思い浮かべるだろうか？ 音作りの機能を搭載したキーボード、あるいは基板にチップを載せた音源そのものをイメージするかもしれない。 コルグの「KAOSSILATOR」は、こういった従来のシンセサイザーとは一線を画す、独創的なインターフェースと外観を持つ製品だ。ハガキの上下をスッパリと落とした程度の小さな本体に、円形のつまみと、いくつかの設定ボタン、黒いパッドを備え、これ1台で音作りから演奏までをこなせてしまうというのだから驚きである。
「住宅都市整理公団」に見る、オタク的ではない趣味の愛で方 (1/3)
自身のサイトで盟友・長野氏とともに団地を鑑賞するフィールドワークを展開する傍ら、@niftyのエンタメ系情報サイト「デイリーポータル Z」(以下、DPZ)では、陸上にあるテトラポットや、デパートで裸のままにされたマネキンなどに注目し、読者に新しい価値観を提供し続けている。 風変わりな趣味に、エキセントリックな人物像を思い描きがちだが、実像の大山氏はいたって理性的だ。「身の回りにある面白いモノの『入り口』を紹介することだけに興味がある」と語り、そのアプローチの手段は確かに「オタク的」ではなかった。顔が見えるインターネット第13回は、高島平団地を歩きながら、そんな大山氏の思考回路を探ってみた。 2000年からスタートした、団地ブームの始祖といわれるウェブサイト。カタログ風の体裁で全国の団地を紹介しているが、そのコメントの関係なさっぷりが好評を博している。同サイトからDVD「団地マニア」（エイベ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
