LooseKnot Blog

JavaScriptで画像とリンクを動的に変更する（備忘録）

とあるWeb制作案件にて、クライアントから「ボタンを押して画像とリンクを変えたい」という要望があり、対応した時の備忘録です。図で説明する...

2015/1/28 Mac

OSXをMavericksからYosemiteにアップグレードした際に、Apacheのバージョン違いのためにlocalhostが動かなくなっ...

2015/1/18 CSS, HTML

背景画像を表示させる際に、画像の見え方自体は固定しつつ、元の画像サイズ以上にブラウザを広げた時には、画像の縦横比率を固定したままボックスごと...

企業系のWebサイト制作案件でよくある、「検証対象ブラウザはWindows 7＋IE8以降です」というケース。 Windows 7でのIE...

2014/12/22 CSS, HTML

とあるスマホ案件にて、html制作中に出くわした現象の備忘録です。現象画像とテキストが横並びになるレイアウトで、画面サイズに...

2014/12/3 Misc

今まで数年間、家庭用プリンタはキヤノン PIXUS iP100を使っていたのですが、訳あって先日（2014年11月）発売されたキヤノン PI...

2014/11/29 CSS, HTML

CSSだけを使って複数ページにまたがる記事や、連載ものの記事に利用できる、ページ送り（ページネーション）のサンプルを紹介します。 disp...

2014/10/28 CSS, HTML

マウスオーバーはいくつも手法がありますが、ここではCSSだけを使ってマウスオーバーで画像を切り替えるサンプルを紹介します。基本的にすべて...

2014/10/2 Hobby, Misc

2014年9月某日。買い物に行った横浜の某大手電気量販店で見つけた PENTAX Q7。レンズ交換が可能なミラーレス一眼でありながら...

2014/9/18 CSS, HTML

2014年4月にXPのサポートが終了したことにより、思う存分使えるようになったdisplayプロパティ。このサンプルもその恩恵にあずかってお...