宮本 麻矢(著)山田 祥寛(監修)

WINGSプロジェクト

有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表:山田祥寛)。おもな活動は、Web開発分野の書籍/雑誌/Web記事の執筆。ほかに海外記事の翻訳、講演なども幅広く手がける。2011年3月時点での登録メンバは36名で、現在もプロジェクトメンバーを募集中。執筆に興味のある方は、どしどしご応募頂きたい。著書多数。
http://www.wings.msn.to/

宮本 麻矢(著)山田 祥寛(監修)の執筆記事(最新5記事)

ここまでできる!CSS3
CSS3で作るスマートフォン用ページ

スマートフォンサイトの基本のマークアップスマートフォンサイトは、特に理由がない限りHTML5とCSS3で制作するのが一般的です。スマートフォンに搭載されているブラウザは、HTML5やCSS3の対応が比較的進んでいるため、PCサイトのように古いブラウザを意識しながら制作する必要はありません。これまで

宮本 麻矢(著)山田 祥寛(監修)

2011年12月15日 20:00

ここまでできる!CSS3
CSS3で作るナビゲーション

CSS3で作るタブメニュー今回は、前回のWEBパーツに続き、これまで紹介してきたCSS3の機能を使ってナビゲーションパーツを作成してみましょう。まずは、図 1のような、タブ型ナビゲーションの作り方を紹介します。タブ画像を並べたようなデザインですが、テキストはWebフォント、グラデーションはline

宮本 麻矢(著)山田 祥寛(監修)

2011年11月17日 20:00

ここまでできる!CSS3
CSS3で作るWebパーツ

CSS3で作るグラデーションの見出し今回は、これまで紹介してきたCSS3の機能を使って、コンテンツの見出しやボタン、アイコンなどのWebパーツを作ってみましょう。WebパーツをCSS3で描画することは、特にスマートフォン向けサイトにおいて有効です。画像を使わないので、サーバへのリクエスト数を減らす

宮本 麻矢(著)山田 祥寛(監修)

2011年11月16日 20:00

ここまでできる!CSS3
CSS3で画像をおしゃれに演出

透明度を指定するopacityプロパティとrgba()の違い今回は、これまでの連載の中で出てきたCSS3の表現を使って、画像をちょっと素敵に装飾してみましょう。opacityプロパティで画像を半透明にしたり、box-shadowプロパティで画像枠に影を付けたり、Webフォントで写真にタイトルを付け

宮本 麻矢(著)山田 祥寛(監修)

2011年9月14日 20:00

ここまでできる!CSS3
CSS3のWebフォントを使ってみよう

Webフォントとは?CSS2.1のfont-familyプロパティでは、フォント名や総称ファミリ名でフォントを指定できますが、ユーザーのローカル環境にインストールされているフォントを指定する必要があり、使用できるフォントは限られています。特に日本語フォントの場合、WindowsとMacに標準でイン

宮本 麻矢(著)山田 祥寛(監修)

2011年8月18日 20:00

この記事をシェアしてください

人気記事トップ10

人気記事ランキングをもっと見る