セカヤサブログ世界で一番初心者に優しいWeb制作のメディア。HTML/CSS/JavaScript、WordPress、Web制作の考え方を解説します。【徹底解説】imgタグのwidth/height属性は絶対に指定した方が良いPRWeb制作を学ぶスポンサーリンクHTML/CSSを学ぶたったの一行でサイトの読み込み速度を実質10倍以上にする方法ホームページはできれば読み込みが速い方が良いですよね。LPのようにユーザーに直接商品を訴求するようなページではなるべく離脱率を下げる工夫がしたいところです。その一つとして読み込み速度はとても重要です。LPは使われる画像の数が多く...2023.04.20HTML/CSSを学ぶHTML/CSSを学ぶCSSで安易なネストは使うな【Sassもだよ】こんにちは。Chrome112でCSSのネストが使えるようになりました。Useを見るとまだモダンブラウザはほとんど対応していません(2023/04/05現在)が、基本的には後追いで実装する流れになるでしょう。Twitterの...2023.04.06HTML/CSSを学ぶHTML/CSSを学ぶあらゆるUIパーツ、レイアウトの実装法を学べるcsslayout.ioがすごいこんにちは。今回は、いろんなレイアウト、見た目をHTML/CSSで表現する方法をまとめているcsslayout.ioさんを紹介します。更新サイトのURLが変わっていたので新しいものに修正しました。どんなサイト?...2023.01.26HTML/CSSを学ぶWeb制作を学ぶコーダー向け、Figmaの最低限覚えるべき使い方こんにちは。先日なんとXDがストアから消えたというニュースがありました。単体販売を終了したようです。前にAdobeがFigmaを買収したというニュースがあり今後どうなるのかと思っていましたが、Adobeも思い切りましたね。...2023.01.25Web制作を学ぶHTML/CSSを学ぶさらに楽をする、emmetのカスタマイズ方法こんにちは。HTML/CSSの記述する速度を圧倒的に早めてくれるemmet。皆さんもお使いの方は多いのではないでしょうか。emmetの使い方はこちら。一部の短縮記法は現代のHTMLで良いとされる形と微妙に違っていたりします。あるい...2023.01.21HTML/CSSを学ぶWeb制作を学ぶ2022年、Web制作に役立つ記事まとめこんにちは。そこで僕が今年書いた記事の中で、特に多く読まれた記事をまとめたいと思います。今年の振り返りも兼ねて、ぜひ見ていってください。今年の初めに書いた記事ですね。いろんなスク...2022.12.29Web制作を学ぶWeb制作を学ぶ【2023年へ向けて】Web制作・開発に関わる人が受けると良い資格・検定まとめ【国家検定もあるよ】こんにちは。今回はWeb制作やWeb開発に携わる人が勉強すると良さそうな資格・検定をまとめてみます。探してみると、僕も勉強したいと思ったものがたくさんありましたので紹介していきます。gridを使って要素を重ねるこんにちは。gridを使って要素を重ねる方法について考えていこうと思います。ブログなどの記事一覧でよく見るカードの形です。左上のタグが画像に重なっています。結論から言...2022.12.24HTML/CSSを学ぶHTML/CSSを学ぶ要素をコンテンツ幅をはみ出して画面いっぱいにするスマートな方法こんにちは。今回はデザインで時々見かける、「コンテンツ幅は決まっているけど一部の要素は画面いっぱいになる」デザインのスマートな実装方法を紹介します。次の画像のようなレイアウトです。コンテンツ...2022.12.23HTML/CSSを学ぶWeb制作を学ぶ単なるHTML/CSSだけのプロジェクトでもホットリロードする方法こんにちは。Web制作領域だと、LPのようにわざわざwebpackやviteなどのビルド/バンドルツールを使うほどでもないプロジェクトだけどホットリロードは欲しい!って時ありますよね。そんな時に簡単にホットリロードを行う方法です。秀樹フリーランス8年目|「世界一初心者に優しい」→セカヤサ。初心者が5年後も10年後も仕事を奪われない人になるための発信中。最新情報まとめWeb制作役立ちツールホーム検索トップサイドバ。