フロントエンド 【CSS】aspect-ratioとgapでレスポンシブ対応のグリッドレイアウト
新しめなCSSプロパティのaspect-ratioとgapを使って、幅を変えても常に正方形を維持し、アイテムとガターの比率も維持するグリッドレイアウトを作りました。
See the Pen
ガターが均一なカードレイア...
CSS
フロントエンド フロントエンド 【CSS】ガターが均一なカードレイアウト（レスポンシブ対応）実装例
こちらの記事は古いです。もっと良い方法を以下で紹介しています。
display: flexを利用してレスポンシブ対応のカードレイアウトを作りました。アイテムの横幅、縦幅、アイテム間の余白（ガター）がいずれも相対指定の...
フロントエンド javaScriptでiOS風の電卓を作りました
javaScriptの勉強中です。何か作りながらのほうが楽しいので、電卓を作ってみました。 iOSやmacに標準装備されている電卓風にしてみました。
ただ、この電卓、いくつか動かない機能が……(^^;) +/-や小数点はちょっと面倒...
フロントエンド 【CSS】謎の余白の正体はmarginでもpaddingでもないアレでした
WEB制作会社に入社して6か月のド新人HTMLコーダーです。最近はCSSや開発者ツールにも少しは慣れてきて、問題があっても自分で解決できるようになってきました。しかし、最近「謎の余白」でハマった事件があり、ご紹介したいと思います。
...