WEB制作 | ページ 3

PHPで変数内の構造化情報をわかりやすく表示できるライブラリ「php-ref」の使い方

先日、PHPのvar_dumpを用いて、HTML上にも変数内の値をわかりやすくする方法を紹介しました。通常のデバッグならこれでも...

実用性はさておき、「画像にマウスカーソルを置くと、その部分が透けて見える」という効果をつけれるMagnifierRentgenを使ってみた...

いつもは、何の気無しに使っているTwitterの「いいね」ボタン。よく見たら、このエフェクト凄く凝っているなと思って...

モバイルサイトのメニュー表示用としてハンバーガーメニューをよく見かけます。ハンバーガーメニューの中には、アニメーションで、視...

ページに目次があると内容がある程度わかって分かりやすいこともあります。 Wordpressとかだと、目次を付加するには、Tab...

HTML5のアウトラインをチェックするツールとしてHTML 5 Outlinerとか、同名のChrome拡張などは有名です。 ...

Bootstrap Data TableというjQueryプラグインが、手軽にテーブルに機能追加できて、「後々何かに利用できないかな...

ブログで記事を書いていて補足説明を入れたいときがあります。そんな時はこれまで、以下のようなスタイルを用いて補足説明を入れてい...

先日、WindowsローカルにWordpressテスト環境作成する方法をまとめました。ローカルに、テスト環境作ると手...

2016/1/27 WEB制作 0

画面のスクロールとともに、手軽にエフェクト動作を指定できる「ScrollMe」というjQueryプラグインが便利だったので紹介です。...

通常のテーブル（表）はスクロールするとセル見出しが見えなくなります。これだと、長いデータを見る上で少し不便です。というのも、スクロー...

2016/1/23 WEB制作 0

新しいサイトを作成したら、雰囲気に合ったロゴを作成したいということがあります。ただ、リアルや、クラウドなどでデザイナーさんに...

サイトを作成したので「サイトロゴを作成したい」と思うこともあるかと思います。ただ、ロゴ作成となると「デザイナーさんにお金を払...

ページスクロールの進捗具合を、プログレスバーを用いて表現できるjQueryプラグイン「Scrolline.js」をWordpress...

2015/12/15 WEB制作 0

CSSセレクタの優先度の計算は、正直面倒くさいです。簡単なものの場合は「このCSSセレクタは、IDとクラスと要素で指定してあるから0...