配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
今秋の発売迫る！ 完成間近なグーグルPCの｢Chrome OS｣スクリーンショットを一挙公開
今秋の発売迫る！ 完成間近なグーグルPCの｢Chrome OS｣スクリーンショットを一挙公開2010.07.06 11:00 かなりパソコンらしい仕上がりになってきましたよ... Windows陣営のマイクロソフトさえ警戒感を抱いているという、グーグルがオープンソースで開発を進める｢Chrome OS｣ですが、ここに来て、いよいよ今秋の製品発売を前に完成度の高まりが伝えられていますよ。なんか10月には超高機能な｢Android 3.0｣まで正式リリースされてくるようですし、グーグルからの怒涛の攻勢に大いに期待ですね。 ではでは、続きから、これまでに｢Chromium｣の公式サイトで明らかになってきている情報を総括し、Chrome OSの全容へと迫ってみることにいたしましょう。どうぞご覧くださいませ。 Chrome OSは、基本的なスタンスといたしまして、複数ユーザーでの利用がサポートされて
WordPressプラグイン「BuddyPress」でSNSサイトを作成
2017年6月29日 Wordpress SNS（ソーシャルネットワーキングサイト）でユーザー同士がコミュニケーションを取れるサイトを作りたい！そんな時に役立つのがWordPressプラグイン「BuddyPress」。メンバーになると友達の申請やメッセージの交換、グループ（コミュニティ）の作成など、Mixiライクなサイトを作ることができます。さらにWordPress3.0のマルチサイト設定をすれば各メンバーがブログの作成可能！そんな便利なプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ BuddyPressでSNSサイトを構築 目次 BuddyPressでなにができるの？ BuddyPressをインストールする WordPress3.0でマルチサイトの設定 フォーラムを追加する BuddyPressのテーマを変更する 1. BuddyPressでなにができるの？ Word
Webを高速化するために、私たちに何ができるか？ 「続・ハイパフォーマンスWebサイト」
Publickey グーグルがWebを高速化するために何をしているか http://goo.gl/KyBk この記事に興味を持った人は、是非、オライリーの「続・ハイパフォーマンスWebサイト」も読んで欲しい。http://goo.gl/davBless than a minute ago via Chromed Bird及川卓也 / Takuya Oikawa takoratta 本のページをめくるようにWebページの表示を高速化することを目指して、グーグルがWebブラウザやTCP/IP、HTTPといった通信プロトコルの改善を行っているのと同様に、私たちWebサイトを構築する側にも、Webを高速化するために使えるさまざまな手段があります。 それをまとめたのが書籍「続・ハイパフォーマンスWebサイト」です。以前、オライリー・ジャパンの編集担当の方から献本いただいていたので、さっそく紹介しまし
5時間で1400部以上売れた電子書籍：日経ビジネスオンライン
iPad（アイパッド）やKindle（キンドル）など、新しいデバイスの登場で電子書籍が注目を集めている。そんな中で、まったくの手作りの電子書籍が画期的な売り上げを記録した。 今年5月に行われた「第10回文学フリマ」がその会場。文学愛好者が集まって同人誌を売り買いする即売会だ。会場の各ブースの机の上には、それぞれの文学サークルが作った紙の同人誌が山と積まれていたが、一カ所、コンピューターが置かれただけの殺風景なブースがあった。一際目立つそのブースで販売されていたのが、電子書籍化された同人誌だった。 たった5時間の即売会で売れたのは1400部以上。同人誌即売会としては画期的な数だ。 仕掛け人は米光一成立命館大学映像学部教授とエンジニアの松永肇一氏。米光氏が中心となって活動する「電子書籍部」が制作と販売を担った。松永氏は技術的なバックボーンを支えた。 電子書籍をあえて「電書」と呼ぶ米光教授と松永
Webデザイナの作業効率を改善する10の方法 | エンタープライズ | マイコミジャーナル
Noupe passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. 作業効率を改善するためのテクニックはこれまで多く登場している。表現する方法や手段に差はあれど、結局のところ最終的に実現しようとする内容は、1)気を紛らわすようなものを削除する、2)作業を引き伸ばすといったことをしない、3)最初に決めたスケジュールは守る、などの内容に落ち着く。 こうした内容を踏まえつつ、Get More Done: 10 Tips for a More Produ
ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
