テキストエディタのAtomでWordPress開発環境におすすめのパッケージをご紹介します。
IDE(統合開発環境)は対応していないのでもうひとつオーソドックスなLinterで環境を作ります。
WordPressはphpのシステムなのでphpの環境も必要。
続きを読むCSS
CSS position, absoluteとrelativeの違いがページを大きく崩す
Webコンテンツの位置を変更するため、CSSでは必ず使うpositionプロパティ。
しかし、absoluteとrelativeを『絶対・相対位置を指定する』という知識だけだと、ページの表示内容を大きく崩すことがあります。
それを防ぐためにpositionプロパティの元々もっている挙動についてご紹介します。
続きを読むHTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え
HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。
このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。
これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。
続きを読むCSS q, blockquote, 引用をカスタマイズする方法
<q>や<blockquote>で作る引用のデフォルトの引用符のマークや背景色はサイトのデザインと合わないことが多いし、ちょっとダサいです。カスタマイズをするのが当然の部類に入るもののひとつ。
引用符や背景色の変更はCSSでかんたんにできます。サンプルコードを交えながらご紹介します。
続きを読むHTMLとCSSだけで円を描く方法。サイズ、色はCSSで変更できる。
画像を使わずに、HTMLとCSSだけで円を作る方法です。とてもかんたんです。
画像を読み込む必要がないので、応答時間やページの表示時間が少しだけ短縮できます。
一番のメリットは、CSSでサイズや色をかんたんに変更できること。デメリットはそんなに使うことはないこと。
（意味ねーじゃんと言わないでください。）
続きを読むHTMLとCSSだけで簡単に作る。吹き出し（バルーン）。漫画のセリフを入れるやつ。
画像を使わずにHTMLとCSSだけで吹き出しを作る方法です。漫画のセリフを入れるところに使われ、バルーンとも呼ばれます。
画像を読み込まないので、応答時間やページの表示時間が少しだけ短縮できます。
CSSで形や色味をかんたんに変更できるのもメリット。
続きを読む最近更新された記事
人気の記事
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
