サンプルで学ぶjQuery Mobileまとめ（後編） (1/5)
前編、中編に続き、jQuery Mobileの機能について解説します。 グリッドレイアウト スマートフォンはPCに比べて画面幅が狭いので、1ページを複数カラムに分割するレイアウトはスマートフォンサイトに向きません。しかし、タブナビゲーションを実装する場合など、複数カラムに分割したい場合もあります。jQuery Mobileでは要素を均等に分割して並べる「グリッドレイアウト」の機能が用意されています。 2カラム 2カラムにしたい場合は、class属性「ui-grid-a」を付けた要素の内側に、class属性「ui-block-a」とclass属性「ui-block-b」を付けた要素をそれぞれ配置します。 ■サンプル01[HTML] <div class="ui-grid-a"> <div class="ui-block-a"><strong>I'm Block A</strong></div
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
PRIDEと似ている──「煽りV」の映像作家が語るニコ動 (1/4)
JCBホールを3階席まで満員に埋めて大盛況で終わったニコニコ動画の関連イベント「ニコニコ大会議」。その盛り上がりには、PRIDE仕込みの「プロの煽り屋」がひと役買っていた 昨年11月から2月まで4ヵ月に渡って日本全国9ヵ所を回ってきた、ニコニコ動画（ニコ動）の関連イベント「ニコニコ大会議2009-2010 ニコニコ動画（9）全国ツアー」（関連記事）。あれからおよそ1ヵ月経つが、各地の会場で実際にステージを見た人の中には「興奮未だ覚めやらず」な人も多いのでないだろうか？ ニコニコ大会議は、つまるところドワンゴの新製品だ。にもかかわらずお客として会場に来ているユーザーが異常なほど盛り上がっている。司会に笑ったり、ときにヤジを飛ばしたり。有名ユーザーがステージに登場すれば「キャー！」と声を上げて拍手で迎え入れて、彼・彼女らのパフォーマンスをもり立てる。 こうした熱狂が生まれたのは司会や出演者によ
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
リコーに聞くGR Digital III 飽くなき画質の追求！ (1/5)
5日、高級コンパクトデジタルカメラ「GR DIGITAL III」（GRD III）がリコーから発売された。GRシリーズとしては3代目となる製品だ（関連記事）。 GRD IIIは、従来モデルの「GR DIGITAL II」（GRD II）と外観がほとんど同じで、大きさも2mmくらいしか違わないため、「前作のマイナーチェンジか？」と思っている人もいるかもしれない。しかし進化の度合いを見れば、実は初代からGRD IIよりも、GRD IIからGRD IIIのほうが大きく変わった。かなり本質的な部分がステップアップしたのである。 それではリコーとしては、GRD IIIの開発時にどこに力を入れたのだろうか？ GRD IIIの企画・設計を担当する方々にお話をうかがってみた。 なお、GRD IIユーザーの皆様で、「あまり違わないみたいだから、買い換えなくていい」とホッと胸をなで下ろしている方は、今回の記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
