Авось кому пригодится: я в head своего тестового файла прописал автообновление страницы каждую секунду: - открыл документ в отдельном окне, и наблюдаю, как "на лету" применяются мои изменения в редакторе, не отвлекаясь не переключение между окнами и нажатием F5 ("Обновить"). Экономит немало времени.
Спасибо за урок, все четко и ясно плюс еще домашка, то что надо :) Если когда то смогу найти и сверстать свой первый заказ на фрилансе переведу гонорар на ваш кошелек. А пока что я нищий студент :)
кто в домашке подбирал размер ячеек и отступов дольше, чем располагал цифры в сетке, тот я)) подскажите, как вообще опрелять по-нормальному размер ячеек, когда у нас подложен бэкграунд? мб фотошоп? (не имею опыта его использования)
каждая ситуация индивидуальна. Флоаты - очень старые и сложные, андрей сказал на том курсе что флоаты использовать когда мы с ними имеем дело (когда мы работаем со старой версткой.
Возможно, я не правильно поняла задание, но у меня первые три пункта свелись к двум строкам задания сетки grid-template-columns: repeat(8, 100px); grid-template-rows: repeat(8, 100px); и 64 div-ов с классом по цвету (белый или черный) и вписыванием нужной красной цифирки в сам div. Суть была в этом? А вот пункт 4 поставил меня в ступор. Возможно, как раз потому, что я не так сделала п 1-3?
@@ОлегСирош-ъ4ъ Получилось! Не надо раскрашивать самим сетку. Делаем аналог и в нужные 10 клеток в css позиционируем числа 1-10. Как раз вот этими штуками grid-column grid-row. Остальные ячейки просто остаются незаполненными. Андрей в задании выложил файлик jpg - готовую цветную шахматку. Этот файлик и делаем бэкграундом)) И размер клеток-гридов под jpg определить надо.
@@podmaskoygoluba "Делаем аналог и в нужные 10 клеток в css позиционируем числа 1-10. Как раз вот этими штуками grid-column grid-row."???? Все равно не понял!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@@ОлегСирош-ъ4ъ Ну да, вроде об одном и том же говорим. Ячейки создаются в момент задания grid-template-columns: repeat(8, ?px); grid-template-rows: repeat(8, ?px); А заполняем мы только 10 штук. Например, цифра 7 со своим классом. И в css для этого класса grid-row: 4; grid-column: 2; типа того)
Классная лошадка получилась)))))
XD
Эти два видео - первое что я посмотрел про гриды после флексов, и мне кажется, что они даже понятнее и проще чем флексы.
однозначно)
Авось кому пригодится: я в head своего тестового файла прописал автообновление страницы каждую секунду: - открыл документ в отдельном окне, и наблюдаю, как "на лету" применяются мои изменения в редакторе, не отвлекаясь не переключение между окнами и нажатием F5 ("Обновить"). Экономит немало времени.
Да классная фишка, но вообще для автообновления применяют browser-sync
Для такоких вещей существует auto reload. Он обновляет браузер когда ты сохраняешься в редакторе кода. Так еще удобнее.
@@default2199 а как она прописывается?? и где??
@@five_stars2282 скачай плагин reload refresh для хрома
Андрей: Рисует лошадку
Мое воображение: ОСТАНОВИСЬ!! НЕМЕДЛЕННО!
у тебя есть способность ясно доносить инфу. что важно для новичков.
Спасибо
Прекрасно, в порівнянні з float і flex , це казково просто, принаймі для мене, дякую).
Классное видео, спасибо большое!
Спасибо, Андрей, огромное за уроки!!! Всегда понятно и увлекательно! А это было самое весёлое задание - расставлять цифры по шахматной доске. )))
Красавчег Андрюша!
классный урок , пойду домашку делать) Спасибо Вам!)
Спасибо за урок, все четко и ясно плюс еще домашка, то что надо :) Если когда то смогу найти и сверстать свой первый заказ на фрилансе переведу гонорар на ваш кошелек. А пока что я нищий студент :)
Спасибо вам огромное)))
Legenda! Спасибо
Андрей добрый день. Очень нравится Ваши курсы. Правильно ли я понял? Решение правильно ли я делаю?
.b1{
grid-column: 7/7;
grid-row: 2/2;
margin-top: -7px;
margin-left: -10px;
}
.b2{
grid-column: 8/8;
grid-row: 7/7;
margin-top: 1px;
margin-left: -35px;
}
.b3{
grid-column: 10/10;
grid-row: 5/5;
margin-top: -14px;
margin-left: -20px;
}
Спасибо!
кто в домашке подбирал размер ячеек и отступов дольше, чем располагал цифры в сетке, тот я))
подскажите, как вообще опрелять по-нормальному размер ячеек, когда у нас подложен бэкграунд? мб фотошоп? (не имею опыта его использования)
да,лошадка,что надо..👌
Получилось задать расположение элементов без слешей:
grid-column: 2;
grid-row: 1;
Есть ли в таком подходе подводные камни?
Думаю нет!
16:25 очень сомнительная лошадка)))
так а когда надо пользоваться флоксами и когда гридами?мне гриды кажутся полегче/но популярнее флексы/что делать
каждая ситуация индивидуальна. Флоаты - очень старые и сложные, андрей сказал на том курсе что флоаты использовать когда мы с ними имеем дело (когда мы работаем со старой версткой.
Простите, не могу понять что означают проставленные цифры на шахматной доске? Подскажите кто нибудь! Спасибо.
Внутри квадратиков))
Возможно, я не правильно поняла задание, но у меня первые три пункта свелись к двум строкам задания сетки
grid-template-columns: repeat(8, 100px);
grid-template-rows: repeat(8, 100px);
и 64 div-ов с классом по цвету (белый или черный) и вписыванием нужной красной цифирки в сам div. Суть была в этом?
А вот пункт 4 поставил меня в ступор. Возможно, как раз потому, что я не так сделала п 1-3?
У меня тоже непонимание по ДЗ. Что значат цифры на доске? Вот сижу с утра ломаю голову... Написал Андрею в телеграмм, но он пока не ответил.
@@ОлегСирош-ъ4ъ Получилось! Не надо раскрашивать самим сетку. Делаем аналог и в нужные 10 клеток в css позиционируем числа 1-10. Как раз вот этими штуками grid-column grid-row. Остальные ячейки просто остаются незаполненными. Андрей в задании выложил файлик jpg - готовую цветную шахматку. Этот файлик и делаем бэкграундом)) И размер клеток-гридов под jpg определить надо.
@@podmaskoygoluba "Делаем аналог и в нужные 10 клеток в css позиционируем числа 1-10. Как раз вот этими штуками grid-column grid-row."???? Все равно не понял!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
@@podmaskoygoluba А!!!!! Понял!!!!!! Мне нужно создать ячейки только на месте цифр!!! Правильно? А цифры прописывать не нужно, да?
@@ОлегСирош-ъ4ъ Ну да, вроде об одном и том же говорим. Ячейки создаются в момент задания grid-template-columns: repeat(8, ?px);
grid-template-rows: repeat(8, ?px); А заполняем мы только 10 штук. Например, цифра 7 со своим классом. И в css для этого класса grid-row: 4;
grid-column: 2; типа того)
Что делать если не откривает силку "обязательно прочесть"
ничего))
@@andrievskii без етого можна сделать домашку?
Спасибо!