Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
マックの新サイトも導入した「LPO」対策とは？
Webサイトのページビューがなかなか伸びない。アクセス解析をすると、せっかくサイトに来てくれた訪問客の多くが、ページを開いてはすぐに帰ってしまっているようだ――。 「直帰率」や「離脱率」の問題を解決し、サイト内の滞在時間を伸ばしたり、最終的なコンバージョンを高める方法として注目されているのが「LPO（Landing Page Optimization）」だ。LPOとは、検索エンジンなどの外部サイトから訪れる人が最初に開く“着地ページ”を最適化すること。もう少し具体的にいえば、検索キーワードによってページの内容を一部を書き換えたり、関連性の高いページへ誘導する方法だ。 このLPOの仕組みを新たに取り入れたのが、9月25日にリニューアルされた日本マクドナルドのWebサイト（http://www.mcdonalds.co.jp/）だ。以前の白を基調としたポップなイメージから、ブラウンをベースにし
コレは便利！ブログに「目次」が付けられる
sponsored 横浜でパン好きが集う「パンのフェス」開催！ 参加者をうならせたのは……えっ、ファミリーマート？ sponsored 「ASCII BESTBUY AWARD 2023」特別賞受賞の注目スマホが買いの理由を探る！ スマホ専門家が3ヵ月使って悟った。スマホは「AQUOS sense8」で大満足な12の理由 sponsored タイプが異なるラインアップ充実で、さまざまな場面に適したタイプの製品が存在する！ 音楽を楽しむのみにあらず！ ファーウェイのイヤホン5製品はテレワークやジョギング中の利用にも優れた選択肢だ！ sponsored 専売デバイスにMSIの新ケース採用PC、2024年のSTORMは新製品が続々登場！ sponsored グローバルでも注目を集める日本発の取り組み、このタイミングで協業を深化させた理由 SB C&SとDropboxが立ち上げた「Dropbox
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
薄型テレビ、10の疑問と5つの地雷
買ってから悔やんでも遅いんです 薄型テレビは欲しいデジタルアイテムの筆頭だが、難しい用語も多く、スペック表記もまぎらわしい。値段が値段なので、購入してから「なんか違うんじゃないか？」では遅すぎる。そうなる前に、今回はテレビにつきものの10の疑問を解消したい。また、購入経験者から聞いた、テレビ購入後の落とし穴（いわゆる地雷）についても紹介する。自分にぴったりなモデル選びの参考にしていただきたい。 Q1 液晶とプラズマって実際どう違うの？ A1 プラズマはRGBの画素（ドット）の集まりでできており、画素のひとつひとつが自己発光して映像を映し出す仕組み。一方、液晶は背面にあるバックライトの光がパネルを制御。RGBのカラーフィルターを通して映像を映す仕組みだ。 プラズマは画素ひとつひとつが発光するので、動きの速い映像でも、映像の制御が早く、ブレが少ないのが特徴。コントラスト比も液晶より高いので、奥
Wiiが家電業界へ殴り込み!?
次世代ゲーム機の中では非力とはいえ、現行のデジタル家電よりは遥かに強力なプロセッサ性能を活かし、3Dでスムーズに動くテレビ番組表を実現したWiiの「テレビの友チャンネル」。テレビの友チャンネル起動時はWiiリモコンを用いて、チャンネルの切替や音量の変更が可能である（Wiiのセンサバー経由でリモコン信号が出る）。 任天堂「Wii」の新しいチャンネル「テレビの友チャンネル」が3月にリリースされた。ゲーム機からテレビをコントロールできる3D型EPG※1だが、一般にはそれほど話題になってはいない。しかし家電メーカーの中では大騒ぎになっていたはずだ。公開後に関係者と会うと、皆真っ先に話題にするのがこの話だったのだから。なぜそれほど衝撃的だったのか。それは家電業界内で“わかってはいたけれどできなかったこと”をいくつも同時に実現してしまったからだ。 ※1 「Electric Program Guide」
SNSに変革をもたらす“ソーシャルグラフ” (1/4)
本連載の目的は、インターネットの一部で起きつつある小さなトレンドを見つけることだ。1つ1つの小さなトレンドは“さざ波”のような些細な存在でも、何度も形を変えながら押し寄せることで、砂浜の形を変えてしまう可能性を秘めている。 実は今、この連載で過去2度取り上げた“さざ波”が形を変えて、3度目の波としてSNS業界に押し寄せてきている。 “ソーシャルグラフ”という3度目の波 1度目の波は今年の3月、“米国で盛り上がるOpenID”という記事で紹介した“OpenID”だ。ひとつのIDを取得しておくだけで、複数のウェブサービスに参加できるという技術で、SNSのオープンプラットフォーム化に大きく貢献している。 その後、日本でもライブドアを筆頭にOpenIDを採用する企業がいくつか現われた。最近では3日に、ビート・コミュニケーションが提供するオープン型SNSパッケージ“Beat Media”が“Open
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
