Кужелев Евгений by askeip · Pull Request #29 · urfu-2016/markup-task-5

askeip · 2016-11-07T04:19:04Z

honest-hrundel · 2016-11-07T04:19:50Z

🍏 Пройден линтинг и базовые тесты

honest-hrundel · 2016-11-07T04:21:37Z

🍏 Пройден линтинг и базовые тесты

VasiliiKuznecov · 2016-11-07T19:47:04Z

index.css

+    width: 100%;
+}
+
+input


не обязательно для всех input'ов страницы должно быть display:none

VasiliiKuznecov · 2016-11-07T19:47:57Z

index.css

+    width: 2%;
+}
+
+.kisa


не называй транслитом

VasiliiKuznecov · 2016-11-07T19:48:33Z

index.css

+    padding: 20px;
+}
+
+.display-type


display-type-select

VasiliiKuznecov · 2016-11-07T19:50:13Z

index.html

+<input name="look" type="radio" value="list" id="list">
+<input name="look" type="radio" value="tile" id="tile" checked>
+<div class="kisa">
+    <img src="cat1.jpg" alt="cat1">


alt должен описывать содержание картинки

VasiliiKuznecov · 2016-11-07T19:50:38Z

index.html

+    <link rel="stylesheet" type="text/css" href="index.css">
 </head>
 <body>
+<div class="display-type">


VasiliiKuznecov · 2016-11-07T19:50:48Z

index.html

+</div>
+<input name="look" type="radio" value="list" id="list">
+<input name="look" type="radio" value="tile" id="tile" checked>
+<div class="kisa">


VasiliiKuznecov · 2016-11-07T19:51:31Z

🍅

honest-hrundel · 2016-11-09T14:22:37Z

🍅 Не пройден линтинг или базовые тесты

honest-hrundel · 2016-11-09T14:28:39Z

🍏 Пройден линтинг и базовые тесты

askeip · 2016-11-09T14:28:51Z

🍏

VasiliiKuznecov · 2016-11-09T18:12:35Z

🚀

askeip · 2016-11-10T13:40:08Z

Я так понял,что я зря width и height у img прописывал)

steppefox

🍅

steppefox · 2016-11-11T05:22:38Z

index.css

+{
+    margin: 0 20px;
+    float: right;
+    display: inline-block;


Ты уж реши, тебе float'ами ровнять в строку надо или inline-block'ами?) Совмещать не вижу смысла

steppefox · 2016-11-11T05:25:41Z

index.css

+    border: 5px ridge #d3e2ed;
+}
+
+input[id='tile']:checked ~ .cat


Если используешь id в селекторе, то лучше использовать как #title, чем так. Но у тебя скорее всего линтинг не пройдет, поэтому дай инпутам нормальные классы. И желательно что-бы это был один checkbox состояния, а не два radio

steppefox · 2016-11-11T05:26:19Z

index.css

+    width: 100%;
+}
+
+.not-displayed


Переименуй лучше в hidden

steppefox · 2016-11-11T05:31:11Z

index.css

+        #a9a2ed, 0 0 25px #80ed90;
+}
+
+input[id='tile']:checked ~ .cat > :nth-child(n)


Разъясни пожалуйста, зачем ты тут так делаешь? Почему именно nth-child? Зачем тебе выравнивание text-align: left, зачем такой margin и width?

steppefox · 2016-11-11T05:33:49Z

index.css

+    font-size: .9rem;
+}
+
+.cat .kindness img


Мне не нравится такое решение с выводом звезд =( Можно сделать по другому. Картинки сами визуально норм, но выводить пятью img как-то не очень.

steppefox · 2016-11-11T05:35:34Z

index.html

 </head>
 <body>
+<section class="display-type-select">
+    <label for="list"><img width="512" height="512"


Во первых - какие-то дюже огромные размеры картинок. Во вторых, эти иконки явно векторные, давай попробуем найти svg. В третьих, выводить их элементами img - не очень =(

steppefox · 2016-11-11T05:36:36Z

index.html

+    <label for="tile"><img width="626" height="626"
+       src="tile.jpg" alt="Tile view" title="Show cats in tiles"></label>
+</section>
+<input class="not-displayed" name="look" type="radio" value="list" id="list">


Поменять класс на hidden, сделать вместо radio один checkbox. Соответственно вместо двух визуальных переключателей нужно сделать один с изменяемым содержимым.

steppefox · 2016-11-11T05:38:07Z

index.html

+<input class="not-displayed" name="look" type="radio" value="list" id="list">
+<input class="not-displayed" name="look" type="radio" value="tile" id="tile" checked>
+<article class="cat">
+    <img src="cat1.jpg" width="700" height="465"


Очень частый кейс, когда в карточке продукта (товара), картинка тоже кликабельна как и наименование (имя). А еще что-бы при наведении на картинку, имя подчеркивалось, как будто навел на него.

steppefox · 2016-11-11T05:38:46Z

index.html

+        <a class="name" href="http://kupikota.ru/shop.html?i=5702"
+           title="Высокопородный чистокровный шотландский котик дымн">Высокопородный
+            чистокровный шотландский котик дымн</a>
+        <p class="breed">Скоттиш страйт</p>


В карточках товара, зачастую, категория тоже кликабельна (ссылка).

steppefox · 2016-11-11T05:40:53Z

index.html

+                 title="Amount of cats means kindness"></p>
+        <p class="price">18 000 руб <span class="oldprice">25000 руб</span></p>
+    </div>
+    <p class="description">Котенка-котика с отличными породными данными и


У описания слишком маленький шрифт

honest-hrundel · 2016-12-12T09:18:44Z

🍏 Пройден линтинг и базовые тесты

isStar = false released

c92489c

honest-hrundel assigned VasiliiKuznecov Nov 7, 2016

pictures commit

49f8692

VasiliiKuznecov reviewed Nov 7, 2016

View reviewed changes

index.css Outdated

width: 2%;

}

.kisa

Copy link

VasiliiKuznecov Nov 7, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

не называй транслитом

VasiliiKuznecov reviewed Nov 7, 2016

View reviewed changes

index.css Outdated

padding: 20px;

}

.display-type

Copy link

VasiliiKuznecov Nov 7, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

display-type-select

VasiliiKuznecov reviewed Nov 7, 2016

View reviewed changes

index.html Outdated

<link rel="stylesheet" type="text/css" href="index.css">

</head>

<body>

<div class="display-type">

Copy link

VasiliiKuznecov Nov 7, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

section

VasiliiKuznecov reviewed Nov 7, 2016

View reviewed changes

refactored

19ba3b7

<<

cfd1152

honest-hrundel assigned steppefox and unassigned VasiliiKuznecov Nov 9, 2016

steppefox requested changes Nov 11, 2016

View reviewed changes

refactored

284409e

Conversation

askeip commented Nov 7, 2016 • edited by honest-hrundel Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

honest-hrundel commented Nov 7, 2016

Uh oh!

honest-hrundel commented Nov 7, 2016

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

VasiliiKuznecov commented Nov 7, 2016

Uh oh!

honest-hrundel commented Nov 9, 2016

Uh oh!

honest-hrundel commented Nov 9, 2016

Uh oh!

askeip commented Nov 9, 2016

Uh oh!

VasiliiKuznecov commented Nov 9, 2016

Uh oh!

askeip commented Nov 10, 2016

Uh oh!

steppefox left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

steppefox Nov 11, 2016 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

honest-hrundel commented Dec 12, 2016

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Comments

askeip commented Nov 7, 2016 •

edited by honest-hrundel

Loading

steppefox Nov 11, 2016 •

edited

Loading