IE8でもメディアクエリでCSSを反映させたい

※2015/02/27 追記

今もなお猛威を振るっている、コーダー泣かせのIE8ですが
特にHTML5とCSS3を使ったサイトのときが大変ですよね。
今回詰まったのは、linkタグを使ってPC・SP別にCSSを切り替えるところでした。
JSの読み込むタイミングなど、ちょっとの差が大切みたいですよ。
続きを読む

jQueryで疑似セレクトボックスを実装する

うかうかしていたら、また1ヶ月あいてしました。
新年一発目の更新ということになりますね…気をつけます。

さて、つい最近ですが、セレクトボックスみたいなんだけどフォームのselect使わないでね、という案件に出会いまして…
(出会いたくはありませんでしたが)
問題点や解決策は次から!
続きを読む

facebookのOGPが更新されないのはキャッシュのせい

ここ最近お付き合いしているクライアントさまがSNSに力を入れているらしく
わりと曖昧にしてきたfacebookやtwitterの連携を本腰いれてやりました。
それはまた後日詳しく書くとして…
一番目からウロコだったことがfacebookのキャッシュ問題だったので
ちゃんと覚え書きしておこうと思います。
続きを読む

display:inline;した時に変な余白があく

最低でも月イチ更新するという目標だったのに、気づいたら今年が終わろうとしていました…
ほぼ丸2ヶ月あいてしまいました。
この月イチ更新、引き続き来年の抱負にしようと思います!

さて、リストで画像など並べるときに、display:inline;便利ですよね。
最近はfloatまで必要なさそうなものは、このCSS使います。
ただ、インライン要素にすると上下左右に変な余白あくのがいつも嫌なんですよね。
141225
その回避策とか、覚え書きしておこうと思います。
続きを読む

jQuery Masonryで、リロードするとちゃんと並ばない

以前やっつけ仕事で作った自分のポートフォリオをちゃんと調整しようと思い、
このたびリニューアルしました

というのはついでで。
サイト全体をレスポンシブにしたので、制作実績一覧にグリッドのライブラリである
jQuery Masonryを導入しました。

上手く実装はできたのですが、なぜかリロードすると実績が縦一列に並ぶという問題に直面。
CSSやライブラリ自体に問題はなさそうで、すっかりハマってしまいました。
続きを読む