CSS

フロントエンド

【CSS】ガターが均一なカードレイアウト(レスポンシブ対応)実装例

display: flexを利用してレスポンシブ対応のカードレイアウトを作りました。アイテムの横幅、縦幅、アイテム間の余白(ガター)がいずれも相対指定のため、どんなウィンドウサイズでもバランスを崩すことのないレイアウトです。 ...
フロントエンド

CSSセレクタを活用してDOM操作をもっと快適にする

jQueryでDOM操作をするときに知っていると快適になるCSSセレクタ8選。論理和、論理積、子孫セレクタ、子セレクタ、属性セレクタ、N番目系(first-child、last-child、nth-of-type)の8つのCSSセレクタを紹介。
フロントエンド

javaScriptでiOS風の電卓を作りました

javaScriptの勉強中です。何か作りながらのほうが楽しいので、電卓を作ってみました。 iOSやmacに標準装備されている電卓風にしてみました。 ただ、この電卓、いくつか動かない機能が……(^^;) +/-や小数点はちょっと面倒...
フロントエンド

【CSS】謎の余白の正体はmarginでもpaddingでもないアレでした

WEB制作会社に入社して6か月のド新人HTMLコーダーです。最近はCSSや開発者ツールにも少しは慣れてきて、問題があっても自分で解決できるようになってきました。しかし、最近「謎の余白」でハマった事件があり、ご紹介したいと思います。 ...
タイトルとURLをコピーしました