CSSで画像をトリミングして表示したい

管理画面で画像を登録して、システムで吐き出す。
こういう形を取っていると、どうしても画像のサイズにばらつきが出やすいです。

SNSなどで、投稿時に編集してトリミング…できればいいのですが、予算的にもそういった機能の追加が厳しかったり。

CSSで何とか出来ないものかと調べていたら、どうやら方法があるようでしたので、ご紹介します!

“CSSで画像をトリミングして表示したい” の続きを読む

iPhoneで見たら、このフォントだけ大きくない…?となった時は

レスポンシブデザインでサイトを構築する事もすっかり多くなっている今日この頃です。
構築したサイトをiPhoneで見てみると…

「あれ、ここだけフォントサイズ大きくない?」

といった事がちょくちょくあります。

“iPhoneで見たら、このフォントだけ大きくない…?となった時は” の続きを読む

CSSだけで流れるテキストを実装してみた

その昔…「marquee」というHTMLがありました。
このタグを使うと、さながら電光掲示板のように、流れるテキストを実装できたのですが。

このタグは「Internet Explorer」の独自要素で、現在は非推奨のタグです。
HTML5では廃止されゆくタグなのですが、流れるテキストはたまに要望があります。

JSでもありますけど、今回はこれもCSSで実装してみました。
CSS3は便利なのです。

“CSSだけで流れるテキストを実装してみた” の続きを読む