HTMLを記述すると、下記のように外部ソースをほぼ必ず読み込むことなる。 cssは<head>先頭付近、javascriptは<head>末尾付近か ...
こんにちは!Webデザインに興味をお持ちの皆さん、ようこそ! 「Webサイトってどうやって作られているんだろう?」「自分でも簡単なページを作ってみたいけど、何から始めればいいのか分からない」と感じていませんか? この講座では、Webサイト制作の ...
HTML+CSSだけでタブの切り替え機能を作る方法をサンプルと共に解説。複数のタブから見たい対象を選ぶだけで、ページを移動することなく表示内容が一瞬で切り替わります。選択中のタブがどれなのかを明示できるようにタブの色を変化させるのも簡単。
初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...
これは本当に、かなりお勧めの解説書です。 カピバラのかわいいイラストに癒やされながら、しっかりした知識が身につくHTMLとCSS、そしてWebデザインの解説書を紹介します。内容はかなり本格派。 HTML Living Standardに準拠したマークアップから、CSS Gridや ...
<コンセプト>PC&モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく! ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...
各種講座や書籍でHTML&CSSの学習を終えても、実際の現場では、求められるレベルの業務をこなせない人が少なくありません。デザイナーから渡されたデザインの全体を把握・解釈して、HTML&CSSで書き起こす力が弱い傾向にあります。 本書はWebページの ...
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用 ...
日本語のテキスト編集からCSVデータの取り扱いまでを幅広くカバーする「EmEditor」だが、Webコーディングにおいてもなかなか有用だ。 たとえば、ステータスバーの構文設定(初期状態では“Text”)をダブルクリックして“HTML”へ変更すると、HTMLコードを ...