「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬~4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」(マイクロソフト)を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
年度の改まりを受け,自分のスキルアップや目標設定をする時期の方も多いかと思います。今回は作り手として,どのようなスキルが必要かを俯瞰しつつ,自分の立ち位置や強さ/弱さを自己評価しながら,自分のための学習ロードマップを考えるための資料を作成してみました。なるべく技術の流れに振り回されないように,汎用的にしてみたつもりです。記事の最後に簡単なチェックシートも添えましたので,活用していただければ。 Webサイト開発はどのようなステップとタスクがあるのか 様々な分類方法がありますが,今回は4つのステップ(調査/設計/実装/運用),3つのタスク(実施/検証/合意)という流れの中で考えることとします。全てのステップにおいて,何かを成し,それが正しいかを確かめ,(主に)クライアント(発注主)の了解を得るという3タスクがあるとする考え方です。調査や運用が視野に入らない開発者がもしかしたらいるかもしれません
New York Timesのウェブサイトで、偶然面白い図表を見つけました。"The Ebb and Flow of Movies: Box Office Receipts 1986 ― 2008"と名付けられたものです。直訳すると「映画の満ち干き」。名前の通り、映画の興行収入を潮の干満になぞらえてグラフ化したもので、縦軸にその週の興行収入(高さがあるほど興行収入が大きい)、横軸に時間(横に広がっている映画は息が長い)を取っています。文章で説明するよりも実際にご覧いただくほうがずっとわかりやすいので、ぜひ上のリンクをクリックしてみてください。このグラフは1年以上前に作られたものですが、後述するように、ここから僕は新聞社が今後目指していくべき方向性の一端を見た気がしました。 最近よく話題に上っていますが、アメリカの新聞業界はオールド・メディアの中でもひと際厳しい状況に置かれています(ダイヤモ
Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース(以下UI)設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
Choosing a Worker’s Compensation AttorneyThere are numerous workers compensation lawyers in each state of Australia. Every one of these compensation lawyers Brisbane specializes on a different branch of the law. Therefore, it is essential that you hire one who specializes in handling workers compensation cases. Make Google your friend; search for potential compensation lawyers in your state, brows
Around the World with Roger Federer子どもたちの育成を目的に、 ロジャー・フェデラー氏と 世界各地で行うイベントシリーズ
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. This allows you to interact with web services and inspect the results. After you install it, just go to Tools->Poster to open the poster window. After that, try a GET or POST on your favorite web service or site. You may also open Poster using the icon
ローカライズについて Web Develoerの日本語にかかわる問題が、ほぼすべて解決したことと、Infoaxia社から管理を移管したことを受けて、今後のWeb Developerのローカライズは、BabelZillaで行うことにしました。ローカライズの議論については、BabelZillaのディスカッションパネル、またはメッセージボードでやりとりできればと思っています。自分のアカウントは「minato」です。遠慮なくお声をかけてください。 Webdeveloperとは Web Developerとは、ウェブ制作を補助する拡張機能です。拡張機能は、Firefox, Seamonkey, Flockのツールバーとして組み込まれます。そのため、それらのブラウザが動作する環境であれば、OSに依存せずに利用することができます。現在、Windows, MacOS X, Linuxでの動作を確認していま
Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード
要約 Internet Explorer 8 では、ウィンドウに表示されるユーザー インターフェイスの要素が以前のバージョンと異なっている部分があります。本資料では、Internet Explorer 8 の導入により Web サイトや Web アプリケーションの受ける影響を検討する参考となるよう、いくつかの状況について Internet Explorer 8 Beta 2 と Internet Explorer 7、Internet Explorer 6 を比較しています。 このドキュメントに記載されている情報は、発行日におけるマイクロソフトの見解を示すものです。マイクロソフトは市場の変化に対応する必要があるため、このドキュメントの内容に関する責任をマイクロソフトは問われないものとします。また、発行日以降に発表される情報の正確性を保証できません。 このドキュメントに記載された内容は情報提
Googleでビジュアルデザインの責任者を務めていたDouglas Bowman氏が退職する。同社ではウェブページの詳細なパフォーマンスデータが重視されており、こうした状況が一因となっているようだ。 同氏が退職について複雑な思いでいるのは明らかだが、好ましからざる点の指摘に遠慮はない。Bowman氏は米国時間3月20日付けのブログ投稿で次のように述べている。 技術者が溢れている企業では、問題を解決するため工学技術を頼りにする。問題を単純で論理的なものに還元し、主観をすべて取り去ってデータだけを見る。やがて、データがあらゆる問題解決を支えるようになり、企業を麻痺させ、斬新なデザインの決定を妨げる。 そう、Googleでは2種類の青色のいずれかで決めかねたら41の中間色をテストして最もパフォーマンスのよいものを選ぶというのは事実なのだ。先日、境界線の幅を3ピクセル、4ピクセル、5ピクセルのいず
米Microsoftが最近実施した一連のテストによると、Internet Explorer 8(IE 8)は現在市場に出回っているブラウザの中で最速だという。もっとも、Google ChromeやFirefox、Safari、Opera、WebKitといったブラウザについて同様の主張を展開している調査結果を探すのは、そう難しい作業ではないはずだ。 それならば、こうした最速ブラウザに関するテストの数々をどう解釈すればいいのだろう? どのテストが最も妥当なのだろう? まあ、本当を言えば、映画『ミートボール』でのビル・マーレイの口グセと同じで「そんなのどうでもいい!」といったところだ。 まったくその通りなのだ。最近のWebやWebブラウザに関して言えば、ブラウザを選ぶ際に速度を気にする人など、ほとんどいない。 確かにかつてはブラウザの性能が重視された。わたしも実際1990年代にブラウザの比較を行
本木 雅弘 テレビ朝日 ドラマスペシャル 「友情 ~平尾誠二と山中伸弥 『最後の一年』~」 平尾誠二さん役 11月11日(土)21:00 ~ 22:54 テレビ朝日系24局にて放送!! 詳しくはコチラ 佐藤 二朗 ・映画「変な家」2024/3/15(金)公開 ・ラジオ「佐藤二朗とオヤジの時間」 ・コラム集「心のおもらし」発売中 ・「ファンケル 内脂サポート」 竹中 直人 ・NODA・MAP第27回公演「正三角関係」 7/11(木)~東京芸術劇場ほか ・個展「なんだか今日はだめみたい 」 6/24~7/6 銀座 港房 ・映画「家出レスラー」5/17(金)公開 ・映画「デッドデッドデーモンズデデデデデストラクション」後章5/24(金)公開 ・映画「もしも徳川家康が総理大臣に なったら」7/26(金)公開 NODA・MAP第27回公演「正三角関係」 作・演出:野田秀樹 7
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く