Как скрыть переполняющее содержимое элемента?
Anonymous Quiz
6%
visibility: hidden;
4%
display: none;
88%
overflow: hidden;
2%
opacity: 0;
💡 Учитывайте контекст использования
Контекст. Понимание того, в каком контексте будет использоваться ваш сайт или приложение, поможет создать более релевантный и удобный дизайн. Подумайте о том, где и как пользователи будут взаимодействовать с вашим продуктом, и адаптируйте интерфейс под эти условия. Например, мобильные пользователи могут нуждаться в более крупном тексте и кнопках.
WebDEV #советы
Контекст. Понимание того, в каком контексте будет использоваться ваш сайт или приложение, поможет создать более релевантный и удобный дизайн. Подумайте о том, где и как пользователи будут взаимодействовать с вашим продуктом, и адаптируйте интерфейс под эти условия. Например, мобильные пользователи могут нуждаться в более крупном тексте и кнопках.
WebDEV #советы
Секреты создания уникальный сайтов: модульный дизайн
Модульный дизайн — это подход к созданию веб-сайтов, который подразумевает использование повторяющихся модулей или блоков. Этот метод позволяет создавать гибкие и легко масштабируемые интерфейсы, улучшая как процесс разработки, так и пользовательский опыт.
В этом видео мы покажем, как применять модульный дизайн для создания уникальных сайтов. Вы узнаете о ключевых принципах модульного дизайна, современных трендах и лучших практиках. Мы продемонстрируем, как использовать инструменты для создания модульных компонентов, чтобы ваш сайт стал стильным, функциональным и удобным.
📺 YouTube
WebDEV #видео
Модульный дизайн — это подход к созданию веб-сайтов, который подразумевает использование повторяющихся модулей или блоков. Этот метод позволяет создавать гибкие и легко масштабируемые интерфейсы, улучшая как процесс разработки, так и пользовательский опыт.
В этом видео мы покажем, как применять модульный дизайн для создания уникальных сайтов. Вы узнаете о ключевых принципах модульного дизайна, современных трендах и лучших практиках. Мы продемонстрируем, как использовать инструменты для создания модульных компонентов, чтобы ваш сайт стал стильным, функциональным и удобным.
📺 YouTube
WebDEV #видео
YouTube
Секреты создания уникальных сайтов: модульный дизайн
В этом видео мы рассмотрим ключевые принципы эффективного веб-дизайна и научимся создавать стильные и функциональные сайты в Модульном стиле. Изучите современные тренды, практики и инструменты, которые помогут вам улучшить пользовательский опыт и сделать…
🛠 Fluid Simulation — это не то чтобы инструмент, а, скорее, просто сайт, на котором можно зависнуть надолго.
Я потратил много времени (больше, чем готов признать), экспериментируя с многочисленными настройками (которые до сих пор не вполне понимаю) и наблюдая, как это влияет на цветовые пятна.
🌍 Сайт
WebDEV #инструменты
Я потратил много времени (больше, чем готов признать), экспериментируя с многочисленными настройками (которые до сих пор не вполне понимаю) и наблюдая, как это влияет на цветовые пятна.
🌍 Сайт
WebDEV #инструменты
Что означает асинхронное программирование в JavaScript?
Anonymous Quiz
2%
Выполнение операций последовательно, одна за другой
13%
Выполнение операций одновременно в разных потоках
79%
Выполнение операций, которые могут завершиться позже, не блокируя основной поток выполнения
5%
Выполнение операций только после завершения предыдущей операции
💡 Делайте упор на типографику
Типографика. Правильный выбор шрифтов и их сочетание могут значительно улучшить читаемость и визуальную привлекательность вашего сайта. Используйте не более двух-трех шрифтов и следите за их размером, межбуквенным и межстрочным интервалом. Выбирайте шрифты, которые соответствуют общему стилю и атмосфере вашего проекта.
WebDEV #советы
Типографика. Правильный выбор шрифтов и их сочетание могут значительно улучшить читаемость и визуальную привлекательность вашего сайта. Используйте не более двух-трех шрифтов и следите за их размером, межбуквенным и межстрочным интервалом. Выбирайте шрифты, которые соответствуют общему стилю и атмосфере вашего проекта.
WebDEV #советы
React + Redux + TypeScript
React — создаст интерфейс, Redux поможет им управлять, а TypeScript сделает код более читаемым и стабильным. Отличный же сайт получится, если всё это объединить!
Перед просмотром надо иметь базу по всем инструментам, ведь в ролике рассказывается как их объединить, а не как ими пользоваться.
📺 YouTube
WebDEV #видео
React — создаст интерфейс, Redux поможет им управлять, а TypeScript сделает код более читаемым и стабильным. Отличный же сайт получится, если всё это объединить!
Перед просмотром надо иметь базу по всем инструментам, ведь в ролике рассказывается как их объединить, а не как ими пользоваться.
📺 YouTube
WebDEV #видео
YouTube
React & Redux & TypeScript ПОЛНЫЙ КУРС 2021
В этом курсе мы на практике поработает с typescrit, react, redux и разработаем небольшое веб приложение.
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Ссылка на исходный код - https://github.com/utimur/react-redux-typescript…
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Ссылка на исходный код - https://github.com/utimur/react-redux-typescript…
🛠 Если вам нравится Bootstrap, но вы не хотите углубляться в код, Startup 3 – создан именно для вас.
Это онлайн-приложение со встроенными шаблонами и темами для создания веб-сайтов на основе Bootstrap 4 с сеткой из 12 столбцов. Вы можете создать сайт без написания кода, используя интерфейс с поддержкой перетаскивания объектов. Но вам все же понадобятся некоторые знания HTML и CSS, чтобы завершить работу.
🌍 Сайт
WebDEV #инструменты
Это онлайн-приложение со встроенными шаблонами и темами для создания веб-сайтов на основе Bootstrap 4 с сеткой из 12 столбцов. Вы можете создать сайт без написания кода, используя интерфейс с поддержкой перетаскивания объектов. Но вам все же понадобятся некоторые знания HTML и CSS, чтобы завершить работу.
🌍 Сайт
WebDEV #инструменты
Что делает свойство z-index в CSS?
Anonymous Quiz
2%
Определяет уровень прозрачности элемента
96%
Определяет порядок наложения элементов по оси Z
1%
Определяет, видим ли элемент
1%
Определяет внутренние отступы элемента
5 трендов в веб-дизайне в 2024 году
Устали смотреть на дизайнеров, кто постоянно говорит про тренды этого года, которые взорвут рынок? Ну посмотрели, ну увидели космические сайты, а что дальше?
А дальше подключаюсь я и рассказываю, куда движется наша индустрия, как эти космические сайты адаптировать под коммерческие проекты и получать крутой результат.
📺 YouTube
WebDEV #видео
Устали смотреть на дизайнеров, кто постоянно говорит про тренды этого года, которые взорвут рынок? Ну посмотрели, ну увидели космические сайты, а что дальше?
А дальше подключаюсь я и рассказываю, куда движется наша индустрия, как эти космические сайты адаптировать под коммерческие проекты и получать крутой результат.
📺 YouTube
WebDEV #видео
YouTube
5 трендов в ВЕБ-ДИЗАЙНЕ в 2024 году
✅ Мой бесплатный курс по веб-дизайну - https://varfolomeev.su/free-cource?utm_source=youtube&utm_content=5-trendov-v-web-design-2024
Устали смотреть на дизайнеров, кто постоянно говорит про тренды этого года, которые взорвут рынок? Ну посмотрели, ну увидели…
Устали смотреть на дизайнеров, кто постоянно говорит про тренды этого года, которые взорвут рынок? Ну посмотрели, ну увидели…
Какой тег используется для задания строки заголовка в таблице HTML?
Anonymous Quiz
8%
<tr>
41%
<thead>
48%
<th>
2%
<td>
🛠 Justinmind – это инструмент для прототипирования, который интегрируется со Sketch и Photoshop.
Вы можете выбрать необходимые взаимодействия и жесты и создать отличный прототип. Он также содержит все необходимое для пользовательского интерфейса, так что вы сможете быстро формировать экраны.
🌍 Сайт
WebDEV #инструменты
Вы можете выбрать необходимые взаимодействия и жесты и создать отличный прототип. Он также содержит все необходимое для пользовательского интерфейса, так что вы сможете быстро формировать экраны.
🌍 Сайт
WebDEV #инструменты
Что делает метод Array.prototype.reduce()?
Anonymous Quiz
3%
Добавляет элемент в конец массива
2%
Преобразует массив в строку
7%
Суммирует все элементы массива
88%
Применяет функцию к аккумулятору и каждому элементу массива для получения одного значения
Продвинутый Frontend. В Production на React
В этом ролике информация по advanced курсу по React, над которым я работал более чем полтора года. В курсе разберем такие темы, как: React/webpack/typescript/jest/storybook, оптимизация react, конфигурация, различные среды, оптимизация, интернационализация i18n react.
📺 YouTube
WebDEV #видео
В этом ролике информация по advanced курсу по React, над которым я работал более чем полтора года. В курсе разберем такие темы, как: React/webpack/typescript/jest/storybook, оптимизация react, конфигурация, различные среды, оптимизация, интернационализация i18n react.
📺 YouTube
WebDEV #видео
YouTube
Продвинутый Frontend. В Production на React. Обновленный финальный курс
В этом ролике информация по advanced курсу по React, над которым я работал более чем полтора года. React/webpack/typescript/jest/storybook, оптимизация react, конфигурация, различные среды, оптимизация, интернационализация i18n react. React JS, React TS,…