2012年02月09日　13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS

美しい花火のシーズン到来に合わせ、花火をデジタルカメラで撮影するためのテクニックをカメラマン三浦健司氏に聞いた。三脚やNDフィルターなどの機材、バルブを使った長時間露光のテクニックなども紹介する。 花火の撮影で絶対に必要な機材は4つ 花火撮影に必要な機材は、デジタル一眼レフ、ズームレンズ、三脚、レリーズの4つだ。 デジタル一眼レフ デジタルカメラでの打ち上げ花火の撮影は、シャッターを開いたまま露光する場合もあり、「バルブ」というモードがあるとよい。コンパクトデジタルカメラでもバルブモードがある機種なら問題ないが、デジタル一眼レフがおすすめだ。撮影では長時間露光が多くなるので、通常の風景撮影より電池を消耗する。予備バッテリー（電池）を最低1コは用意したい。 ■Amazon.co.jpでデジタルカメラのバッテリーを見る ズームレンズ 撮影してみたい構図やアングルにもよるが、広角28mmから望遠

「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （本体2,600円）／形態：B5変 (240ページ) ISBN：978-4-04-866070-9 HTML5には、新たに加わった要素だけでなく、従来とは意味や使い方が変わった要素があります。引き続き、意味や、使い方に変更があったり、注意点が加わった要素を解説します。 各要素の解説冒頭に登場する「カテゴリー」と「コンテンツモデル」については、第5回を参照して復習してください。 HTML5のグローバル属性 以降の解説で

「急に言われましても」に対応する フリー素材サイトいっぱいお盆だよスペシャル 気の早い話だが、もうすぐお正月だ。 夏コミあとの冬コミがすぐにやってくるように、夏から年末は一瞬。そして新年。新年といえば、年賀状だ。来年であれば巳年だから蛇のイラストの需要が高まるわけだが……そんなとき、知っておくと助かるのがフリー素材サイトだ。 個人利用であれば無料のものが多く、かつデザインがステキ。またビジネス用のテンプレートも豊富に存在しているので、普段からチェックしてけおけば、「急に言われましても」なイベントにも即対応できる。 ということで、お盆スペシャルとして編集部オススメの素材サイトを一挙に紹介していく。個別にブックマークするよりも、このページをブックマークしておくといいゾ。

Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ

「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、

1つのWebページに多くの情報を載せようとすると、縦に長くなって見づらくなってしまいます。そのようなWebページを整理するには、ページをいくつかのタブに分けるのが1つの方法です。今回は、jQuery UIの「Tabs」というウィジェットを使って、ページをタブに分ける方法を紹介します。 Tabsをダウンロードしてみよう jQueryには、ユーザーインターフェース関連の基本的なライブラリを集めた「UI」（User Interface）があります。その中の1つに「Tabs」というウィジェットがあります。Tabsは、Webページを複数のタブに分割して、切り替えられるようにするものです。 jQuery UI Tabsを使うには、まずこのJavaScriptファイルをダウンロードします。ダウンロードページに接続すると、ダウンロードするモジュールを選ぶページが表示されますので、「UI Core」と「Ta

「DS-10 EXPO in TOKYO 2008」から1ヵ月。あの時の出演者が披露してくれた演奏、そしてワザの数々は実に衝撃的だった。 しかし全国に散らばるDS-10フリークの中でも、あの場所にいられたのは一握りの人たちだけ。しかもワザの詳細はついては、いまだに良く分からない部分もある。 このまま放置しておいては、大きな知的財産の喪失だ。そう考えた筆者は、DS-10 EXPOで披露されたワザを確かめるべく、今回の企画を思い立った。まず今回はDS-10 EXPOの特別ゲストであったコルグ開発部の金森与明氏に取材し、あの衝撃の裏ワザのすべてを再現してもらった。 コルグ・金森与明氏とは？ コルグで設計されたDS-10のシンセサイザー部分。音の責任者が金森さんだ。DS-10のプリセット音やデモソングも彼の作。ユーザーが普段DS-10で作っている音は、彼が仕掛けたものなのだ。 DS-10 EXPO

マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！　第1回は、手間を省いて操作をすばやく！　今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技　表の見出しを除いて列幅を自動調整 技2――入力の早技　支店名をいつも決まった順番でオートフィル入力 技3――入力の早技　「＝」の代わりに「＋」キーで式を入力 技4――入力の早技　セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技　ながーい連番を一発入力 技6――編集の早技　ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技　基本の行列入れ替えはボタンで 技8――表の早技　多様な罫線を使った複雑な表は「罫線なし」