jQuery記事を見て興味を持った方が同じカテゴリの記事を参照する際のユーザビリティの向上と導線強化のため、スクロールに追従するトップメニューを導入しました。 当サイトのメニュー作成にあたってヘッダー部に固定されたメニューと、任意のスクロールポイントで出現するメニューの２つを用意。 よく見かけるのは下にスクロールすると消えるものですが、あまり頻繁に動きすぎると閲覧していて気が散ると思ったので任意のスクロールポイントだけの制御にしてあります。
jQuery前回の記事でコンテンツのフェードインを導入しましたが、データ量が多いためこのままでは読み込み中その部分が真っ白になってしまいます。 これじゃコンテンツがないのか読み込めていないのか分からないので、併せてローディングアニメーションも導入しました。
jQuery当サイトのフロントページは画像がやや大きめなのもあってか、少し読み込みが遅いのが気になっていました。 そこで最近はそれほど見かけない手法ですが、読み込みの遅い部分にエフェクトをかけてやればユーザーのストレスが多少和らぐかな？と思いローディングと併せて導入してみました。
WEBサイトのスマホ対応いろいろ 今やスマホ全盛期。サイト構築にあたってスマホ対応なしでは語れないご時世ですがどうしたものかと悩ましい今日この頃。 まだ駆け出しの当ブログのアクセスを見ても、ほぼ50%がスマホからの閲覧になって...
PC4Kディスプレイに活きるディスプレイアーム グリーンハウスの4軸2アームのモニターアームGH-AMCA03購入 以前からモニターアームが気になっていたのですが、4K導入に合わせて環境を変えようと思い購入してみました。 本...
CAMERA当ブログで掲載している写真はサムネイルを含めて一部を除き基本的に筆者で撮影したものを使用しています。
需要があるのか分かりませんが、今後レビューをするにあたってのベンチマークという意味合いも含めて所持機材を紹介してみたいと思います。
WEB投稿の並びを単純にfloatのカラム落ちを利用していたのですが、これだと見出しの行数の増減で縦幅が変わった際に下段が右に寄ってしまうのです。 このズレを回避する方法は思いついただけで3通りあります。
SublimeTextDreamWeaverに慣れているとつい指が伸びてしまうショートカットをSublimetext3で実現するTIPS
SublimeTextもはや定番のエディタSubLimeText3の導入からweb作成が快適になるプラグイン導入・設定まで、備忘録ついでにメモしてみます。 SubLimeText3はデフォルトではシンプルなテキストエディタですが、プラグインの導入と設定で予測変換や入力補助、ワンボタンのブラウザプレビューまでできるDreamweaverと遜色のない環境を実現でき、しかも軽快なweb作成環境を実現できますので、まだという方は是非実践してみてください！
CAMERAスマホやタブレットのカメラ機能が日々進化してきてデジカメが売れない時代と方々で言われています。確かに低価格帯のコンパクトデジタルカメラじゃスマホで撮影した写真と大差がなくなってきているので、その存在価 値が薄くなってきているのも事実です。ただ、それは裏を返せば「スマホ所有者が増えたことで写真を撮影する人口が増えた」とも捉えることができるのではないでしょうか。
