斜めの背景を作るためのCSSは「回転させて元に戻す」で書く!

斜めの背景を作るためのCSSの書き方です。要素全体を傾けて中の要素で元に戻すという無理やりぎみな方法となります。 たぶん、はじめて斜めの背景を作る時に困ると思います。わたしの場合、斜めで背景を再現しようと思った時に3パタ […]

vertical-alignが効かないパターンと、効くパターン

HTMLコーディング初心者の前に立ちはだかりがちなのが、vertical-alignかもしれません。わたしも「なんで効かないんだよおおおお」とパソコンを投げたくなることが何度もありました・・・。 この記事では、verti […]

コーディングのスピードを上げるための7+2の方法!

Webコーダーとしての指標の1つに「コーディングの速さ」があるかと思います。わたしは1年前にコーダーをメインの職にしようと決意してから、速さという指標を伸ばすために色々と取り入れて試してきました。 この記事では、Webサ […]

HTMLコーディングする時によく出会う実態参照と変換ツール

実態参照とは、どの機種で見てもちゃんと表示されるような文字の指定方法(書き方)です。 実体参照を使うのは2パターンあります。 HTMLタグとして認識される「<」や「&」を文字として扱うため とある機種でしか […]

CSSで横並びを表現できる5パターンとそれぞれの役割(使い所)

初心者の最初のハードルとして横並びがあるかと思います。縦に並べるだけなら、それなりにポチポチ触ればできますが、横並びになった途端に「うわあああああ」って。 この記事では、CSSで横並びを表現する5パターンとそれぞれの特徴 […]

WordPressの固定ページをテンプレートで指定する書き方

複雑っぽい構成のデザインの場合は管理画面の固定ページから編集できるエディタじゃ限界があったりします。 そこで、固定ページ専用のテンプレートを作れる機能がWordPressに存在していて、「固定テンプレート」と呼ばれていた […]

ドロワーやモーダルをCSSだけで実現する方法

ドロワーやモーダルといった、いかにもクリックアクションをJavaScriptで操作している系の動きも実はCSSだけで実現できたりします。 仕組みの大枠としては、以下の3つを組み合わせる感じです。 チェックボックにあるチェ […]