note保存記事

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

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

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

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

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

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

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

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

Webデザインについて＃1「コンテナという概念」

前回のお話と前置きこのシリーズは「グラフィックデザイナーがWebを学んでみて」というテーマで不定期連載しております。このマガジンに今後もストックされていきます。初回では -デザインとは？ -紙とWebの違いについてまとめました。今回はWebデザインを行う上での基本的概念の「コンテナ」についてまとめます。これはデザインのみでなくコーディングにも通ずる考え方です。前回の記事で書いたようにWEBデザイナーは全員コーディングを行う必要はないと思いますが -自身のデザインがど

僕が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

Progateが教えてくれない、デザインカンプからのコーディング手順

Progateの道場コース、苦戦してる人多いみたいですね。課金中には道場までやらなかったのでちゃんと中身は精査できてないのですが、無料でできる範囲の初級編headerを作るところだけやってみても、「あ、こりゃ大変だわ」と思いました。なにしろそれまであれだけ手取り足取り丁寧にお膳立てされた環境で学ばせていたくせに、道場になると手のひら返したように突然ノーヒントで「自由にやってね♪」となるわけですから、戸惑わないわけがないわけです。むしろ道場コースを何の問題もなくスラスラとク

フォローしませんか？

#css