【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つのマニアックなバグを修正する

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

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

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

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

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

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

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

【HTML/CSS】_reset.scss 作り直しました

1つ前の記事で、HTMLタグのデフォルトスタイルを調べていたところ、_reset.scssで不要なコードを多数記述していることに気づきました…

【HTML/CSS】主要なHTMLタグ、リセットする前のデフォルトスタイルまとめ

本記事は Google Chrome のデベロッパーツールを参考に作成したものです。詳細なレンダリング情報を知りたい場合は、Web Hype…