2013年11月20日
placeholder使用時にiPhoneで表示崩れが発生した時の対処法
HTML5から導入された便利な属性の一つに「placeholder」があります。フォームの入力枠に薄く文字を表示させ、ユーザビリティ向上のために使用しますね。 例） placehold...
2013年11月17日
PHPで301リダイレクト
サイトの移転、htmlからphpへの拡張子変更など、ページURLの変更はサイトを運営しているとどうしても対応しなければいけない時があります。そんな時、htaccessが使えれば下記記述のみで対応が可能...
2013年11月6日
文字を省略させるためのCSS「text-overflow」
ニュースサイトでの記事一覧、ECサイトでの商品一覧などで、長い文字は1行分だけ表示させれて文末に「…」を付ける。これはよく使われる表現ですね。この文字省略を実現するにあたり、PHPやJavascrip...
2013年10月24日
「Google Feed API」でRSSフィードをパースするサンプル
RSSは今でも更新情報を通知するための重要なファイルで、多くのブログやニュースサイト等で公開されています。javascriptやPHPでRSSをパースする事で最新情報としてサイトに表示したりする事もよ...
2013年10月22日
ワードプレスの記事一覧表示で特定のカテゴリのみ表示、もしくは特定のカテゴリを除外して表示
ワードプレスでサイトを構築する際、「トップページにはこのカテゴリだけ表示したいな」と思うような時はありませんか？ 例えば「お知らせ」と「ブログ」を一元管理している場合、「お知らせ」はトップページだけで...
2013年10月19日
jQueryでスマートな「ページトップへ」リンクを作る
「ページトップへ」といえば多くのサイトやブログで採用されているボタンの類で、画面最上部まで戻るためのリンクです。特に情報量が多く縦長になりがちなコンテンツでは重要なユーザー補助となります。 そん...
2013年10月14日
PHPでエスケープ処理「htmlentities」を使う時の注意点
XSS(クロスサイトスクリプティング)やSQLインジェクションなど、PHPとMySQLで構築するプログラムには多くの危険性があります。これらの危険性を回避するための第一歩として「エスケープ処理」があり...
2013年9月15日
SQLのクエリを最適化するための「EXPLAIN」
大量のデータを扱うようになると、SQLも慎重にチューニングする必要が出てきます。今回はMySQLにおいてクエリを最適化するための「EXPLAIN」について書いてみます。 この「EXPLAIN」を...
2013年8月28日
jquery.masonryでボックスが重なってしまう時の対処法
ボックスをタイル状に並べる時に良く使われるjQueryライブラリの一つに「jquery.masonry」がありますが、このライブラリを使用して実装しようとすると、下記のように下のボックスが上のボックス...
2013年8月22日
[スマホサイト]Android端末でも横向きで拡大表示
スマートフォンサイトを作成する際、横向きの動作としては大きく二つに分かれます。一つは横向きでも文字や写真の大きさが”変わらない”動作、もう一つは横向きにした時に文字や写真の大きさが”変わる”動作。この...
