From 65cc6eabd71b1bceccf6fd3d3d4970c2955f3784 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Thu, 10 Dec 2020 08:37:18 -0500 Subject: dump 2020-12-10 --- files/ja/learn/css/first_steps/index.html | 8 ++++++++ files/ja/learn/forms/styling_html_forms/index.html | 7 ++++--- .../javascript/objects/adding_bouncing_balls_features/index.html | 2 +- files/ja/learn/javascript/objects/index.html | 2 +- 4 files changed, 14 insertions(+), 5 deletions(-) (limited to 'files/ja/learn') diff --git a/files/ja/learn/css/first_steps/index.html b/files/ja/learn/css/first_steps/index.html index 3a7a08cb48..b576a008e4 100644 --- a/files/ja/learn/css/first_steps/index.html +++ b/files/ja/learn/css/first_steps/index.html @@ -14,6 +14,14 @@ translation_of: Learn/CSS/First_steps

CSS (Cascading Style Sheets) はウェブページをスタイリングしたりレイアウトしたりするのに使われます — 例えば、文字、色、大きさを変えたり、コンテンツに余白を設けたり、複数列に分けたり、あるいはアニメーションを加えたりなど様々な装飾機能があります。このモジュールでは CSS を習得するために、どう働くかの基本とともに、構文のありかたと HTML にスタイリングを加えることを簡単な始め方を提供します。

+
+

フロントエンドのウェブ開発者になりたいですか?

+ +

ゴールに向かって頑張るために必要な情報をまとめたコースをご用意しました。

+ +

始める

+
+

前提条件

このモジュールを始める前に、次の状態になっておくべきです。

diff --git a/files/ja/learn/forms/styling_html_forms/index.html b/files/ja/learn/forms/styling_html_forms/index.html index 4634665cef..71d463f0c7 100644 --- a/files/ja/learn/forms/styling_html_forms/index.html +++ b/files/ja/learn/forms/styling_html_forms/index.html @@ -199,7 +199,7 @@ legend {

上記のコードを HTML の body に追加します。

-

Organizing your assets

+

アセットを揃える

ここからがおもしろいところです! コードを書き始める前に、ここでは 3 つの追加要素が必要です:

@@ -308,7 +308,7 @@ form {

テキストフィールドのスタイル設定が完了して、次は単一行および複数行のテキストフィールドの表示が同じになるよう調整しなければなりません。これは、一般的にこれらのデフォルト表示が同じでないためです。

-

Tweaking the textareas

+

textareaの微調整

{{HTMLElement("textarea")}} 要素はデフォルトでブロック要素としてレンダリングされるようにします。ここで重要なことは、{{cssxref("resize")}} プロパティと {{cssxref("overflow")}} プロパティの 2 つです。ここでは固定サイズでデザインしているため、ユーザーが複数行のテキストフィールドをリサイズできないように resize プロパティを使用します。{{cssxref("overflow")}} プロパティは、ブラウザー間でのフィールドの一貫性を向上させるために使用します。これのデフォルト値が auto であるブラウザーと scroll であるブラウザーが存在します。この例では、すべてのブラウザーが auto になるようにするのがよいでしょう。

@@ -348,7 +348,8 @@ button:hover, button:focus { outline : none; background : #000; - co + color : #FFF; +}

最終結果

diff --git a/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.html b/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.html index 8390797c5b..79ddcd712b 100644 --- a/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.html +++ b/files/ja/learn/javascript/objects/adding_bouncing_balls_features/index.html @@ -1,5 +1,5 @@ --- -title: バウンスボールに機能を追加する +title: バウンスボールのデモに機能を追加する slug: Learn/JavaScript/Objects/Adding_bouncing_balls_features tags: - Assessment diff --git a/files/ja/learn/javascript/objects/index.html b/files/ja/learn/javascript/objects/index.html index 65df0e0ece..3985137adb 100644 --- a/files/ja/learn/javascript/objects/index.html +++ b/files/ja/learn/javascript/objects/index.html @@ -48,6 +48,6 @@ translation_of: Learn/JavaScript/Objects

評価

-
バウンスボールのデモへの機能の追加
+
バウンスボールのデモに機能を追加する
この評価では、前の記事のバウンスボールデモを出発点として使用し、新しい興味深い機能を追加する予定です。
-- cgit v1.2.3-54-g00ecf