【HTML/CSS】JavaScriptを使わないシンプルなパララックスの作り方 [IE7対応]

デモを見る ファイル一式をダウンロードする 動きのないシンプルなパララックスは、JavaScript無しで簡単に作ることができます。フルブラ…

【Windows】Sass や Ruby などインストールしているシステムは、定期的にアップデートの確認を

本日、Sassの公式twitterが「3.4.17 にアップデートした」と発表しました。 Just released: Ruby Sass …

【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対応]

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

【HTML/CSS】レスポンシブコーディングの数値指定は、相対/絶対を使い分けると楽

相対指定を厳守せねばならぬコーディングルールがない限りは、数値を指定するCSSプロパティで、絶対指定を取り入れると一気に楽になります。 スマ…

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

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

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

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

【HTML/CSS】ボーダーをレタープレス(型押し)風にして凸凹を表現する

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

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

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

ありがとう という言葉

クリーニング ホワイト急便 ボケーっとした感じのおじいちゃん。 不思議と安心する。   サミットストア レジの皆さん。 年齢に関係…

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

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

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

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

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

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

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

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

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

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

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

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