Рет қаралды 2,295
Профорієнтаційний тест:
prof.ithillel.ua/ua
Без адаптивної верстки неможливо собі уявити сучасну веб-розробку та дизайн.
Така верстка не тільки є стандартом, а й дозволяє не малювати новий дизайн для кожної роздільної здатності, а змінювати розміри та розташування окремих елементів.
Марія Падалко, Markup Developer у Brain Rocket, розповість про адаптивну верстку, Mobile first підхід та покаже, як верстати особисту візитну картку під Desktop та Mobile.
Довідник з Front-end - itwiki.dev/front-end
Макет:
www.figma.com/file/OvPbYvfjtc...
Код:
github.com/masha-padalko/card
Сторінка:
masha-padalko.github.io/card/
Генератор QR Code:
www.qrcode-monkey.com/
Тег picture:
developer.mozilla.org/en-US/d...
Безкоштовні макети для верстки у Figma:
t.me/figma2html
Онлайн аналог Photoshop:
www.photopea.com/
Приклад коду анімації:
codepen.io/mpadalko/pen/GRWEWMZ
codepen.io/mpadalko/pen/YzYgxqe
codepen.io/deniandriancode/pe...
#CSS #frontend #HTML