ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

Web

Web技術で困っている人のために情報を発信します。

WordPressでAjaxを使う(公開サイト 編)

wordpress image

WordPressの公開用サイトでAjaxを実装する方法を、サンプルコードを使って説明します。

WordPressは、Ajaxを公開用サイトで使うのをあまり想定していません。でも方法はあって、とてもかんたんです。

続きを読む

CSS position, absoluteとrelativeの違いがページを大きく崩す

css3 image

Webコンテンツの位置を変更するため、CSSでは必ず使うpositionプロパティ。

しかし、absoluteとrelativeを『絶対・相対位置を指定する』という知識だけだと、ページの表示内容を大きく崩すことがあります。

それを防ぐためにpositionプロパティの元々もっている挙動についてご紹介します。

続きを読む

WordPressでAjaxを使う(管理画面 編)

wordpress image

WordPressの管理画面でAjaxを実装する方法を、サンプルコードを使って説明します。

管理画面は、Ajaxを使うことがあらかじめ想定されているので、かんたんにAjax通信ができます。

続きを読む

HTMLとCSSだけで簡単に作る。軽量なタブで表示内容を切り替え

html5 css3 image

HTMLとCSSだけでタブのメニューをかんたんに作る方法をご紹介します。

このタブメニューは、画面を遷移しないで表示内容のコンテンツを切り替えます。JavaScriptは使いません。

これは、タブを切り替えるときに、Webサーバーにリクエストを送信しないので、Webページのパフォーマンスを上げることができます。

続きを読む

CSS q, blockquote, 引用をカスタマイズする方法

css3 image

<q>や<blockquote>で作る引用のデフォルトの引用符のマークや背景色はサイトのデザインと合わないことが多いし、ちょっとダサいです。カスタマイズをするのが当然の部類に入るもののひとつ。

引用符や背景色の変更はCSSでかんたんにできます。サンプルコードを交えながらご紹介します。

続きを読む