diff --git a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md index 15f6ceae79..8ba0aa29dd 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md @@ -11,14 +11,14 @@ dashedName: add-a-box-shadow-to-a-card-like-element La propiedad `box-shadow` aplica una o más sombras a un elemento. -La propiedad `box-shadow` toma valores para +La propiedad `box-shadow` toma los siguientes valores, en orden: Los valores `blur-radius` y `spread-radius` son opcionales. diff --git a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md index 8641d2f6dd..9dc8883a0e 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md @@ -9,7 +9,7 @@ dashedName: adjust-the-hue-of-a-color # --description-- -Los colores tienen varias características tales como el matiz, la saturación y la ligereza. CSS3 introdujo la propiedad `hsl()` como una forma alternativa de elegir un color indicando directamente estas características. +Los colores tienen varias características tales como el matiz, la saturación y la ligereza. CSS3 introdujo la función `hsl()` como una forma alternativa para elegir un color declarando directamente estas características. Se suele pensar que **Hue** es el "color". Si imaginas un espectro de colores con un rojo en la izquierda que se torna verde en el medio y azul en la derecha, el tono es donde cabe un color a lo largo de esta línea. En `hsl()`, el tono usa un concepto de círculo cromático en lugar del espectro, donde el ángulo del color en el círculo se da como un valor entre 0 y 360. @@ -27,19 +27,19 @@ Cambia el `background-color` de cada elemento `div` sobre la base de los nombres # --hints-- -Tu código debe usar la propiedad `hsl()` para declarar el color `green`. +Tu código debe usar la función `hsl()` para declarar el color `green`. ```js assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi)); ``` -Tu código debe usar la propiedad `hsl()` para declarar el color `cyan`. +Tu código debe usar la función `hsl()` para declarar el color `cyan`. ```js assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi)); ``` -Tu código debe usar la propiedad `hsl()` para declarar el color `blue`. +Tu código debe usar la función `hsl()` para declarar el color `blue`. ```js assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi)); diff --git a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md index 61019e61b2..a429cfc08b 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md @@ -15,11 +15,11 @@ Crearás un objeto redondo y transparente con una sombra nítida que está liger Para crear un objeto redondo, la propiedad `border-radius` se le debe asignar un valor de 50%. -Puede que recuerdes de un desafío anterior que la propiedad `box-shadow` toma valores para `offset-x`, `offset-y`, `blur-radius`, `spread-radius` y un valor para el color, en ese orden. Los valores `blur-radius` y `spread-radius` son opcionales. +Puede que recuerdes de un desafío anterior que la propiedad `box-shadow` toma valores para `offset-x`, `offset-y`, `blur-radius`, `spread-radius` y un valor para el `color`, en ese orden. Los valores `blur-radius` y `spread-radius` son opcionales. # --instructions-- -Manipula el elemento cuadrado en el editor para crear la figura de luna. Primero, cambia el `background-color` a `transparent`, luego establece la propiedad `border-radius` en 50% para hacer la forma circular. Finalmente, cambia la propiedad `box-shadow` para asignar `offset-x` a 25px, `offset-y` a 10px, `blur-radius` a 0, `spread-radius` a 0 y el color a `blue`. +Manipula el elemento cuadrado en el editor para crear la figura de luna. Primero, cambia el `background-color` a `transparent`, luego establece la propiedad `border-radius` en 50% para hacer la forma circular. Finalmente, cambia la propiedad `box-shadow` para establecer el `offset-x` a 25px, el `offset-y` a 10px, `blur-radius` a 0, `spread-radius` a 0, y `color` a `blue`. # --hints-- @@ -35,7 +35,7 @@ El valor de la propiedad `border-radius` debe establecerse como `50%`. assert(code.match(/border-radius:\s*?50%;/gi)); ``` -El valor de la propiedad `box-shadow` debe establecerse en 25px para `offset-x`, 10px para `offset-y`, 0 para `blur-radius`, 0 para `spread-radius` y finalmente `blue` para el color. +El valor de la propiedad `box-shadow` debe ser fijado a 25px para `offset-x`, 10px para `offset-y`, 0 para `blur-radius`, 0 para `spread-radius`, y finalmente `blue` para el `color`. ```js assert( diff --git a/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md b/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md index 135049889c..59937c5303 100644 --- a/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md +++ b/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/demographic-data-analyzer.md @@ -1,6 +1,6 @@ --- id: 5e46f7e5ac417301a38fb929 -title: Demographic Data Analyzer +title: Analizador de Datos Demográficos challengeType: 10 forumTopicId: 462367 dashedName: demographic-data-analyzer @@ -8,17 +8,62 @@ dashedName: demographic-data-analyzer # --description-- -In this challenge you must analyze demographic data using Pandas. You are given a dataset of demographic data that was extracted from the 1994 Census database. +Trabajarás [este proyecto utilizando nuestro código inicial Replit](https://replit.com/github/freeCodeCamp/boilerplate-demographic-data-analyzer). -You can access [the full project description and starter code on Replit](https://replit.com/github/freeCodeCamp/boilerplate-demographic-data-analyzer). +Todavía estamos desarrollando la parte interactiva del currículo de Python. Por el momento, aquí hay algunos videos en el canal de YouTube de freeCodeCamp.org que te enseñaran todo lo que necesitas saber para completar este proyecto: -After going to that link, fork the project. Once you complete the project based on the instructions in 'README.md', submit your project link below. +- [Curso de vídeo de Python para todos](https://www.freecodecamp.org/news/python-for-everybody/) (14 horas) +- [Curso de vídeo para aprender Python](https://www.freecodecamp.org/news/learn-python-video-course/) (10 horas) -We are still developing the interactive instructional part of the data analysis with Python curriculum. For now, you will have to use other resources to learn how to pass this challenge. +# --instructions-- + +En este desafío debe analizar los datos demográficos usando Pandas. Se le da un conjunto de datos demográficos que fueron extraidos de la base de datos del censo de 1994. Aquí hay un ejemplo de cómo se debería ver: + +```markdown +| | age | workclass | fnlwgt | education | education-num | marital-status | occupation | relationship | race | sex | capital-gain | capital-loss | hours-per-week | native-country | salary | +|---:|------:|:-----------------|---------:|:------------|----------------:|:-------------------|:------------------|:---------------|:-------|:-------|---------------:|---------------:|-----------------:|:-----------------|:---------| +| 0 | 39 | State-gov | 77516 | Bachelors | 13 | Never-married | Adm-clerical | Not-in-family | White | Male | 2174 | 0 | 40 | United-States | <=50K | +| 1 | 50 | Self-emp-not-inc | 83311 | Bachelors | 13 | Married-civ-spouse | Exec-managerial | Husband | White | Male | 0 | 0 | 13 | United-States | <=50K | +| 2 | 38 | Private | 215646 | HS-grad | 9 | Divorced | Handlers-cleaners | Not-in-family | White | Male | 0 | 0 | 40 | United-States | <=50K | +| 3 | 53 | Private | 234721 | 11th | 7 | Married-civ-spouse | Handlers-cleaners | Husband | Black | Male | 0 | 0 | 40 | United-States | <=50K | +| 4 | 28 | Private | 338409 | Bachelors | 13 | Married-civ-spouse | Prof-specialty | Wife | Black | Female | 0 | 0 | 40 | Cuba | <=50K | +``` + +Debes usar Pandas para responder a las siguientes preguntas: + +- ¿Cuántas personas de cada raza están representadas en este dataset? Esta debería ser una Pandas series con nombres de raza como las etiquetas de índice. (columna `race`) +- ¿Cuál es la edad promedio de los hombres? +- ¿Cuál es el porcentaje de personas que tienen un grado de licenciatura? +- ¿Que porcentaje de personas con una educación avanzada (`Bachelors`, `Masters` o `Doctorate`) generan mas de 50k? +- ¿Que porcentaje de personas sin una educación avanzada generan mas de 50k? +- ¿Cuál es el mínimo número de horas que una persona trabaja por semana? +- ¿Qué porcentaje de personas que trabajan el minimo de horas por semana tienen un salario de mas de 50k? +- ¿Qué país tiene el mas alto porcentaje de personjas que ganan >50k y cual es ese porcentaje? +- Identifica la ocupacion mas popular de aquellos que ganan >50k en India. + +Utilice el código de inicio en el archivo `demographic_data_analyzer`. Actualice el código para que todas las variables definidas como "None" se establezcan al cálculo o código apropiado. Redondea todos los decimales a la décima más cercana. + +Las pruebas unitarias están escritas para ti en `test_module.py`. + +## Desarrollo + +Para el desarrollo, puedes utilizar `main.py` para probar tus funciones. Haz clic en el botón "run" y se ejecutará `main.py`. + +## Pruebas + +Importamos las pruebas de `test_module.py` a `main.py` para tu conveniencia. Las pruebas se ejecutarán automáticamente cada vez que presiones el botón "run". + +## Envío + +Copia el enlace de tu proyecto y envíalo a freeCodeCamp. + +## Fuente de datos + +Dua, D. y Graff, C. (2019). [UCI Machine Learning Repository](http://archive.ics.uci.edu/ml). Irvine, CA: University of California, School of Information and Computer Science. # --hints-- -It should pass all Python tests. +Debería pasar todas las pruebas de Python. ```js diff --git a/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md b/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md index a708eedae1..01a418894c 100644 --- a/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md +++ b/curriculum/challenges/espanol/08-data-analysis-with-python/data-analysis-with-python-projects/sea-level-predictor.md @@ -1,6 +1,6 @@ --- id: 5e4f5c4b570f7e3a4949899f -title: Sea Level Predictor +title: Pronosticador del nivel del mar challengeType: 10 forumTopicId: 462370 dashedName: sea-level-predictor @@ -8,17 +8,48 @@ dashedName: sea-level-predictor # --description-- -In this project, you will analyze a dataset of the global average sea level change since 1880. You will use the data to predict the sea level change through year 2050. +Estarás [trabajando en este proyecto con nuestro código inicial de Replit](https://replit.com/github/freeCodeCamp/boilerplate-sea-level-predictor). -You can access [the full project description and starter code on Replit](https://replit.com/github/freeCodeCamp/boilerplate-sea-level-predictor). +Todavía estamos desarrollando la parte interactiva del currículo de Python. Por ahora, aquí hay algunos videos en el canal de YouTube de freeCodeCamp.org que te enseñaran todo lo que necesitas saber para completar este proyecto: -After going to that link, fork the project. Once you complete the project based on the instructions in 'README.md', submit your project link below. +- [Python para Todos Curso en Video](https://www.freecodecamp.org/news/python-for-everybody/) (14 horas) +- [Aprende Python Curso en Video](https://www.freecodecamp.org/news/learn-python-video-course/) (10 horas) + +# --instructions-- + +Analizará un conjunto de datos sobre el cambio del nivel medio del mar a nivel mundial desde 1880. Utilizarás los datos para predecir el cambio del nivel del mar hasta el año 2050. + +Utiliza los datos para completar las siguientes tareas: + +- Utiliza Pandas para importar los datos de `epa-sea-level.csv`. +- Usa matplotlib para crear un diagrama de dispersión usando la columna "Year" como el eje x y la columna "CSIRO Adjusted Sea Level" como el eje y. +- Usa la función `linregress` de `scipy.stats` para obtener la pendiente e intersección con el eje y de la línea de mejor encaje. Dibuja la línea de mejor encaje sobre el diagrama de dispersión. Haz que la línea pase por el año 2050 para predecir el aumento del nivel del mar en ese año. +- Traza una nueva línea de mejor encaje utilizando datos del año 2000 hasta el año más reciente del conjunto de datos. Haz que la línea pase también por el año 2050 para predecir la subida del nivel del mar en 2050 si el ritmo de subida continúa como desde el año 2000. +- La etiqueta del eje x debe ser "Year", la etiqueta del eje y debe ser "Sea Level (inches)", y el título debe ser "Rise in Sea Level". + +Las pruebas unitarias están escritas para en `test_module.py`. + +El boilerplate también incluye los comandos para guardar y devolver la imagen. + +## Desarrollo + +Para el desarrollo, puedes utilizar `main.py` para probar tus funciones. Haz clic en el botón "run" y se ejecutará `main.py`. + +## Pruebas + +Importamos las pruebas de `test_module.py` a `main.py` para tu conveniencia. Las pruebas se ejecutarán automáticamente cada vez que pulses el botón "run". + +## Envío + +Copia el enlace de tu proyecto y envíalo a freeCodeCamp. + +## Fuente de datos +[Global Average Absolute Sea Level Change](https://datahub.io/core/sea-level-rise), 1880-2014 de la Agencia de Protección Ambiental de los Estados Unidos utilizando datos de CSIRO, 2015; NOAA, 2015. -We are still developing the interactive instructional part of the data analysis with Python curriculum. For now, you will have to use other resources to learn how to pass this challenge. # --hints-- -It should pass all Python tests. +Debería pasar todas las pruebas de Python. ```js diff --git a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md index d284dde7de..97f517acac 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md @@ -11,14 +11,14 @@ dashedName: add-a-box-shadow-to-a-card-like-element `box-shadow` プロパティは要素に 1 つ以上の影をつけます。 -`box-shadow` プロパティは以下の値をとります。 +`box-shadow` プロパティは以下の値をこの順で取ります。 `blur-radius` と `spread-radius` の値は省略可能です。 @@ -33,7 +33,7 @@ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); # --instructions-- -要素に `thumbnail` の ID が追加されました。 このセレクターと、上記で例示した CSS の値を使用して、カードに `box-shadow` を追加してください。 +要素に `thumbnail` の id が追加されました。 このセレクターと、上記で例示した CSS の値を使用して、カードに `box-shadow` を追加してください。 # --hints-- diff --git a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md index 5659441f10..f82e52d945 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md @@ -9,7 +9,7 @@ dashedName: adjust-the-hue-of-a-color # --description-- -色は色相、彩度、明度など、いくつかの特性を持っています。 CSS3 はこれらの特性を直接指定して色を選択する方法として `hsl()` プロパティを導入しました。 +色は色相、彩度、明度など、いくつかの特性を持っています。 CSS3 はこれらの特性を直接指定して色を選択する方法として `hsl()` 関数を導入しました。 **Hue** (色相) は一般的に人々が「色」と考えるものです。 左端が赤から始まり、真ん中が緑、右端が青の色のスペクトルを思い浮かべた時、ある色がこの線のどこに位置するかを表すのが色相です。 `hsl()` では、色相はスペクトルの代わりに色相環の概念を使用し、円上のその色の角度が 0 から 360 の間の値として与えられます。 @@ -27,19 +27,19 @@ dashedName: adjust-the-hue-of-a-color # --hints-- -`hsl()` プロパティを使って、`green` の色を宣言してください。 +`hsl()` 関数を使って、`green` の色を宣言してください。 ```js assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi)); ``` -`hsl()` プロパティを使って、`cyan` の色を宣言してください。 +`hsl()` 関数を使って、`cyan` の色を宣言してください。 ```js assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi)); ``` -`hsl()` プロパティを使って、`blue` の色を宣言してください。 +`hsl()` 関数を使って、`blue` の色を宣言してください。 ```js assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi)); diff --git a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md index b4c4e202bb..5186de564b 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md @@ -15,11 +15,11 @@ dashedName: create-a-graphic-using-css 丸いオブジェクトを作るには、`border-radius` プロパティが 50% に設定される必要があります。 -以前のチャレンジで学んだことを覚えているかもしれませんが、`box-shadow` プロパティは `offset-x`, `offset-y`, `blur-radius`, `spread-radius` そして色の値を、この順番で取ります。 `blur-radius` と `spread-radius` の値は省略可能です。 +以前のチャレンジで学んだことを覚えているかもしれませんが、`box-shadow` プロパティは `offset-x`, `offset-y`, `blur-radius`, `spread-radius` そして `color` の値を、この順番で取ります。 `blur-radius` と `spread-radius` の値は省略可能です。 # --instructions-- -エディタに表示されている正方形の要素を操作して、月の形を作りましょう。 まず `background-color` を `transparent` に変更し、次に `border-radius` プロパティを 50% に設定し、円の形を作ります。 最後に、`box-shadow` プロパティを変更して `offset-x` を 25px、`offset-y` を 10px、`blur-radius` を 0、`spread-radius` を 0、色を `blue` に設定してください。 +エディタに表示されている正方形の要素を操作して、月の形を作りましょう。 まず `background-color` を `transparent` に変更し、次に `border-radius` プロパティを 50% に設定し、円の形を作ります。 最後に、`box-shadow` プロパティを変更して `offset-x` を 25px、`offset-y` を 10px、`blur-radius` を 0、`spread-radius` を 0、`color` を `blue` に設定してください。 # --hints-- @@ -35,7 +35,7 @@ assert(code.match(/background-color:\s*?transparent;/gi)); assert(code.match(/border-radius:\s*?50%;/gi)); ``` -`box-shadow` プロパティの値は `offset-x` が 25px、`offset-y` が 10px、`blur-radius` が 0、`spread-radius` が 0、最後に色が `blue` に設定されている必要があります。 +`box-shadow` プロパティの値は `offset-x` が 25px、`offset-y` が 10px、`blur-radius` が 0、`spread-radius` が 0、最後に `color` が `blue` に設定されている必要があります。 ```js assert( diff --git a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md index 38b363a778..978bb2d17b 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/create-a-more-complex-shape-using-css-and-html.md @@ -28,15 +28,15 @@ dashedName: create-a-more-complex-shape-using-css-and-html # --instructions-- -画面に表示されている要素をハート形に変換しましょう。 `heart::after` セレクターで、`background-color` を `pink` に、`border-radius` を 50% に変更してください。 +画面に表示されている要素をハート形に変換しましょう。 `.heart::after` セレクターで、`background-color` を `pink` に、`border-radius` を 50% に変更してください。 次に、クラス `heart` (`heart` のみ) の要素に対し、`transform` プロパティを入力します。 `rotate()` 関数を -45deg を指定して使用してください。 -最後に、`heart::before` セレクターの中で `content` プロパティを空文字列に設定してください。 +最後に、`.heart::before` セレクターの中で `content` プロパティを空文字列に設定してください。 # --hints-- -`heart::after` セレクターの `background-color` プロパティは `pink` である必要があります。 +`.heart::after` セレクターの `background-color` プロパティは `pink` である必要があります。 ```js const heartAfter = code.match(/\.heart::after\s*{[\s\S]+?[^\}]}/g)[0]; @@ -45,7 +45,7 @@ assert( ); ``` -`heart::after` セレクターの `border-radius` は 50% である必要があります。 +`.heart::after` セレクターの `border-radius` は 50% である必要があります。 ```js assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2); @@ -57,7 +57,7 @@ assert(code.match(/border-radius\s*?:\s*?50%/gi).length == 2); assert(code.match(/transform\s*?:\s*?rotate\(\s*?-45deg\s*?\)/gi)); ``` -`heart::before` セレクターの `content` は空文字列である必要があります。 +`.heart::before` セレクターの `content` は空文字列である必要があります。 ```js assert(code.match(/\.heart::before\s*?{\s*?content\s*?:\s*?("|')\1\s*?;/gi)); diff --git a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md index d369852728..1b3a4c1ad6 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md @@ -11,7 +11,7 @@ dashedName: use-a-bezier-curve-to-move-a-graphic 前回の課題では、アニメーションの変更を記述した `ease-out` キーワードについて説明しました。このキーワードは、最初にスピードを上げ、アニメーションの終わりにスローダウンします。 右側に `ease-out` キーワード (青色の要素用) と `linear` キーワード (赤色の要素用) の違いを示します。 `ease-out` キーワードと同様のアニメーションの動きは、カスタム三次ベジェ曲線関数を使用することで実現できます。 -一般的に、`p1` と `p2` のアンカーポイントを変更すると異なるベジェ曲線が作成され、時間の経過と共にアニメーションがどのように進むかを制御します。 以下は、ease-out スタイルを模倣する値を使用したベジェ曲線の例です。 +一般的に、`p1` と `p2` のアンカーポイントを変更すると異なるベジェ曲線が作成され、時間の経過と共にアニメーションがどのように進むかを制御します。 以下は、`ease-out` スタイルを模倣する値を使用したベジェ曲線の例です。 ```css animation-timing-function: cubic-bezier(0, 0, 0.58, 1); diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md index c63657508f..576f30c93e 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md @@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area `:root` で変数を作成すると、その変数の値がページ全体に設定されます。 -これらの変数を特定の要素内で再度設定して上書きすることができます。 +これらの変数を特定のセレクター内で再度設定して上書きすることができます。 # --instructions-- diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md index 096d3ea16c..d203da21f8 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md @@ -15,7 +15,7 @@ CSS 変数を作成するには、2 つのハイフンで始まる名前を付 --penguin-skin: gray; ``` -これで `--penguin-skin` という名前の変数が作成され、`gray` の値が代入されます。 今では CSS の他の場所でその変数を使用して、他の要素の値を gray に変更できるようになりました。 +これで `--penguin-skin` という名前の変数が作成され、`gray` の値が代入されます。 CSS の他の場所でこの変数を使用して、他のプロパティの値を gray に変更できます。 # --instructions-- diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md index e0503f6c26..21c369a3c5 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md @@ -77,7 +77,7 @@ assert( ); ``` -`h1` 要素は、`body` 要素から緑の文字色を継承しているはずです。 +`h1` 要素は、`body` 要素から文字色 `green` を継承しているはずです。 ```js assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)'); diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md index ea11ba5c9d..bf160582a3 100644 --- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md +++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md @@ -27,7 +27,7 @@ class="class1 class2" **注:** HTML 要素にクラスを並べる順番は関係ありません。 -しかし、`