Стюарт Фрисби из Booking.com поделился историей о том, как они внедряли системные шрифты, с чем столкнулись и какие сделали в итоге выводы.
https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f
https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f
Пространство может добавить проекту акценты, структуру, понятность и даже передать эмоции.
Примеры эффективного использования пустоты в дизайне интерфейса.
https://blog.prototypr.io/how-to-use-space-in-ui-design-15e169127236
Перевод: https://uxgu.ru/white-space/
Примеры эффективного использования пустоты в дизайне интерфейса.
https://blog.prototypr.io/how-to-use-space-in-ui-design-15e169127236
Перевод: https://uxgu.ru/white-space/
Основы типографики: разбираемся с начертанием, типами шрифтов, гарнитурами и многим другим.
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/