リリイログ Written by Yumi Nakamura

プログラミング

object-fit: cover; 高さ固定、横幅だけ伸縮 画像の高さを固定して、伸縮させると、画像が縦に潰れてしまいます。 「object-fit」プロパティを使って、潰れることなくきれいに表示させましょう。 img { width: …

プログラミング

怠け者ブロガー「セクションタイトルの文字の下に、文字幅だけに線を引きたい。文字幅を超えて、長い線になってしまう。どうしたらいい?」 html <h2 class="section__title">Menu</h2> …

ガジェット

Twitterで、メンションしたいときに、困ってました。TwitterIDを覚えていられないし、すぐには相手のページに飛ぶこともできなくて。 解決方法を見つけました。 ユーザー辞書に、Twitterネームと一緒に、IDを登録しておけば、すぐ…

プログラミング

Flexboxの基本的な書き方 htmlコードを書くときに使いたい【flexbox】の書き方の覚書です。 flex-direction  子要素を並べる flex-wrap  子要素を折り返し flex-flow  flex-directi…