yuri memo

コーディングとかのメモ帳

レスポンシブ

CSSで画像のアスペクト比を保持したままいい感じにトリミングする(レスポンシブ対応)

レスポンシブサイトでサムネイルなどを一覧表示させたいときに 写真のサイズがバラバラだとなかなかうまくいかず困ってました。以前、background-sizeがいいかも!と記事を書きましたが object-fitのポリフィルが使えるようになり、これは!!と思いました。…

スマホでフルスクリーンになるレスポンシブメニュー

今回は以下のようなレスポンシブメニューを実装しました。 ・モバイル時に、メニューをフルスクリーンで表示 ・メニュー開閉アニメーションはフェードイン/フェードアウト ・jQueryのfadeToggleなどは使わずに、classの付け外しをjQueryで行う デモはこちら…