レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法
皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらず仕方なくブレイクポイントを追加して対応したことはありませんか？僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。 装飾が賑やかな…
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
教材だけでは分からない、案件でよく要求される細かいコーディングのテクニック13選
こんにちは。昨今プログラミングやコーディングにおいて様々な情報が見られるようになりました。しかし、そんな環境でもまだまだ学習と仕事、案件には差があるように思います。 そこでこの記事では、実際に案件で求められることの多い細…
HTML/CSS
Bootstrapはガチでいらない
はい。今回はCSSフレームワークのBootstrapは本当に必要なのかについて書いていきます。 Bootstrapとは、Twitter社が開発したWebのフロントエンドを高速で制作するためのフレームワークです。 公式：h…
HTML/CSS
display、全部flexでいい説
こんにちは。今回は、僕がコーディングしていて最近思うことを書き残しておきます。 タイトルの通りで、HTML要素は基本的にdisplay: blockないしはinlineが初期値になっていますがもう全部flexにしちゃった…
HTML/CSS
余白はいつ生まれるのか
はい。今回はタイトルの通り余白が生まれるタイミングは一体いつなのかを考えていきます。 これを理解すれば、marginとpaddingのどっちを使うのが正しいか、あるいは他の方法を使うべきかを判断する基準を持つことができる…
HTML/CSS
【複数行対応】CSSのみで、長すぎる文章を3点リーダーで省略する
こんにちは。 例えばブログサイトを作るとき、記事一覧にタイトルや本文の抜粋が載っていると思います。それらの文章が長すぎるとレイアウトを崩す原因になってしまいますから、何らかの方法で省略をする必要があります。 バックエンド…
HTML/CSS
絶対に間違えないmarginとpaddingの使い分け方
こんにちは。marginとpddingって、どちらも余白を作るCSSプロパティですよね。 要素の外側はmarginで内側はpaddingという説明もされたりしますが、そうは言っても実際のコードを書くと迷ってしまいませんか…
HTML/CSS
【コピペ可】どんなテキストにもCSSで蛍光ペンのようなマーカーを引く方法
はい、今回はテキストにこんな感じでマーカーを引く方法を紹介していきます。 オレンジの線で区分けしていますが、画像のようにテキスト部分のみと行全体の場合の両方を紹介します。 テキスト部分のみ コード 解説 行全体 コード …
HTML/CSS
【コピペ可】background-attachment: fixed;がiOSのSafariで効かない問題を完全に解決する【CSSのみ】
こんにちは。今回はパララックス表現を行うためのプロパティ、background-attachment: fixedがiOSのSafariで動かない問題を回避するための方法を書いていきます。 結論（コピペ可） なぜ動かない…
HTML/CSS
Sass、別に言うほどいらない説
こんにちは。 プログラミングスクールとか、いろんな教材見ているとやたらにSassをやらせているように見受けられます。 しかし、実際の現場でSassが効力を発揮している場面って実はあまり多くないのでは？と感じています。 少…
最近のコメント