【スタディ】イケてるキッズ・子ども系のWebデザインまとめ
保育所や幼稚園、写真スタジオなど子ども向けサービスのWebデザインについて調べてみましたのでご紹介します。 保育所や幼稚園、近頃では子ども園というものもあるようですが、そのような小さな子どもを対象にした施設・サービスのWebデザインについて調べてみました。 ...
【スタディ】イケてるクリニック・医院系のWebデザインまとめ
クリニックや医院のWebデザインをまとめてみましたので、ご紹介します。 クリニックや医院のWebサイトについて調べてみましたので、よいと思ったサイトのいくつかをまとめてみました。これからちょうどクリニックのWebデザインをされる方や、デザインの勉強中の ...
たった一行！Adsenseの背景黄色を透過する方法
Google Adsenseバナーの黄色い背景色が出ないよう透明にする方法をメモしておきます。 Google Adsenseのコードを取得してバナーを貼り付けると、広告バナーの背景色が黄色になってしまいます。背景が何色であれ、広告バナーが表示されてしまえば問題あり ...
オリジナル画像のFacebookシェアボタンを設置する方法
Facebookのシェアボタンをオリジナル画像にカスタマイズして設置する方法をメモ。 ツイートボタンをオリジナル画像にする場合などもそうでしたが、設置方法をすぐ忘れてしまい、毎回のように調べるところからやっているような気がします…。 そういう暮らしとはさよならし ...
スマホサイトのデザインプレビューに。モックアップHTML（iPhone）
スマホ対応サイトのデザインを、クライアントに確認してもらう際に使えるiPhone画面をイメージしたHTMLモックアップをダウンロードできます。 レスポンシブWebデザインも主流になり、Webサイトのスマホ対応が急速に進んでいる昨今、クライアントや代理店などに画像ベ ...
WordPressでサムネイル画像つき人気記事一覧を出す方法
WordPressでサムネイル画像つきで人気記事を表示できるプラグイン、「WordPress Populer Posts」の表示設定のカスタマイズ方法をメモ。 WordPressで人気記事を表示する方法はいろいろありますが、プラグイン「WordPres ...
jQuery：ページ内リンクのスムーススクロール
jQueryでプラグインを使わずにページ内リンクのスクロールをスムースにする方法です。 ページ内リンクのスクロールを滑らか（スムース／スムーズ）にするためのjQueryプラグインを見かけることは多いですが、スクロールのためだけに結構なファイルサイズを読み込むのは気 ...
jQuery：下からスライドインするメニュー
jQueryを使って、ウィンドウ下部に固定（FIX）させたメニューを下からスライドインさせる方法です。 ウィンドウ下部にメニューを固定すること自体はよくあることですが、今回はそのメニューをページ読み込みの1秒後に下からスライドインさせます。 上部のメニューと違っ ...
Firefoxで画像をフェードさせるとズレる
Firefoxで、リンク画像をフェード(fade)させると1pxほど左右にズレてしまう現象に困っていましたが、解決策があったのでメモしておきます。 Firefoxは以前のバージョンからフェードさせた画像がズレて見えるという現象がありました。ウィンドウのサイズによっ ...
Twitterのハッシュタグで使えない文字
ツイッターのハッシュタグ（hashtag）で使えない文字があることを知ったのでメモしておきます。 ツイートボタンを設置しようとしたところ、ハッシュタグがうまく反映できませんでした。 調べてみたところ、「-（ハイフン）」などの記号類が使えないようです。 ...