WordPressで投稿の総数と、メディアにある画像の総数をデーターベースから取得して表示する
Wordpressでデータベースから直接、記事の総数や画像の総数を取得する方法。get_posts等を使わずに短いコードで取得して表示することが可能です
Googleのモバイルフレンドリーテストで、自分のサイトモバイル向けにフレンドリーな仕様になっているかチェックし
Googleのモバイルフレンドリーテストで、自分のサイトモバイル向けにフレンドリーな仕様になっているかチェックし。さらにどうしたらモバイルフレンドリーになるかを教えてもらおう
ボタンをホバーするとスペーシーでかっこいいマウスオーバーエフェクト
CANVASで作られたエフェクト。マウスオーバーすることで、ボタンにキラキラしたエフェクトが与えられる。ウェブサイトのアクセントにグッド！
CSSで作られた、かわいいデザインのボタン 10種
CSSでオシャレでかわいいボタンのデザイン。CSSだけで作られており画像は使われていない。ボタンにはそれぞれ背景の色があるのでその色を参考にしたデザインのウェブサイトにするといい感じに出来る
jQuery で一定以上スクロールしたらついてくるナビゲーションを実装する
jQueryを使ってシンプルにスティック・フローティング等を実装するのに使えるコード。主にスクロールすると途中からついてくるナビゲーションの実装に使えるものです。jQueryでちょっとだけのコードで実装できてお手軽に使えます。
CSSで背景画像のシームレスパターンを無限スクロールさせるアニメーション
背景パターンがシームレスパターンのときに、CSSのアニメーションを使って無限スクロールをさせるテクニック。背景画像がシームレスであることと、背景画像はrepeatして表示されることを上手く使った方法
WordPressで管理画面に投稿一覧に投稿のスラッグを表示するカスタマイズ
Wordpressの管理画面のカスタマイズ。投稿の一覧に投稿のスラッグ名を表示するようにする。テーマのfunctions.phpにコードを追加することで表示させることができるようになる。
PHPで現在のディレクトリ、上のディレクトリへと対象のファイルを探し出すコード
PHPでサイトフォーマットをテンプレート化するときに。できるだけシンプルに手軽に利用できるように、どのファイルでもfunctions.phpを相対パスや絶対パスを意識せずにどの階層からでも読み込めるようにする工夫
jQueryでシンプルなタブ表示を作る
jQueryを使って、基本的なシンプルなタブ表示を実装するコードです。CSSのチェックボックスを使って実装するよりもシンプルなHTMLの構造を保つことが出来コードが見やすいというメリットもあります。
Google日本語入力 で数字や記号等を常に半角での入力にする
Google日本語入力で、文字を快適に入力するために。数字の入力をデフォルトで半角にする、常に半角での入力にすることで全角から半角への変換の煩わしさを解消する
3Dに回転するスライドとSVGアニメーションがユニークなギャラリー
マルチスライドのユニークなウェブデザイン。またSVGのアニメーションが良い
IE8でjQueryでoffset().top()を使うとエラーが出てしまう場合
jQueryを使った時に、IE8で offset().top() でエラーが出てしまう時の対処。offse()で値を取得するときには実在するするものが無いとエラーが出てしまうといったものがある。モダンブラウザではこれらのエラーは出ない
一つのキーの入力だけで簡単にページのURLやタイトルをコピー出来るChromeの拡張機能
Chromeの拡張機能でとても便利な タイトルとURL等をコピー出来る Copy URL+ がとても便利。カスタマイズ性も高く、さらにひとつのキーで操作することが出来とても便利。短縮リンクも作ることが可能
サブディレクトリにインストールしたWordPressをルートディレクトリで表示する方法
WordpressでのサイトのURLを変更するときの手順。Wordpressのコアを移動させずに、データベースの修正も行わないで表示のURLを変更する方法です。
Googleスプレッドシートを使ってWordPressで簡単にテーブル（表）を挿入する
Wordpressで良くテーブルを使った表を挿入する人にはオススメな時短につながる方法。Googleスプレッドシートで表を作ってからコピペするだけで簡単にWordpressのビジュアルエディタに表を挿入することが出来る。
IE8用にbackground-size を設定できるようにするプラグイン 「jquery.backgroundSize.js」
Internet Explorer 8 でもCSSのBackground-size を使えるようにするプラグイン。「jquery.backgroundSize.js」の紹介と使い方
番号付きのページネーションのボタンのレスポンシブなアイディア
レスポンシブなサイトの時に使える、レスポンシブなページネーションのアイディア。多段階に見せ方を変えつつ最適な表示にする
WordPressでログイン中のユーザーのみメインループの記事一覧に下書きや公開予定も表示できるようにする
Wordpressでメインループを変更して、下書きや公開予定の記事もサイトの記事一覧に表示できるようにするコード。
素晴らしい！HTML+CSS+jQueryで絵本のようにページをめくっていけるぜひ参考にしたいコード
絵本をHTMLとCSSとjQueryで作ったものです。ページのめくれ方や、そのあとのちょっとした動作が素晴らしいリアリティあるクオリティの高いものです。こういったものを作るときにはぜひ参考にしたいコードです。
デザインのモックアップに使えるSNSのツイートやいいねボタンのPSDファイル
WEBサイトの製作時のモックアップに使えるPSD素材。日本でよく使われるSNSボタンをPSDファイルの素材としたものです。
