セカヤサブログ世界で一番初心者に優しいWeb制作のメディア。HTML/CSS/JavaScript、WordPress、Web制作の考え方を解説します。【徹底解説】imgタグのwidth/height属性は絶対に指定した方が良いPRHTML/CSSを学ぶスポンサーリンクHTML/CSSを学ぶ要素をコンテンツ幅をはみ出して画面いっぱいにするスマートな方法こんにちは。今回はデザインで時々見かける、「コンテンツ幅は決まっているけど一部の要素は画面いっぱいになる」デザインのスマートな実装方法を紹介します。次の画像のようなレイアウトです。grid;を使ってレスポンシブ時に要素の順番が変わるレイアウトを攻略するこんにちは。今回は、今までは再現するのに手間のかかった「レスポンシブで要素の順番が変わるレイアウト」をgridを使って上手く攻略していこうという内容です。grid自体の解説はあまり詳しく行わないので、以下の記事を参考にしてください。皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらず仕方なくブレイクポイントを追加して対応したことはありませんか?僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。装飾が賑やかなほど起こりやすい傾向...2022.08.17HTML/CSSを学ぶHTML/CSSを学ぶ教材だけでは分からない、案件でよく要求される細かいコーディングのテクニック12選こんにちは。昨今プログラミングやコーディングにおいて様々な情報が見られるようになりました。そんな環境でもまだまだ学習と仕事、案件には差があるように思います。そこでこの記事では、実際に案件で求められることの多い細かなコーディングのテ...2022.08.13HTML/CSSを学ぶHTML/CSSを学ぶBootstrapはガチでいらないはい。今回はCSSフレームワークのBootstrapは本当に必要なのかについて書いていきます。Bootstrapとは、Twitter社が開発したWebのフロントエンドを高速で制作するためのフレームワークです。flex;でいい説こんにちは。今回は、僕がコーディングしていて最近思うことを書き残しておきます。blockないしはinlineが初期値になっていますがもう全部flexにしちゃった方が色々楽なんじゃな...2022.06.06HTML/CSSを学ぶHTML/CSSを学ぶ余白はいつ生まれるのかはい。今回はタイトルの通り余白が生まれるタイミングは一体いつなのかを考えていきます。これを理解すれば、marginとpaddingのどっちを使うのが正しいか、あるいは他の方法を使うべきかを判断する基準を持つことができると思います。質...2022.06.04HTML/CSSを学ぶHTML/CSSを学ぶ【複数行対応】たった4行のCSSで、長すぎる文章を3点リーダーで省略するこんにちは。ブログサイトを作るとき、記事一覧にタイトルや本文の抜粋が載っていると思います。それらの文章が長すぎるとレイアウトを崩す原因になってしまいますから、何らかの方法で省略をする必要があります。バックエンドアプリケーション側で...2022.04.13HTML/CSSを学ぶHTML/CSSを学ぶmarginとpaddingの違いと正しい使い分け方を完全解説こんにちは。marginとpddingって、どちらも余白を作るCSSプロパティですよね。そんなmargi...2022.04.13HTML/CSSを学ぶHTML/CSSを学ぶ【コピペ可】どんなテキストにもCSSで蛍光ペンのようなマーカーを引く方法はい、今回はテキストにこんな感じでマーカーを引く方法を紹介していきます。オレンジの線で区分けしていますが、画像のようにテキスト部分のみと行全体の場合の両方を紹介します。秀樹フリーランス8年目|「世界一初心者に優しい」→セカヤサ。初心者が5年後も10年後も仕事を奪われない人になるための発信中。最新情報まとめWeb制作役立ちツールホーム検索トップサイドバ。