スタンディングデスクにしてから、1ヶ月以上が経過した状況まとめ

本記事の内容は、あくまで個人的体験に基づいたものであり、科学的 / 医学的根拠はありません。 立ち作業用のテーブルを納品してもらった10/2…

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

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

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

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

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

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

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月時点で有効)

  • 2015/09/18
  • 更新:2016/10/06
  • SNS

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

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

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

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

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

jQuery・Animate.css の合わせ技でフルFlashサイトライクな動きを実現

デモを見る ファイル一式をダウンロードする Sublime Text専用・Animate.cssパッケージを利用します。 アニメや映画などを…

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

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

docomo Wi-Fi・SSID / セキュリティキーをMy docomo管理画面で確認

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

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

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

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

デモを見る ファイル一式をダウンロード 2017/07/29 余計なCSSを削除し、jQueryの見直しを行いました。 2017/01/29…

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

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

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

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

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

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