文字色は明るめの黒#333にするのが暗黙の了解となっております。ユーザーにとって見やすく、疲れにくい文字色を選択しましょう。本記事ではその理由をさらに詳しく、そしてGoogleなどの大企業が何色を使用しているのか見ていきます。
私のHTML・CSS・JavaScript・PHP・WordPressは独学です。趣味的に始めたプログラミングやブログでなにかできないか模索中です。役立つ情報発信を心がけています!
|
https://twitter.com/urufu_note |
---|
文字色までしっかりデザイン!真っ黒(#000)はNGって知ってましたか?
文字色は明るめの黒#333にするのが暗黙の了解となっております。ユーザーにとって見やすく、疲れにくい文字色を選択しましょう。本記事ではその理由をさらに詳しく、そしてGoogleなどの大企業が何色を使用しているのか見ていきます。
今回はリンク色にについて、ユニバーサルデザイン、ユーザーエクスペリエンスの観点からまとめました。好きなリンク色に変えて「ブログカスタマイズ成功」と喜ぶのは良いですが、その色使いは配慮ある使い方になっていますか?この記事では「配慮した色使い」
影で表現力UP!CSSシャドウのデザインテクニックまとめ【box-shadow】
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
Loupedeckでクリエイティブな作業を効率化!【左手デバイスで最高の操作体験】
Loupedeckは、カメラマンや動画編集者などのコンテンツクリエイターやライブ配信者に役立つアイテムです。 日々の作業を行うプロフェッショナルから、趣味で写真や動画編集を行うビギナー、 また配信を行うクリエイターのワークフローを劇的に改善します。
ブログのカスタマイズって初心者ブロガーにはかなり不安に思えますよね。大きな挫折ポイントだと思います。この記事では私がブログカスタマイズとどの様に向き合ってきたのかを書いています。長くブログを続けたい人に役立つ内容ですので是非読んでください。
【今しかない!】ASUCODEであなたもPythonエンジニアになろう
ASUCODEは個別指導型のIT塾で、講師が教育カリキュラムやサポートを受講生に合うようにカスタマイズしてくれます。実践的なPythonとDjangoを使った講義が中心です。実務未経験の初心者から、違う言語での開発経験がある中級者まで幅広く受け入れています。本記事がASUCODE受講のきっかけになってくれると嬉しいです
【CSS】Flexboxの使い方をマスターしてレイアウトを簡単に調整しよう
Flexboxは、ウェブデザインで要素のレイアウトを簡単に制御するための強力なツールです。この記事では基本的な使い方を解説します。Flexboxを使ったWebページのレイアウトをマスターしましょう。Flexboxとは?Flexboxは、要素
position: absolute; で位置を指定する方法【CSS】
positionプロパティは要素の配置方法を指定するために使用されます。 この記事では、positionプロパティの値一つである「absolute」について解説します。 使いこなせば要素の配置方法を自由に制御することができるため、ウェブペー
CSSは、Webページのデザインやスタイルを指定するための言語です。HTMLと組み合わせて使われることが多く、Web開発において欠かせない技術となっています。 最近はネットで学べるサービスに溢れていますが、中級者や上級者へ向けとなると書籍が
position: relative;で位置を指定する方法【CSS】
CSSはWebページの見た目を装飾するためのスタイルシート言語です。 その中でもpositionプロパティは要素の配置方法を指定するために使用されます。 本記事ではその中でもrelativeという値に焦点を当てて解説します。 positio
【HTML】tableタグを使いこなそう!基本を理解してデータをまとめる
tableタグは、Webページで表を作るために使う特別なタグです。まるで教科書の表のように、情報を整理して表示することができます。この記事を読めば複雑に見えるtableタグが理解できるようになります。一緒にtableタグについての理解を深め
【今読まないと遠回り確定】Progateが終わったら何をすべきか解説
Progateを完走、おめでとうございます!しかし、ここで学習を終わらせてしまうと、将来的に遠回りをすることになってしまう可能性があります。「プログラミング学習はとりあえずProgateから始めた!」「でも次は何すれば良いのかわからない!」
【簡単】HTMLの基本構造をマスターしよう!【初心者にも分かる解説】
HTML(Hyper Text Markup Language)についてどれくらい知っていますか?Webページを作成するには、HTMLの基本構造を理解する必要があります。HTMLはWebページのコンテンツや構造、スタイル、機能を決定するのに
OpenClipart-VectorsによるPixabayからの画像 ブログやWebデザインで利用しているフリーの画像サイトを5つ紹介します。 自分のお気に入りのサイトがまだない人やデザイン初心者の人でも利用し易いサイトを厳選しました。 ※
【SEO】アンカーテキストとブログカードについて【ブログテクニック】
初めてブログを始める人に向けて、ブログカードとアンカーテキスト(リンクテキスト)の意味や使い方を分かりやすく説明した記事です。ブログの共有やSEO対策について知りたい人には役立つ内容となっていますので、読んでいってください。
Chromebookでプログラミング学習を始めよう【初心者向け】
プログラミングを学習する段階ではそこまで高性能なパソコンは必要ありません。手頃な価格のChromebookでも学習には十分です。本記事ではChromebookではじめるプログラミング学習について触れていきます。
リンクのtarget属性”_blank”と”_new”の使い方と注意点
【別のウィンドウでリンクを開くことができる】これだけです。本記事は【target="_blank"】の使い方と注意点、そして【target="_new"】についても解説しています。ぜひ読んでいってください。
【入門編】Webサイト制作に必要なスキル【もう学習前に迷わない】
初めてWeb制作を取り組む人にとって、何から始めたらよいかわからないという方も多いことでしょう。そこで本記事では、初心者でも理解しやすいように、Webサイト制作に必要なスキルについて概要を解説します。
【独学】Webサイト制作のおすすめ勉強方法【経験無しでもできた】
Web制作は、Webサイト制作の全ての作業を総括した言葉です。Web制作の学習で何から始めたらいいのか迷ってしまうことがあるかもしれません。本記事では、初心者でも迷わず取り組める勉強方法をご紹介します。
「ブログリーダー」を活用して、うるふさんをフォローしませんか?
文字色は明るめの黒#333にするのが暗黙の了解となっております。ユーザーにとって見やすく、疲れにくい文字色を選択しましょう。本記事ではその理由をさらに詳しく、そしてGoogleなどの大企業が何色を使用しているのか見ていきます。
今回はリンク色にについて、ユニバーサルデザイン、ユーザーエクスペリエンスの観点からまとめました。好きなリンク色に変えて「ブログカスタマイズ成功」と喜ぶのは良いですが、その色使いは配慮ある使い方になっていますか?この記事では「配慮した色使い」
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
Loupedeckは、カメラマンや動画編集者などのコンテンツクリエイターやライブ配信者に役立つアイテムです。 日々の作業を行うプロフェッショナルから、趣味で写真や動画編集を行うビギナー、 また配信を行うクリエイターのワークフローを劇的に改善します。
ブログのカスタマイズって初心者ブロガーにはかなり不安に思えますよね。大きな挫折ポイントだと思います。この記事では私がブログカスタマイズとどの様に向き合ってきたのかを書いています。長くブログを続けたい人に役立つ内容ですので是非読んでください。
ASUCODEは個別指導型のIT塾で、講師が教育カリキュラムやサポートを受講生に合うようにカスタマイズしてくれます。実践的なPythonとDjangoを使った講義が中心です。実務未経験の初心者から、違う言語での開発経験がある中級者まで幅広く受け入れています。本記事がASUCODE受講のきっかけになってくれると嬉しいです
Flexboxは、ウェブデザインで要素のレイアウトを簡単に制御するための強力なツールです。この記事では基本的な使い方を解説します。Flexboxを使ったWebページのレイアウトをマスターしましょう。Flexboxとは?Flexboxは、要素
positionプロパティは要素の配置方法を指定するために使用されます。 この記事では、positionプロパティの値一つである「absolute」について解説します。 使いこなせば要素の配置方法を自由に制御することができるため、ウェブペー
CSSは、Webページのデザインやスタイルを指定するための言語です。HTMLと組み合わせて使われることが多く、Web開発において欠かせない技術となっています。 最近はネットで学べるサービスに溢れていますが、中級者や上級者へ向けとなると書籍が
CSSはWebページの見た目を装飾するためのスタイルシート言語です。 その中でもpositionプロパティは要素の配置方法を指定するために使用されます。 本記事ではその中でもrelativeという値に焦点を当てて解説します。 positio
tableタグは、Webページで表を作るために使う特別なタグです。まるで教科書の表のように、情報を整理して表示することができます。この記事を読めば複雑に見えるtableタグが理解できるようになります。一緒にtableタグについての理解を深め
Progateを完走、おめでとうございます!しかし、ここで学習を終わらせてしまうと、将来的に遠回りをすることになってしまう可能性があります。「プログラミング学習はとりあえずProgateから始めた!」「でも次は何すれば良いのかわからない!」
HTML(Hyper Text Markup Language)についてどれくらい知っていますか?Webページを作成するには、HTMLの基本構造を理解する必要があります。HTMLはWebページのコンテンツや構造、スタイル、機能を決定するのに
OpenClipart-VectorsによるPixabayからの画像 ブログやWebデザインで利用しているフリーの画像サイトを5つ紹介します。 自分のお気に入りのサイトがまだない人やデザイン初心者の人でも利用し易いサイトを厳選しました。 ※
初めてブログを始める人に向けて、ブログカードとアンカーテキスト(リンクテキスト)の意味や使い方を分かりやすく説明した記事です。ブログの共有やSEO対策について知りたい人には役立つ内容となっていますので、読んでいってください。
プログラミングを学習する段階ではそこまで高性能なパソコンは必要ありません。手頃な価格のChromebookでも学習には十分です。本記事ではChromebookではじめるプログラミング学習について触れていきます。
【別のウィンドウでリンクを開くことができる】これだけです。本記事は【target="_blank"】の使い方と注意点、そして【target="_new"】についても解説しています。ぜひ読んでいってください。
初めてWeb制作を取り組む人にとって、何から始めたらよいかわからないという方も多いことでしょう。そこで本記事では、初心者でも理解しやすいように、Webサイト制作に必要なスキルについて概要を解説します。
Web制作は、Webサイト制作の全ての作業を総括した言葉です。Web制作の学習で何から始めたらいいのか迷ってしまうことがあるかもしれません。本記事では、初心者でも迷わず取り組める勉強方法をご紹介します。
初めてブログを始める人に向けて、ブログカードとアンカーテキスト(リンクテキスト)の意味や使い方を分かりやすく説明した記事です。ブログの共有やSEO対策について知りたい人には役立つ内容となっていますので、読んでいってください。
プログラミングを学習する段階ではそこまで高性能なパソコンは必要ありません。手頃な価格のChromebookでも学習には十分です。本記事ではChromebookではじめるプログラミング学習について触れていきます。
【別のウィンドウでリンクを開くことができる】これだけです。本記事は【target="_blank"】の使い方と注意点、そして【target="_new"】についても解説しています。ぜひ読んでいってください。
初めてWeb制作を取り組む人にとって、何から始めたらよいかわからないという方も多いことでしょう。そこで本記事では、初心者でも理解しやすいように、Webサイト制作に必要なスキルについて概要を解説します。
Web制作は、Webサイト制作の全ての作業を総括した言葉です。Web制作の学習で何から始めたらいいのか迷ってしまうことがあるかもしれません。本記事では、初心者でも迷わず取り組める勉強方法をご紹介します。