Mac版Firefoxでbackground-size:coverでopacityをかけると右端に線が出る background-size:cover; を適用した要素にオンマウス(hover)でopacityをかけると、Mac版Firefoxで右端に線が出てしまう現象の回避方法をメモ。 先日コーディングをしていて、ある要素にbackground-size:co ...
【スタディ】イケてるキッズ・子ども系の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秒後に下からスライドインさせます。 上部のメ ...
オリジナル画像のツイートボタンを設置する方法 Twitterのツイートボタンを設置する機会がありましたので、自作のオリジナル画像にする方法を備忘も兼ねてまとめておきます。 独自の画像を使用したボタンの設置は過去にも経験がありましたが、あまり機会がなくすっかり忘れていました…。今後のためにもここにメ ...