コーディング

長いURL等を貼り付けているとその単語分の幅がないと折り返してしまってうまく改行してくれません。そんな場合はcssで対応しました。対応したい要素に対して下記1行で対応できます。word-break: break-all;以上で対応できます。HTML5+CSS3

PC用サイトをスマホで表示させる際にうまく表示させることが出来ず幅が足りない場合があります。この場合下記のコードがheadに入っていないか確認してみてください。<meta name="viewport" content="width=device-wi

「表示速度を1秒でも早くさせたい」というのはブログ運営者やサイト運営者の永遠の悩み。でもサイト構成や中身によってはファイルサイズ等で難しい場合もありますが、WordPressのプラグインを使用すれば簡単に高速化することができます。※ただしサーバーのスペックによっては実行しても高速化で

WordPressの標準のパーマリンクは少しブサイクですので、装飾したパーマリンクに設定するにが良いでしょう。ただパーマリンクを変更した際に403エラー「You don't have permission to access / on this server.」がでる場合があります。こちらの

WordPressのカスタムフィールドを使用すれば柔軟にサイトを作ることができます。そのカスタムフィールドの値の有無もしくはカスタムフィールドの値によって分岐する方法です。自分用のメモも兼ねています。値の有無で分岐する方法<?php if(get_post_me

スマホ用の条件分岐をする時にWordPressで使用できる「wp_is_mobile」を使用するとiPadも分岐されてしまうので、自分で関数を作成するのが良いです。functions.phpに下記を記載して使用します。（WpTouchやMobilePressを使用している場合はそちらのfunct

IE7以下では透過PNGが使用できるようになりましたが、fadein等の動きをさせると透過してる部分が黒く表示される場合があります。cssで対応できる場合もありますが、jQueryで一括対応することができます。以下のコードをjQueryと共に記載します。// for IEjQ

ガラケーのHTMLを作ることがあるので、テンプレートをおいておきます。これでHTMLを作って文字コードをShift_JISで作ればとりあえずの形はできます。<?xml version="1.0" encoding="Shift_JIS"?

JQueryのfadeinを使用すれば要素をフェードインしながら出すことが可能です。これを使って順番に出す方法です。Javascriptはこんな感じです。<script src="http://ajax.googleapis.com/ajax/libs/jquer

html5から<video>タグを使用して動画を簡単に再生させることができます。IE8以下には対応していないので、Javascriptを読み込まして対応させる必要があります。基本の書き方はこんな感じ。<video preload="none" p