【WordPress】最低限必要なサイト構成 / ファイル / コードまとめ(2015年11月)

ブランクテーマ「Bones」を利用しつつ、足りない部分を補います。 http://keitahirai.net/archives/563 目…

【jQuery】フルFlashのようなサイト制作は、8要点を押さえれば乗り切れる

デモを見る ファイル一式をダウンロードする エンタメ系サイトのコーディングなどでは、CSS3とjQueryを駆使したフルFlashっぽい仕上…

2009年頃に作成した12カテゴリ別のWebサイトレイアウト案

画像の劣化が激しいです。 個人でWebサイト制作の受託を始めた頃、サイトデザインも請け負っていました。その時自分用に作成した、サイトカテゴリ…

【WordPress】ブランクテーマ「Bones」を基本ファイル構成に変更する

本記事は個人的な備忘録です。検索用ファイルが必要な場合は残す。 ファイル一式をダウンロード 公式サイトからダウンロードして、解凍後にFTPア…

スタンディングデスクでの作業を開始

スタンディングデスクにするための特注テーブルを、本日自宅に納品して頂いた。テーブルの制作を依頼したのは、埼玉県の家具工房「アクロージュファニ…

【jQuery】カルーセルプラグイン「Owl Carousel 2 Thumbs」の使い方 [IE8一部未対応]

デモを見る ファイル一式をダウンロードする カルーセルスライダー Owl Carousel に、サムネイル機能を補完したプラインが Owl …

【jQuery】カルーセルプラグイン「Owl Carousel 2」をカスタマイズする [IE10 / Android 4.4 以上]

Owl Carousel は、有名プラグインの中で最も滑らかにスライドする、タッチデバイス対応のカルーセルスライダーです。バージョン2はなぜ…

【jQuery】Lightbox プラグイン「slick lightbox」をカスタマイズする [IE9以上]

デモを見る ファイル一式をダウンロードする IE8 以下では一切使えません。 カルーセルスライダー  slick を、Lightbox化した…

【jQuery】スクロールイベントでよく使う基本的な3つの .offset().top [IE7対応]

Webサイト制作でちょくちょく使っている、スクロールイベントの offset().top 3つです。 ただスクロールイベント系は、プラグイン…

同窓会のため北陸新幹線で金沢へ

先月同級生から電話があり、「小学校が廃校になるらしいよ。そこで同窓会をやろうってことになったんだけど、来る?」と誘いを受けた。 別の同級生二…

Facebook「いいね」ボタン 吹き出しありの旧コード(2015年9月時点で有効)

2年ぶりくらいにFacebookの「いいね」ボタンをWebサイトに設置したところ、ボタン横に文法のおかしな日本語テキストが表示された。 UR…

【jQuery】1枚背景画像サイトで使えるかもしれないパララックスサンプル2つ [一部IE8未対応]

サンプルの汎用性が低いため、実務で使えるかは微妙です。ただ、「こういうことが出来ます」と提案できるため、覚えておいて損はないはず。 目次 画…

【jQuery】覚えておくと便利な、スクロールで対象要素がフェードするサンプル3つ [IE7対応]

1枚画像背景のブロックをスクロールしていくサイトなどでは、ブロックの中身をフェードさせると、容易に見栄えを良くすることができます。 あまりや…

デモに参加する負け組にだけはなるな

現代日本における負け組とは誰のこと? 空気に流されて、デモに参加しているような人間のこと。 思想が右とか左だとか関係ない。 その行動が無意味…

【jQuery】Animate.css との合わせ技で、フルFlashサイトみたいな動きを作る [IE10以上]

デモを見る ファイル一式をダウンロードする 本記事のデモは Sublime Text で使っています。 アニメや映画などを紹介するエンタメ系…

【jQuery】シンプルなスクロールスパイを作りました [PC限定 / IE9対応]

デモを見る ファイル一式をダウンロードする 皆さんブログで Bootstrap のスクロールスパイをよく紹介されていますが、余計なコードを多…

【docomo Wi-Fi】SSID / セキュリティキーをMy docomo(管理画面)で確認する方法

PCで確認したので、スマホでも同じかは不明。 下記ページにアクセスして、順番にクリックしていけば辿り着く。(My docomo へのログイン…

【バグ】opacity や translate 4つのバグと解決策

2017/01/29 Mac OS / Safari 限定で translate バグのスクロールフリーズが再発しました。面倒くさいので直し…

【jQuery】実務で必要な11項目をクリアした、レスポンシブドロワーメニューを作りました [IE9以上]

デモを見る ファイル一式をダウンロードする 2017/01/29 Mac OS / Safari 限定でスクロールできなくなりました。面倒く…

【jQuery】[緊急] iOS 8.4.1 の :hover バグをユーザーエージェント切り替えで対処 [IE7対応]

昨日、「ブレークポイントで切り替えれば問題なし」と投稿しましたが、検証を重ねるとダメなことが判明しました…。すみません。 :hover で透…