Основы типографики: разбираемся с начертанием, типами шрифтов, гарнитурами и многим другим.
https://robots.thoughtbot.com/typography
https://robots.thoughtbot.com/typography
Привет! Нам часто задают вопросы о вёрстке и технологиях: почему нужно делать так, а не иначе? Что если сделать эдак? И мы с удовольствием отвечаем.
Но в таких случаях ответ получает один человек, а пригодился он бы многим. Поэтому мы будем отвечать на частые вопросы в коротких роликах.
В первом выпуске Вадим Макеев подробно разберёт: можно ли оборачивать ссылкой блочные элементы?
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://www.youtube.com/watch?v=JEItJ4nyl68
Но в таких случаях ответ получает один человек, а пригодился он бы многим. Поэтому мы будем отвечать на частые вопросы в коротких роликах.
В первом выпуске Вадим Макеев подробно разберёт: можно ли оборачивать ссылкой блочные элементы?
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://www.youtube.com/watch?v=JEItJ4nyl68
YouTube
Ссылки вокруг блоков — HTML Шорты
Рассказываем, можно ли оборачивать ссылкой блочные элементы и как правильно писать код по Спецификации.
Запись на курс «HTML и CSS. Профессиональная вёрстка сайтов» — https://tml.io/09xl5
Полезные ссылки:
- Раньше в HTML 4 было нельзя — https://tml.io/5ato9…
Запись на курс «HTML и CSS. Профессиональная вёрстка сайтов» — https://tml.io/09xl5
Полезные ссылки:
- Раньше в HTML 4 было нельзя — https://tml.io/5ato9…
Собрали наши доклады с выступлений на конференциях и встречах в единый плей-лист.
На случай если вы пропустили какой-то из них или захотите пересмотреть.
Плей-лист будет пополняться по мере появления новых выступлений.
https://goo.gl/m2ZTqN
На случай если вы пропустили какой-то из них или захотите пересмотреть.
Плей-лист будет пополняться по мере появления новых выступлений.
https://goo.gl/m2ZTqN
22 мая стартует интенсив «Продвинутый HTML и CSS», запись открыта и пока есть свободные места.
https://goo.gl/Sa68r2
Процесс работы на курсе максимально приближен к разработке проекта в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки, пулреквесты и разберётесь с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим прокачать навыки.
Вас ждёт 5 недель плодотворной работы, 20 часов живых вебинаров, 4 адаптивных макета дизайна и консультации с личным наставником, который поделится опытом и секретами мастерства.
Отзыв одного из участников предыдущего потока:
> Отличное сочетание практики и теории, поданной в удобной, понятной и последовательной форме, в сочетании с системой наставничества и автоматизированных курсов, делает процесс обучение максимально эффективным. Главная цель — не выпустить как можно больше студентов, а выпустить профессионалов. Объективная и кропотливая проверка итоговых работ позволяет оценить работу со стороны и понять, достигнут ли уровень профессионала или ещё нужно покорпеть.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
https://goo.gl/Sa68r2
Процесс работы на курсе максимально приближен к разработке проекта в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки, пулреквесты и разберётесь с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим прокачать навыки.
Вас ждёт 5 недель плодотворной работы, 20 часов живых вебинаров, 4 адаптивных макета дизайна и консультации с личным наставником, который поделится опытом и секретами мастерства.
Отзыв одного из участников предыдущего потока:
> Отличное сочетание практики и теории, поданной в удобной, понятной и последовательной форме, в сочетании с системой наставничества и автоматизированных курсов, делает процесс обучение максимально эффективным. Главная цель — не выпустить как можно больше студентов, а выпустить профессионалов. Объективная и кропотливая проверка итоговых работ позволяет оценить работу со стороны и понять, достигнут ли уровень профессионала или ещё нужно покорпеть.
https://goo.gl/Sa68r2
#html #css #верстка #интенсив #htmlacademy
Однажды автору пришла в голову мысль: что будет если уже сжатый CSS-код прогнать через минификатор повторно? А если через другой? А ещё раз?
И это сработало — так появился CSS Remynification. Правда, есть шанс, что после него ваш CSS сломается.
https://luisant.ca/remynifier
И это сработало — так появился CSS Remynification. Правда, есть шанс, что после него ваш CSS сломается.
https://luisant.ca/remynifier
Вещи, которые помогут улучшить форму оплаты пластиковой картой:
— Автозаполнение.
— Маска для разделения номера карты.
— Алгоритм Луна, проверяющий корректность номера.
— Шрифт, похожий на тот, что на пластиковой карте.
— Определение банка пользователя.
https://www.smashingmagazine.com/2017/03/improve-billing-form-ux/
— Автозаполнение.
— Маска для разделения номера карты.
— Алгоритм Луна, проверяющий корректность номера.
— Шрифт, похожий на тот, что на пластиковой карте.
— Определение банка пользователя.
https://www.smashingmagazine.com/2017/03/improve-billing-form-ux/
Один из часто задаваемых вопросов новичков: зачем задавать картинку через background-image, если можно просто написать background?
На первый взгляд, чем короче запись, тем лучше? Но это рискованная затея и Вадим объяснит почему.
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках. Увидимся через неделю!
https://www.youtube.com/watch?v=3gvjDqhYJ60
На первый взгляд, чем короче запись, тем лучше? Но это рискованная затея и Вадим объяснит почему.
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках. Увидимся через неделю!
https://www.youtube.com/watch?v=3gvjDqhYJ60
YouTube
Сокращённые свойства — HTML Шорты
— Курс «Наследование и каскадирование» — https://htmlacademy.ru/courses/66
— Гарри Робертс против сокращённой записи — https://csswizardry.com/2016/12/css-shorthand-syntax-considered-an-anti-pattern/
— Свойство animation на MDN — https://developer.mozill…
— Гарри Робертс против сокращённой записи — https://csswizardry.com/2016/12/css-shorthand-syntax-considered-an-anti-pattern/
— Свойство animation на MDN — https://developer.mozill…
Отладка 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>.
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/NRkr7be8sw8
Сегодня Вадим расскажет про структурные элементы <section> и <footer>.
Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.
Увидимся через неделю!
https://youtu.be/NRkr7be8sw8