著者情報
-
＜WINGSプロジェクトについて＞
有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2017年5月時点での登録メンバは52名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書、記事多数。- RSS
- Twitter: @yyamada（公式）、@yyamada/wings（メンバーリスト）
- Blog
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
執筆記事
-
2015/01/13デザインサンプルで学ぶCSSによるスタイリング～「テキスト（マルチカラム）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。最終回となる今回は、CSS3で追加されたマルチカラムの機能を利用して、段組みレイアウトを簡単に実装する方法を紹介します。
-
2014/11/19デザインサンプルで学ぶCSSによるスタイリング～「floatプロパティによるレイアウト」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。本記事では、実務でよく使われるテクニックとして、floatプロパティによるレイアウト方法を紹介します。
-
2014/10/03デザインサンプルで学ぶCSSによるスタイリング～「フォーム（お問い合わせフォーム）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。本記事では、これまで紹介したフォームパーツを組み合わせたエアメール風のお問い合わせフォームをスタイリングする方法を紹介します。
-
2014/09/22セレクトボックスをスタイリングできるjQueryプラグイン「customSelect.js」
本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回は、フォーム部品の中でもスタイリングが難しいセレクトボックスを簡単にデザインできるjQueryプラグインを紹介します。
-
2014/08/22デザインサンプルで学ぶCSSによるスタイリング～「フォーム（ラジオボタン・チェックボックス・セレクトフォーム）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。今回は、フォーム部品のラジオボタンやチェックボックス、セレクトフォームなどをスタイリングするコツを紹介します。
-
2014/07/28デザインサンプルで学ぶCSSによるスタイリング～「フォーム（検索ボックス）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。本記事では、HTML5で追加されるフォーム関連の機能を一部抜粋して紹介し、それらをスタイリングするコツを紹介します。今回は検索ボックスのサンプルを3つ紹介します。
-
2014/07/17デザインサンプルで学ぶCSSによるスタイリング～「テーブル（ハイライト表示／縦列のスタイリング）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。今回は、前回に引き続き、テーブルをCSSでスタイリングする方法を紹介します。
