frontips.ru

Ребят, надеюсь этот канал и мой блог по вёрстке принёс вам пользу

Сейчас у меня цель - улучшить свой английский, кто со мной?

Создал канал - https://t.me/englishbudesh - делаю рандомные записи в процессе изучения

Просто держать в подписках большого смысла нет - надеюсь на взаимный обмен знаниями по теме (к каждому посту открыты комментарии)

---

Кто продолжает изучать вёрстку/фронтенд ниже оставляю несколько ссылок на качественный контент

https://www.youtube.com/c/webdesignmaster - в 2015 году я научился верстать благодаря этому каналу, и до сих пор автор не перестает удивлять

https://www.youtube.com/c/ulbitv - огромное количество качественного контента по JS и не только

https://t.me/htmlshit - не могу не отметить этот канал - о разработке стабильно, много, качественно! (но вы наверно итак уже подписаны на него)

https://quickref.me/ - хороший ресурс со шпаргалками для разработчиков

Простенький макет для практики - https://www.figma.com/file/yIl2O1QVhnb1ePo0oJRrgI/Aset---Ogenacy?node-id=0%3A1

Прошлым летом нарисовал простой дизайн макет и предлагал сверстать его в качестве практики

Макет небольшой, но охватывает довольно много базовых нюансов:

- эффекты при наведении на элементы
- плавная анимация появления элементов
- адаптивность по ширине и по высоте окна браузера
- hamburger-меню и логика открытия/закрытия на Javascript
- css-переменные
- бэм-нейминг
- svg-спрайт для иконок

Сейчас раздаю свой вариант вёрстки на Gumroad - https://frontips.gumroad.com/l/portfolio-home-page-template-2

Для тех, кто только учится верстать, думаю будет интересно посмотреть, как реализованы те или иные моменты

Нравятся мне заметки от George Moller :)

На этот раз примеры применения псевдо-элементов ::before и ::after

---

Ссылка на твит автора

https://12daysofweb.dev/ - 12 качественных статей на тему современного веба:

- Intersection Observer
- Details / Summary
- CSS Custom Properties
- Audio API
- CSS Houdini Paint API
- Capturing User Media Streams
- Preference Queries
- Image Display Elements
- CSS Animation
- Web Speech API
- Form Autocomplete
- Container Queries

Заметки по БЭМ от George Moller
---
Ссылка на твит автора