jQuery・タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応]

2016/07/08 jQuery 2.2 対応に修正しました。 デモを見る ファイル一式をダウンロードする お客さんから「スマホでスムース…

jQuery・表示させたときにスクロールを固定する、シンプルなモーダルウィンドウを作りました [IE9一部未対応]

デモを見る ファイル一式をダウンロードする 2016/05/31 translateY() を追加した滑らかバージョンを作っておきました。 …

2年後の未来を勝ち取れ

「10年後の自分はどうなっていると思いますか?」 日々の様々な出会いの中で、このような質問を受けることがある。 そんな時は、こう切り返す。 …

jQuery・サイド固定の縦100%と、Amazonライクなマウスオーバーメガメニューを作りました [スマホ未対応 / IE8対応]

デモを見る ファイル一式をダウンロードする ふと、「Amazonのメガメニューはどの程度のコードで作れるだろう?」と思い、作ってみました。タ…

jQuery・横幅3種類、マウスオーバードロップダウンを作りました [スマホ未対応 / IE8対応]

デモを見る ファイル一式をダウンロードする 仕事で依頼されるドロップダウンは、大抵この3種類なので作っておきました。マウスオーバーをスマホ対…

jQuery・タッチデバイス対応のマウスオーバーギャラリーを作りました [IE8対応]

デモを見る ファイル一式をダウンロードする 下記記事のマウスオーバー版を作りました。 フェードに挑戦しましたが、ちょっと上手く出来ないのでシ…

jQuery・タッチデバイスでも滑らかなタブパネルを4種類作りました [IE8対応]

デモを見る ファイル一式をダウンロードする 一般的なタブ切り替えを2点と、使いどころが微妙な2点を、暇だったので作りました。お客さんから、「…

jQuery・タッチデバイスでもそこそこ滑らかなアコーディンパネルを3種類作りました [IE8対応]

デモを見る ファイル一式をダウンロードする お客さんから、「アコーディオンがカクカクすぎるの何とかなりません?」とご要望を頂いたので、作りま…

ボーダーをレタープレス風にして凸凹を表現

検証済みブラウザとOS IE 8~ Firefox Google Chrome Safari Windows 7 OS X Yosemite…

jQuery・タッチデバイスでも滑らかなフェードで切り替える、キャプション付きギャラリーを作りました [IE8対応]

デモを見る ファイル一式をダウンロードする 不動産物件を紹介するサイトなどでは、サムネイルをクリックして画像を切り替えるギャラリーの需要が、…

ありがとう、そしていつか

クリーニング ホワイト急便 ボケーっとした感じのおじいちゃん。 なぜか不思議と安心する。 服の種類によるクリーニング仕分けは的確。 &nbs…

そのミックスインや関数、本当に必要ですか? 手段の目的化に注意を。

  • 2015/08/01
  • 更新:2017/07/28
  • Sass

仕事で案件に関わっていると、特段必要がないにも関わらず、Sass機能を使っているファイルを見かけることがあります。 例えば、 [crayon…

ランダムバナーとランダム背景画像を作りました [IE7対応]

デモを見る ファイル一式をダウンロードする バナーや背景画像を、ページを開く度にランダムで切り替えるJavaScriptです。 今ではあまり…

ページトップ、ロールオーバー、前のページへ、小窓ポップアップ、印刷ボタンを作りました [IE7対応]

デモはこちら ファイル一式をダウンロード 企業内で使う、社員専用のイントラネットなどをコーディングする案件では、今ではあまり使わないJava…

IETester 8 謎エラーとフリーズ。原因はIETesterにあり。

ふと、「印刷プレビューはJavaScriptで作れるのかな?」と思い、まず印刷ボタンを設置しました。すると、IETester 8が謎エラーと…

HTML/CSS・地味に使える6つの小技

どれも最近使ったものですが、頻繁に使う機会はありません。ただ、頭の片隅に置いておくと便利です。 目次 テキストの画像置換 アイコンフォントと…

あまり遭遇しない、5つのマニアックなバグを修正する

どのバグもすぐには問題を突き止められず、解決までに数時間~半日を要してしまいました。各ブラウザのレンダリング差異による原因がほとんどですね。…

人気ランキングの順位をWebフォントと背景色で装飾する

ブログの人気記事ランキングなどの順位表示は、「CSSカウンタ」を使えば簡単にできます。Webフォントを読み込み、背景に色をつけて、見映えよく…

アダルトサイト可の国内レンタルサーバーでWordPressを利用した結果(2015年版)

※本記事は2015年現在で、日本語サービスの提供をしているレンタルサーバー(以下、レンサバ)の比較内容です。 2014年9月から今年5月頃ま…

あまり知られていない、効率化パッケージ4点とテーマ1点

Will Bond 氏が運営している Package Control では、Sublime Textの様々なパッケージ(プラグイン)を探すこ…