Отладка CSS для адаптивного пользовательского интерфейса.
Неэффективное использование CSS-свойств и их значений может замедлить интерфейс, влияя на отрисовку страниц, анимацию, плавность и производительность, особенно на мобильных устройствах.
Отрывок из книги Тиффани Браун «CSS Master».
https://www.sitepoint.com/debugging-css-for-ui-responsiveness/
Неэффективное использование CSS-свойств и их значений может замедлить интерфейс, влияя на отрисовку страниц, анимацию, плавность и производительность, особенно на мобильных устройствах.
Отрывок из книги Тиффани Браун «CSS Master».
https://www.sitepoint.com/debugging-css-for-ui-responsiveness/
Forwarded from Веб-стандарты
Выпуск №66: из React в Sketch, из HTML в WebGL, игры на CSS, гриды, HTML Шорты, дизайнеры и код в Яндексе с Антоном Шеиным в гостях — https://soundcloud.com/web-standards/episode-66
Руководство по написанию чистого CSS.
Отрывок из книги Тиффани Браун «CSS Master».
https://www.sitepoint.com/golden-guidelines-for-writing-clean-css/
Отрывок из книги Тиффани Браун «CSS Master».
https://www.sitepoint.com/golden-guidelines-for-writing-clean-css/
Forwarded from Веб-стандарты
Выпуск №67: бета Chrome 59, Safari TP 29, Samsung на десктопе, WebP торт, HTML Шорты, Normalize.css, CSS 5 уровня, CSS в JS, ES-модули — https://soundcloud.com/web-standards/episode-67
Меньше двух недель осталось до старта курса «Продвинутый HTML и CSS», он пройдёт с 22 мая по 28 июня.
https://goo.gl/Sa68r2
Интенсив рассчитан на тех, кто хочет прокачать уже имеющиеся навыки в вёрстке.
Учеников ждёт 5 недель работы над личным проектом, 20 часов живых вебинаров, 4 качественных дизайн-макета и консультации с личным наставником, который направит работу в нужное русло и поделится опытом.
Выпускники курса делятся отзывами:
> Это просто взрыв мозга. До последнего момента я сомневался идти или нет на «Продвинутый HTML и CSS». Предположив, что будет сложнее «Базового» — я решился. По факту оказалось намного сложнее. Не пришлось скучать ни одной минуты в течение этих пяти недель. Более того, мои сны (в те дни, когда приходилось спать) стали насыщенными такими штуками, как flexbox, SVG и многим другим. По итогу удалось всё сдать на 100%. Радость и эмоции переполняют. Спасибо Академии за этот праздник души.
> Интенсив реально прокачивает. Прокачивает от уровня «что-то слышал», «что-то делал» до «я хочу у вас работать, я уверенно владею адаптивной вёрсткой». Хорошо проработанные практические задания, которые включают актуальные технологии в совокупности с интерактивными курсами и опытным наставником дают мощный эффект. Тем, кто задумывается о работе в вебе, но не знает с чего начать, интенсив даст не только направление, но и реальные навыки, с которыми можно устраиваться. После успешного окончания будь уверен — ты востребованный специалист, владеющий актуальными технологиями. Главное желание, а уж Академия найдёт как тебя обучить, и обучить очень эффективно и в кратчайшие сроки.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
https://goo.gl/Sa68r2
Интенсив рассчитан на тех, кто хочет прокачать уже имеющиеся навыки в вёрстке.
Учеников ждёт 5 недель работы над личным проектом, 20 часов живых вебинаров, 4 качественных дизайн-макета и консультации с личным наставником, который направит работу в нужное русло и поделится опытом.
Выпускники курса делятся отзывами:
> Это просто взрыв мозга. До последнего момента я сомневался идти или нет на «Продвинутый HTML и CSS». Предположив, что будет сложнее «Базового» — я решился. По факту оказалось намного сложнее. Не пришлось скучать ни одной минуты в течение этих пяти недель. Более того, мои сны (в те дни, когда приходилось спать) стали насыщенными такими штуками, как flexbox, SVG и многим другим. По итогу удалось всё сдать на 100%. Радость и эмоции переполняют. Спасибо Академии за этот праздник души.
> Интенсив реально прокачивает. Прокачивает от уровня «что-то слышал», «что-то делал» до «я хочу у вас работать, я уверенно владею адаптивной вёрсткой». Хорошо проработанные практические задания, которые включают актуальные технологии в совокупности с интерактивными курсами и опытным наставником дают мощный эффект. Тем, кто задумывается о работе в вебе, но не знает с чего начать, интенсив даст не только направление, но и реальные навыки, с которыми можно устраиваться. После успешного окончания будь уверен — ты востребованный специалист, владеющий актуальными технологиями. Главное желание, а уж Академия найдёт как тебя обучить, и обучить очень эффективно и в кратчайшие сроки.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
Как использовать тег <section> правильно? Например, можно ли вкладывать его при разметке в <footer>, заменяет ли он <div>?
Сегодня Вадим расскажет про структурные элементы <section> и <footer>.
Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/NRkr7be8sw8
Сегодня Вадим расскажет про структурные элементы <section> и <footer>.
Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/NRkr7be8sw8
Если вы планировали выучить английский и вёрстку, то есть повод не откладывать и начать сейчас.
Вместе со школой английского языка Skyeng мы проводим акцию, участники которой получат бесплатно годовую подписку на наши интерактивные курсы. Или можно подарить её другу.
Подписка распространяется на все платные курсы из раздела программы — https://htmlacademy.ru/program.
Для участия нужно пройти бесплатный вводный урок в Skyeng и оплатить любой пакет уроков английского языка.
http://school.skyeng.ru/htmlacademy/
Вместе со школой английского языка Skyeng мы проводим акцию, участники которой получат бесплатно годовую подписку на наши интерактивные курсы. Или можно подарить её другу.
Подписка распространяется на все платные курсы из раздела программы — https://htmlacademy.ru/program.
Для участия нужно пройти бесплатный вводный урок в Skyeng и оплатить любой пакет уроков английского языка.
http://school.skyeng.ru/htmlacademy/
Forwarded from Веб-стандарты
Выпуск №68: Edge и PWA, Opera всё, Electrino, Автопрефиксер, доступное меню-кнопка, ирония, валидация форм, логичные размерности — https://soundcloud.com/web-standards/episode-68
Недавно на полке в Академии появилась новая книга «JavaScript для детей» Ника Моргана — https://www.mann-ivanov-ferber.ru/books/javascript-dlya-detej/.
Она полезна для всех желающих начать программировать, независимо от возраста. Поэтому вместе с издательством МИФ мы решили разыграть её среди наших подписчиков.
Поучаствовать в конкурсе можно в одной из наших социальных сетей:
— Вконтакте https://vk.cc/6Ei5Je
— Фейсбук https://goo.gl/YFyTaz
— Твитер https://goo.gl/cB9EEz
— Инстаграм https://goo.gl/XxTqkK
Она полезна для всех желающих начать программировать, независимо от возраста. Поэтому вместе с издательством МИФ мы решили разыграть её среди наших подписчиков.
Поучаствовать в конкурсе можно в одной из наших социальных сетей:
— Вконтакте https://vk.cc/6Ei5Je
— Фейсбук https://goo.gl/YFyTaz
— Твитер https://goo.gl/cB9EEz
— Инстаграм https://goo.gl/XxTqkK
А наша Лена уже прочитала книгу и делится впечатлениями :
Интересно ли вам программирование? Или хотите заинтересовать им ребёнка? Как доступно объяснить ему всю эту магию, которую выполняют эти невероятные сочетания символов, называемые кодом.
На помощь придёт книга Ника Моргана «JavaScript для детей». Согласно аннотации, она предназначена для детей от 10 лет, но на самом деле отлично подойдёт для любого возраста. Лёгкий язык повествования, отсутствие заумных фраз, информативные иллюстрации — всё это делает обучение не только лёгким, но и приятным.
Пара цитат из книги:
> Значениям в JavaScript можно давать имена, используя переменные. Переменная похожа на ящичек, в который помещается лишь один предмет. Чтобы положить туда что-то ещё, прежнее содержимое придётся заменить.
Одни лишь числа и строки — это как-то скучновато; не столь уж многое можно сделать со строкой как таковой. С помощью массивов JavaScript позволяет создавать и группировать данные более любопытными способами. А по сути своей массив — всего лишь список, где хранятся другие значения.
> Объекты JavaScript очень похожи на массивы, но для доступа к элементам объектов используются строки, а не числа. Эти строки называют ключами, или свойствами, а элементы, которые им соответствуют, — значениями. Вместе эти фрагменты информации образуют пары «ключ — значение». Причём если массивы используются главным образом как списки, хранящие множество элементов, то объекты часто применяют как одиночные сущности с множеством характеристик, или атрибутов.
Повествование в книге идёт от простого к сложному: сначала язык разметки HTML и основы JavaScript, затем более продвинутые вещи — работа с HTML-кодом, графикой, анимацией. Вишенкой на торте становится создание собственной версии игры «змейка». Так что можно не только получить большой багаж теории, но и создать свою первую игру. А потом наверняка ещё одну, и ещё! Это может затянуть.
Эта книга — отличное стартовое пособие для тех, кто хочет погрузиться в мир JavaScript легко и приятно. Рекомендую к прочтению всем, кто хотел начать изучать программирование, но не знал с чего начать. Даже если вам намного больше 10 лет.
Интересно ли вам программирование? Или хотите заинтересовать им ребёнка? Как доступно объяснить ему всю эту магию, которую выполняют эти невероятные сочетания символов, называемые кодом.
На помощь придёт книга Ника Моргана «JavaScript для детей». Согласно аннотации, она предназначена для детей от 10 лет, но на самом деле отлично подойдёт для любого возраста. Лёгкий язык повествования, отсутствие заумных фраз, информативные иллюстрации — всё это делает обучение не только лёгким, но и приятным.
Пара цитат из книги:
> Значениям в JavaScript можно давать имена, используя переменные. Переменная похожа на ящичек, в который помещается лишь один предмет. Чтобы положить туда что-то ещё, прежнее содержимое придётся заменить.
Одни лишь числа и строки — это как-то скучновато; не столь уж многое можно сделать со строкой как таковой. С помощью массивов JavaScript позволяет создавать и группировать данные более любопытными способами. А по сути своей массив — всего лишь список, где хранятся другие значения.
> Объекты JavaScript очень похожи на массивы, но для доступа к элементам объектов используются строки, а не числа. Эти строки называют ключами, или свойствами, а элементы, которые им соответствуют, — значениями. Вместе эти фрагменты информации образуют пары «ключ — значение». Причём если массивы используются главным образом как списки, хранящие множество элементов, то объекты часто применяют как одиночные сущности с множеством характеристик, или атрибутов.
Повествование в книге идёт от простого к сложному: сначала язык разметки HTML и основы JavaScript, затем более продвинутые вещи — работа с HTML-кодом, графикой, анимацией. Вишенкой на торте становится создание собственной версии игры «змейка». Так что можно не только получить большой багаж теории, но и создать свою первую игру. А потом наверняка ещё одну, и ещё! Это может затянуть.
Эта книга — отличное стартовое пособие для тех, кто хочет погрузиться в мир JavaScript легко и приятно. Рекомендую к прочтению всем, кто хотел начать изучать программирование, но не знал с чего начать. Даже если вам намного больше 10 лет.
В этот понедельник 22 мая стартует «Продвинутый HTML и CSS». Это последний перед летним перерывом курс — следующий будет уже осенью.
https://goo.gl/Sa68r2
Во время курса вы научитесь работать с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией. Процесс работы на курсе максимально приближен к разработке в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки и пулреквесты.
Отзыв одного из участников:
> Интенсив — замечательная вещь для тех, кто учится делая, потому что даже если что-то не поняли на слух или из прочитанного, необходимость сделать так или иначе, не оставит выбора и вы таки научитесь. С хорошим наставником научитесь даже больше, чем планировали. Конечно, многое можно нагуглить, но лично я всегда теряюсь от обилия мнений в неизвестных вещах, поэтому так здорово, когда можно получить базу от людей, которым доверяешь. Отдельное спасибо за непредвзятое отношение к инструментам, когда цель — не посвятить тебя в рыцари Gulp или Grunt, а научить выполнять поставленную задачу качественно и красиво. Было интересно, насыщенно и по делу.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим поднять свои навыки.
Вас ожидает 20 часов живых вебинаров, 4 качественных макета дизайна и общение с личным наставником, который будет делиться секретами мастерства.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
https://goo.gl/Sa68r2
Во время курса вы научитесь работать с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией. Процесс работы на курсе максимально приближен к разработке в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки и пулреквесты.
Отзыв одного из участников:
> Интенсив — замечательная вещь для тех, кто учится делая, потому что даже если что-то не поняли на слух или из прочитанного, необходимость сделать так или иначе, не оставит выбора и вы таки научитесь. С хорошим наставником научитесь даже больше, чем планировали. Конечно, многое можно нагуглить, но лично я всегда теряюсь от обилия мнений в неизвестных вещах, поэтому так здорово, когда можно получить базу от людей, которым доверяешь. Отдельное спасибо за непредвзятое отношение к инструментам, когда цель — не посвятить тебя в рыцари Gulp или Grunt, а научить выполнять поставленную задачу качественно и красиво. Было интересно, насыщенно и по делу.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим поднять свои навыки.
Вас ожидает 20 часов живых вебинаров, 4 качественных макета дизайна и общение с личным наставником, который будет делиться секретами мастерства.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
SVG — формат векторной графики, который часто используется в вебе, так как он масштабируемый и позволяет бесконечно изменять размер изображения без потерь качества.
Сегодня Вадим расскажет о четырёх способах вставить SVG на страницу и в каком случае подходит каждый из них.
Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/TNX0-JLdM_U
Сегодня Вадим расскажет о четырёх способах вставить SVG на страницу и в каком случае подходит каждый из них.
Присылайте вопросы на почту shorts@htmlacademy.ru или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/TNX0-JLdM_U