翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）からアップデートされ、実装の解説も充実しているので ...

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

tableタグの使い方、表の作成方法を簡単に一括解説。HTMLで表を書き、CSSで見やすく装飾します。HTMLではtable、tr、td要素さえ使えば良く、CSSではborder-collapse、border、paddingさえ使えば見やすい余白を確保した最低限の表が作れます。そのほか、見出しセルの ...

HTML5 Templateの各コードの詳しい説明は、下記ページに。 ブラウザごとに異なる要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルを提供する小さなCSSファイルです。HTML5にも対応しており、従来のCSSリセットに代わるものです。 normalize.cssの目的 ...

このように見るとdivタグと使い方が同じではないか？という方もいると思います。見た目にはタグが置き換えられたように見えますが、ここからはsection要素とdiv要素の使い分けについてまとめたいと思います。 section要素とdiv要素の使用用途について 2つ目 ...

創作活動のベースとしている個人サイト「水に浮かぶ月」を、2017年4月に大改装＆プチ引っ越し（サブフォルダからルートへ移動）しました。 個人サイトなので当然（？）HTMLベタ打ちサイトです。 という大改善を含んでまして、メンテが大変楽になりました。

HTML4.01以前のコーディングでは、アコーディオン（開閉式）のメニューを実装するためには、JavascriptやjQueryなどを使って組み込む必要がありました。 CSS3.0が登場すると、アニメーション的な動きのある表現が、CSSだけでも実装できるようになり ...

例題でHTMLの基礎を学び、演習問題で理解した内容を確認するという2段階のステップで、初めての方でも無理なく、しかも確実にHTML5の基本ををしっかり身に付けることができます。教科書としてはもちろん、独学の方にも最適な入門書です。 1998年創業。

不動の人気を誇る動画配信サービス 「ニコニコ動画」 （⁠ニコ動） と 「ニコニコ生放送」 （⁠ニコ生） において、 動画プレーヤのHTML5化、 そしてバックエンドシステムの刷新が図られました。このプロジェクトの背景や使われた技術、 苦労した ...

HTML5でのaタグ(a要素)の書き方を解説。aタグとは、HTMLソース内で主にリンクを作る際に使うタグのことです。リンク先を指定するhref属性や別タブで開かせるtarget属性などを含む開始タグ<a>から始まり、最後の終了タグ</a>までの全体を「a要素」と呼びます。