Всем привет!
Одна из востребованных задач в верстке - фиксация header (у меня в текущем проекте еще и footer фиксируется в некоторых компонентах).
Если вы еще не делали это при помощи Grid - эта статья вам в помощь! 👍
#css #grid
Одна из востребованных задач в верстке - фиксация header (у меня в текущем проекте еще и footer фиксируется в некоторых компонентах).
Если вы еще не делали это при помощи Grid - эта статья вам в помощь! 👍
#css #grid
Webformyself
Как использовать CSS Grid для закрепления хэдера и футера
Фиксированный хэдер и футер: как использовать CSS Grid. Базовые стили. Регулируемая ширина
Всем привет! 🖖
Продолжаю мучить вёрстку и начинаю с теплотой вспоминать свой legacy проект))))
А пока интересна скорость с которой нормальные люди, не то что я, верстают проекты)
Например, вот макет - обычный лендинг. Сколько рабочих дней у вас уйдет на него?
Продолжаю мучить вёрстку и начинаю с теплотой вспоминать свой legacy проект))))
А пока интересна скорость с которой нормальные люди, не то что я, верстают проекты)
Например, вот макет - обычный лендинг. Сколько рабочих дней у вас уйдет на него?
Figma
mob-first
Created with Figma
Сколько рабочих дней вы верстаете среднестатистический лендинг?
Anonymous Poll
13%
1
18%
2
23%
3
7%
4
11%
5
28%
>5
Всем привет!
На днях вышла 5 версия Webpack.
Подробности релиза можно почитать тут.
Либо офф блог.
#webpack
На днях вышла 5 версия Webpack.
Подробности релиза можно почитать тут.
Либо офф блог.
#webpack
defront.ru
Что нового в Webpack 5
Новинки релиза — улучшения скорости сборки, улучшение поддержки долгосрочного кэширования бандлов и tree shaking. Реализован новый подход для работы с ассетами. Добавлен Module Federation и многое другое
Всем привет!
Я тут приболел немного - штормит с пятницы меня. Ни работать, ни в канал писать нет сил и желания(((
Хочу пожелать всем здоровья, мойте руки, соблюдайте дистанцию, носите маски в общественных местах. Всем удачи и не болейте.👍
Я тут приболел немного - штормит с пятницы меня. Ни работать, ни в канал писать нет сил и желания(((
Хочу пожелать всем здоровья, мойте руки, соблюдайте дистанцию, носите маски в общественных местах. Всем удачи и не болейте.👍
Если вы разрабатываете на React, Vue или Angular - рекомендую использовать Storybook.
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция
ps Офф сайт - https://storybook.js.org/
#react #storybook
Эта штука просто незаменима при создании компонентов. Вам не нужно запускать проект и проверять, что вы там создали, как оно работает в разных состояниях и т.д. - вот для этих целей storybook
Вот краткая инструкция
ps Офф сайт - https://storybook.js.org/
#react #storybook
DEV Community
Getting Started with Storybook: How to Develop React Components Without an App
I wanted to write up some thoughts and a quick tutorial on one of my favorite development tools, Stor...
Всем привет!
Сделал свой первый проект на Gatsby и хочу написать пару слов.
Фантастическое быстродействие сайта (тестирую с lighthouse), множество плагинов, хорошая документация, актуальность технологи... глюки при сборке (причиной Typescript модуль был), частое "зависание" live server, какие-то мелки баги...
Короче, пока не знаю, что сказать, но фреймворк прикольный. Жаль я Next.js не пробовал, чтоб можно было сравнить.
Думаю, буду дальше разбираться с Gatsby. А тем кто занимается разработкой сайтов - рекомендую попробовать. Слышал, что многие переводят WordPress на Реакт и вот тут Gatsby вам должен зайти
#gatsby
Сделал свой первый проект на Gatsby и хочу написать пару слов.
Фантастическое быстродействие сайта (тестирую с lighthouse), множество плагинов, хорошая документация, актуальность технологи... глюки при сборке (причиной Typescript модуль был), частое "зависание" live server, какие-то мелки баги...
Короче, пока не знаю, что сказать, но фреймворк прикольный. Жаль я Next.js не пробовал, чтоб можно было сравнить.
Думаю, буду дальше разбираться с Gatsby. А тем кто занимается разработкой сайтов - рекомендую попробовать. Слышал, что многие переводят WordPress на Реакт и вот тут Gatsby вам должен зайти
#gatsby
Всем привет!
Наткнулся на интересную статью, в которой автор заставил меня задуматься, о вертикальной составляющей в адаптивном дизайне. А то я, как и многие, обычно только ширину учитываю.
👉Отзывчивый веб-дизайн и учёт высоты окна браузера
#css
Наткнулся на интересную статью, в которой автор заставил меня задуматься, о вертикальной составляющей в адаптивном дизайне. А то я, как и многие, обычно только ширину учитываю.
👉Отзывчивый веб-дизайн и учёт высоты окна браузера
#css
Всем привет!
Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2
Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?
#redux
Вчера задумался о переходе с Redux на Redux Toolkit (если это можно назвать переходом). Конечно, был бы это мой выбор - я бы весь проект на MobX перевел, но...имеем, что имеем.
Если кто не в курсе, что такое Toolkit, то вот вам короткие видео, где наглядно показывают разницу от Redux
Часть 1
Часть 2
Кстати, кто уже использует Tollkit - напишите в комментария, достаточно вам встроенного в него thunk или в каких-то случаях приходится Redux Saga использовать?
#redux
YouTube
1. Redux Toolkit. Сделай redux код проще!
И так в этом видео мы разберемся с Redux Toolkit. Это некоторая надстройка над Redux, от разработчиков самого Redux.
Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество…
Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество…
Какими менеджерами состояния вы пользуетесь?
Anonymous Poll
68%
Redux
7%
MobX
7%
Context API
18%
Другое
P.S.
Кто хочет отдельно проголосовать за Redux Toolkit - палец вверх!👍
Кто хочет отдельно проголосовать за Redux Toolkit - палец вверх!👍
DНЕВНИК web-программиста
Всем привет! Я тут приболел немного - штормит с пятницы меня. Ни работать, ни в канал писать нет сил и желания((( Хочу пожелать всем здоровья, мойте руки, соблюдайте дистанцию, носите маски в общественных местах. Всем удачи и не болейте.👍
Всем привет!
Сдал вчера анализы на антитела, результат положительный, с высокими показателями. Получается, я ковидом переболел.
Отделался лёгким испугом.
Беригите себя и близких, всем здоровья!!!
Сдал вчера анализы на антитела, результат положительный, с высокими показателями. Получается, я ковидом переболел.
Отделался лёгким испугом.
Беригите себя и близких, всем здоровья!!!
Всем привет!
Отпуск пролетел как одно мгновение - сегодня вернулся домой и приступаю к работе. Ближайшая задача - регистрация пользователя в приложении, аутентификация, валидация, OAuth2, firebase и тд Короче, то - что нужно почти всегда и везде))
Как всегда буду делиться полезными материалами и своими успехами (или ошибками).
Отпуск пролетел как одно мгновение - сегодня вернулся домой и приступаю к работе. Ближайшая задача - регистрация пользователя в приложении, аутентификация, валидация, OAuth2, firebase и тд Короче, то - что нужно почти всегда и везде))
Как всегда буду делиться полезными материалами и своими успехами (или ошибками).
Всем привет!
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Webformyself
«Адаптивный» размер шрифта с использованием чистого CSS
Как настроить адаптивный размер шрифта на чистом CSS. Математика в виде минимума и максимума. Отличие от других реализаций. Демонстрация