note保存記事

再利用できるセレクタの書き方をレクチャー

よく初学者・初級者向けの教材では、HTMLやCSSについて、わかりやすさを優先して説明するためにHTML要素タグを用いたセレクタ指定（クラス名ではなく、<p>や<div>に直接指定する方法）で教えることがあります。しかしながら、その方法でのCSSスタイリングは多くの問題を抱えています。皆さんが何気なくやっているセレクタ指定の方法を改めて考えてみることで、スマートなHTMLやCSSを書くことがいかに大事なのか、その必要性に気が付きます。クラス名をつけるということクラ

【無料練習素材】あなたはできる？模写コーディング腕試し！

✔︎対象レベル・Progate HTML/CSSコースは終えた方・Progate初めて模写コーディングにトライする方・優しめなサイト模写で腕試ししたい方こんにちは。オンラインWebスクール「デイトラ」を運営している東京フリーランス（@TokyoFreelance）です🗼 今回はデイトラの「Web制作コース」から、無料の模写コーディング素材として課題の一部を出題します！早速本題ですが、このキャプチャの通りに、模写コーディングできますか？キャプチャはPC版しか

未経験エンジニアとして就職するための一番賢い勉強方法をレクチャー

毎年、多くの方がWebサイト制作を学び始め、転職活動に勤しんでいます。 HTMLやCSS、JavaScriptを身につけようと、様々な取り組みをおこない頑張っておられるかと思います。あなた：「はい、インターネットや書店に置いてある教材で順当に学んでいます」しかしながら、あなたのその勉強の方法が間違っていたら、と考えたことはありませんか？あなた：「いや、自分はイケてるものを作れている自信がある」見栄えの良いポートフォリオサイトを制作しようと、〈かっこいいレイ

正しいイメージタグの扱い方をレクチャー

<img>タグは頻繁に使用されるタグということもあり、その分間違った使い方をよく見ます。本記事では、<img>タグの取り扱いについて、以下の2点について解説したいと思います。 1. <img>タグをどんなタグで囲うか 2. alt属性には何を入れたら良いか <img>タグをどんなタグで囲うかよくTwitterや個人の方が書かれているブログなどで「<img>タグは、○○タグで囲うべきだ！」というようなことを発信されているのを見かけます。しかしながら、そもそも<img

メンテナンス性の高いCSSコーディングが大切な理由

はじめまして！TAK(@tak_dcxi)と申します。 noteのアカウントを取得して数週間経つのですが、一度も投稿をしていないはずなのにフォロワーが15人もいたのでそろそろ手を出さないとなーと思いながら書いております。今後もnoteを投稿していこうとは思っておりますが、僕が投稿するnoteは基本的に自分自身への備忘録のつもりで書いています。今回のnoteもあくまで自分の感想の紹介であり、世間一般の考え方とは違うものも含まれます。あくまで参考としてご覧いただけますと

僕がCSSを書く際に必ず意識している CSSのコーディングルール30条

初の有料noteです。僕個人が厳守しているCSSコーディングのルールから、特に守っておいた方が良いと感じたものを「どうしてそれが良いのか・悪いのか」といった解説も含めて30点ほどピックアップしました。文字数は全部で28,000字オーバーと卒論レベルですが、それだけコンテンツは詰まってます。価格は相場をよく知らないのでワンコインで買える500円にしました。（※2019.12.22追記）こちらのnoteですが、リリースから一週間経たずして売り上げが1000部に届きまし

¥500

Progate修了！…で、どうすればいいの？

Progate修了おめでとうございます。これであなたもフロントエンドの第一歩を踏み出しましたね。ところで未経験からProgateでHTML/CSSを初めて勉強してみて実際どうですか？簡単？難しい？感想は人それぞれだと思います。 Progateをやり終えた駆け出しの人からよく聞く声は、「次に何をしたらいいのか分からない」「いざ自分で何か作ろうと思っても何からやったらいいのか分からない」というものです。このnoteでは、未経験からProgateで初めてHTML/C

フォローしませんか？

#コーディング