День 5. Адаптивно. И никак иначе!

В пиццерии

Всем снова привет! У нас 5-ый день и сегодня на фото небритая скотина со своей супругой в пиццерии. Уточнение: скотина слева grin

Мы часто туда ходим всей семьей. Мне это место особенно нравится, потому что детям там дают цветные карандаши и “разукрашки” и включают мультфильмы. А это значит, что мы с женой сидим в свое удовольствие, без всяких: “Мам и пап – дайте то да сё” chuckle

А теперь давайте к делу:

Сегодня мы будем учить наш сайт подстраиваться под размер окна браузера. Что бы он хорошо смотрелся и на телефоне, и на планшете, и на компе, и на других устройствах.


PS: у меня уже записана свежая партия уроков. Так что завтра вы получите новое письмо. В последнем дне мы будем решать проблемы с отображением сайта в других браузерах, и совсем немного поколдуем с анимацией.

Или уроки по анимации не включать?

Комментариев: 67 RSS

Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

Комментариев: 67
  •  Роман | 27 августа 2014 в 22:20:54

    Ну наконец-то smile

    Или уроки по анимации не включать?

    Включать-включать! А то не честно получается... Помахал конфеткой перед носом и опять в карман спрятал smile

  •  Natalia Papilina | 27 августа 2014 в 23:11:32

    Аниме тоже надо!!! Я в восторге от того что может новый css... я проходила твой первый курс мастерcss в 2011, то что сегодня может новый код - это нечто!Сколько потребовалось тебе времени освоить код в html5 +css3???

    •  Марина | 27 августа 2014 в 23:37:27

      Мне это тоже очень интересно!

      П.С. Анимацию нужно.

  •  Александр | 27 августа 2014 в 23:13:46

    Как это?! Сказал "А", скажи и "Б" (ну и дальше по алфавиту).

  •  Андрей | 27 августа 2014 в 23:40:09

    Серега, без анимашек никак нельзя!!))

    Вон и дети твои только на них и зависают!))

  •  Олег 964 | 28 августа 2014 в 00:11:35

    Спасибо за лесное предложение. я уже на 8 неделе.

    Жду продолжения.

  •  Роман | 28 августа 2014 в 09:11:09

    Сергей! Есть вопрос:

    Будут ли уроки, или отдельный курс, по адаптации готовой верстки под популярные движки? Думаю этот вопрос для многих животрепещущ...

  •  Максим Шульгин | 28 августа 2014 в 09:12:48

    Надо, Надо, Серый, ты че?!!!!! Аниме в обяз давай!!!!!=)

  •  Максим Шульгин | 28 августа 2014 в 09:14:32

    Да, и кстати, в тему - очень желательно уроки под адаптивную верстку, под мобилы! Тож нужная тема!!=)

    •  Роман | 28 августа 2014 в 20:36:02

      А по моему, опираясь на предоставленное, сделать нужное проблем не составит...

  •  Александр Шиллинг | 28 августа 2014 в 16:52:41

    Уроки по анимации были бы интересные! smile

  •  AlexKlu | 2 сентября 2014 в 10:37:50

    Приветствую,Сергей...

    Или уроки по анимации не включать?...

    -----------------------------------

    ОБЯЗАТЕЛЬНО ВКЛЮЧАТЬ!!!!!

    -----------------------------------

  •  Анна | 10 сентября 2014 в 05:07:45

    Конечно включать!!!!!!!

  •  SanShu | 12 сентября 2014 в 20:03:49

    Сережа, сбацайте уроки по JS и PHP smile

  •  Мария | 18 сентября 2014 в 09:24:16

    Умница! Уроки великолепны. Анимацию включать, безусловно! Удачи Вам!

    •  Серёга | 18 сентября 2014 в 09:36:22

      Спасибо большое. Так люблю, когда меня умницей называют smile

      И вам удачи!

  •  Бродяга 29 | 24 ноября 2014 в 17:03:56

    Здравствуйте Сергей! Всё Тип-топ. Значит Хорошо!

  •  vasilich | 7 января 2015 в 17:33:52

    Прелестно!!!!!

  •  Omar-mukhtar Ermek | 16 января 2015 в 03:38:59

    Братец! Можете выложить курс по адаптации готовой верстки под популярные движки

    •  Серёга | 16 января 2015 в 17:44:09

      Хм... Идея достаточно интересная. Я подумаю.

  •  Аноним | 24 января 2015 в 18:29:55

    Извините, а у меня чего-то не качается 5 день, до 5 мб доходит и останавливается, что такое?

    •  Серёга | 28 января 2015 в 09:54:19

      Попробуйте по новой скачать, возможно на сервере глюки были.

  •  Аноним | 5 февраля 2015 в 14:35:07

    Включать обязательно

  •  Юра | 7 марта 2015 в 19:10:37

    Про адаптацию верстки под различные движки действительно было бы интересно и поучительно.

    Подумайте, пожалуйста)

  •  Александр | 14 марта 2015 в 13:09:43

    Сергей, все просто здорово! Очень нравятся уроки. Благодарю!

    Конечно, про аннимацию включать обязательно надо.

  •  Слава | 16 марта 2015 в 13:01:02

    Спасибо за уроки. Учитель от Бога

  •  Эрик | 19 марта 2015 в 19:19:37

    Прошу дайте весь код html и Css по завершению 4 урока !

    Заранее спс!

    •  Серёга | 8 августа 2015 в 09:28:45

      Эрик - у меня его нету :( Я сайты которые записываю - не храню.

  •  _Сергей_ | 20 мая 2015 в 16:02:43

    Привет, Сергей!

    Что бы он хорошо смотрелся и на телефоне, и на планшете и на компе и на других устройствах.

    Поправь в описании орфографические ошибки, у тебя пропущены 2 запятые перед буквами "и".

  •  Andrey | 6 августа 2015 в 09:07:53

    АНИМАЦИЮ!!!!!! ДАВАЙ!!!!!!!!!!!!!!!!!!!

  •  Дима | 11 августа 2015 в 18:43:30

    Конечно включать, ты еще спрашиваешь, думаю будет весело если включишь !

  •  Александр | 30 августа 2015 в 17:56:08

    Сергей кажеться добрым человеком

  •  Григорий | 31 августа 2015 в 04:18:23

    Анимацию включать, хотя я с анимацией уже побаловался, но все же хочу послушать

  •  Алексей | 14 сентября 2015 в 06:37:24

    Скажите, а как можно адаптировать linear-gradient? с помощью которого мы рисовали полосочки в шапке? вы об этом не сказали, а у меня возникли трудности. хотел всё перевести в проценты, но высота же должна остаться в пикселях? спасибо!!

  •  Андрей | 17 сентября 2015 в 04:08:31

    Огромное спасибо за ваши уроки Сергей=)))) Ты всегда блин такой весёлый оптимист=) Хочется улыбаться вместе с тобой=)))) Огромное спасибо ещё раз, за труды.. За время.....

  •  Андрей | 17 сентября 2015 в 04:21:57

    Один только вопрос: Перечисли пожалуйста плагины, которые у тебя стоят в Фаирфоксе. Желательно с ссылками=)

  •  Rustam | 1 октября 2015 в 12:01:08

    Здравстуйте извените Серега я до 6го дня занятий получил воот только 3й день занятий не пришли ко мне!

  •  Евгений | 2 октября 2015 в 17:42:22

    больше инфы, больше мозги! влючай!)

  •  Alex | 7 октября 2015 в 16:07:15

    Благодарю за Вашу работу! Уроки по анимации в курс лучше включить, если можно))!

    Спасибо!

  •  Олег | 9 октября 2015 в 12:25:37

    Уроки по анимации обязательно включать)))

  •  Аноним | 30 ноября 2015 в 15:06:48

    Сергей, нужнннна ссылка на видеокурс по редактору кода Sublime text3

  •  Арсений Котков | 6 января 2016 в 16:37:41

    Включайте конечно! =)

  •  Dayna | 12 января 2016 в 19:51:00

    Конечно Включать!

  •  rjnzhf2018@yandex | 17 января 2016 в 20:02:22

    Как уже говорил, скачиваю авансом.

    Фотки хорошие. Приятно видеть людей которые улыбаются от того, что им просто хорошо. Рад за Вас.

    В нашей дыре ни заработков нормальных, да и отдохнуть с семьей негде. Я не сетую, живу как бог дает и сам стараюсь.

    На счет анимации- если есть такая возможность, буду рад любой информации. Алексей.

  •  Vistlip | 22 января 2016 в 23:27:31

    Разумеется включать

  •  Иван | 29 января 2016 в 17:30:12

    Большое спасибо)

  •  Dmitri | 15 февраля 2016 в 03:51:19

    Немного по теме...

    приятные люди на фото, белорусы?, сто лет не видел Славян. А я всё по заграницам....

  •  Виталий | 1 марта 2016 в 05:50:27

    Доброго времени суток Сергей.Я подписался на ваш канал и уже получил пятый урок тренинга но у меня загвоздка вод в чём. У меня не получается запустить онлайн Emmet LiveStyle. У вас когда вы открываете код страницы выходит Enable live style а мне показывает вот это LiveStyle is finally reached v1.0. It no longer requires opened DevTools to work and its UI is moved to browser toolbar.

    Check out all exiting features, including LESS and SCSS support, at https://livestyle.io. И тут что дальше делать не могу понять. Если вас не затруднит подскажите.

  •  AndreykaPro | 12 марта 2016 в 22:51:30

    тему про анимацию ОБЯЗАТЕЛЬНО!!!

  •  Стасян | 29 марта 2016 в 22:02:57

    Ребята вы супер!!!!;)

  •  Александр | 5 апреля 2016 в 15:32:00

    Вот мне дал знакомый кусочек скрипта переход с одной на другую темы страницы, и отличие в том что на находящей странице находится скрипт а как же тогда перейти на другую страницу и потом снова вернутся на неё де если уже там стоит DIV отличающийся от остальных вот пример того скрипта подскажите что мне надо поменять ? За ранние благодарю вас!

    :: Логотип

    ::Баннер

    ::Метаданные

    > Навигация

    :: Меню

  •  Рома | 14 апреля 2016 в 21:43:16

    Включать Анимацию ))

  •  Игорь | 21 апреля 2016 в 10:41:45

    Сергей, спасибо!

    Обязательно включать! smile

  •  Татьяна | 18 мая 2016 в 18:33:37

    Вы просто умничка! Спасибо огромное за потрясающие уроки! Анимацию включать, включать, включать пожалуйстаsmile

  •  Друг | 1 июля 2016 в 20:18:47

    я сотрю вашы ролики и каждый день жду новые уроки)) По фотографиам кажетьса что вы ЧЕЛОВЕК-ПОЗИТИВ! и семья у вас прекрасная ))) Желаю успехов ...

  •  Виталька | 12 августа 2016 в 13:57:49

    Большое спасибо!

  •  Серёга | 25 августа 2016 в 07:15:17

    Всем спасибо за участие и комменты!

  •  Андрей | 14 января 2017 в 00:54:58

    Спасибо большое!

    Случайно нашел уроки по использованию Sublime Text на youtube.com мне они очень понравились. По ссылке перешел на сайт и теперь участвую в создании главной страницы – еще раз спасибо!

    Доходчиво объясняешь, проблем никаких не возникает! К сожалению, из-за недостатка времени просмотрел уроки только за второй день.

    Отдельное спасибо за классные фотографии твоих родных, показал жене, тоже понравились. Впервые встречаю такое доверительное отношение.

    Благодарю за предоставленные знания!

  •  Евгений | 12 февраля 2017 в 09:20:00

    Конечно включать. И вообще отличные уроки. Спасибо.

  •  Паша | 13 марта 2017 в 22:03:39

    Не получил 3 и 4 день...

  •  Авик | 4 апреля 2017 в 22:53:33

    Спасибо.

  •  Аноним | 6 апреля 2017 в 07:30:54

    Не получил шестой день. Отправьте пожалуйста. Очень интересные уроки.

    [email protected]

  •  Елена | 8 июня 2017 в 03:55:36

    Добрый день, Серега! Спасибо за уроки! Смотрю их и выполняю. Очень доходчиво все объясняешь. Уроки по анимации обязательно включать. Буду ждать.

    P.S. Жена просто красавица!