Какое значение надо указать у свойства box-shadow, чтобы тень отображалась внутрь блока?
Anonymous Quiz
37%
inset
7%
outer
23%
-1 px -1 px
34%
inside
@frontend_school #ответ_на_задачу
По ссылке ниже представлено решение задачи №29.
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
По ссылке ниже представлено решение задачи №29.
Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
@frontend_school #статья #JavaScript
JavaScript - Циклы
Сегодняшняя статья носит обучающий характер и направлена на тех, кто только начинает постигать премудрости JavaScript. Иногда трудно найти хороший материал, который понятно и подробно объяснит то, что от него требуется. Данная статья, как мне кажется, с этим отлично справляется. Приятного чтения!
JavaScript - Циклы
Сегодняшняя статья носит обучающий характер и направлена на тех, кто только начинает постигать премудрости JavaScript. Иногда трудно найти хороший материал, который понятно и подробно объяснит то, что от него требуется. Данная статья, как мне кажется, с этим отлично справляется. Приятного чтения!
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
24%
I'm pink. 🌸
32%
I'm pink. 🌸 I'm a bird. 🐤
31%
I'm a bird. 🐤 I'm pink. 🌸
2%
I'm a bird. 🐤
10%
Ничего
@frontend_school #задача #вёрстка_по_макету
Сегодня в качестве задачи хочу предложить вам сверстать одну небольшую страницу по макету. Сверстать нужно с учётом современной семантики и без лишних нагромождений.
Присылайте свои варианты вёрстки в чат! Можете разместить свой вариант на github, codepen или просто кинуть архивом в чат!
Сегодня в качестве задачи хочу предложить вам сверстать одну небольшую страницу по макету. Сверстать нужно с учётом современной семантики и без лишних нагромождений.
Присылайте свои варианты вёрстки в чат! Можете разместить свой вариант на github, codepen или просто кинуть архивом в чат!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Рассыпающийся текст
При наведении на текст он рассыпается в месте нахождения курсора. Реализован с помощью препроцессора SCSS и JavaScript.
Рассыпающийся текст
При наведении на текст он рассыпается в месте нахождения курсора. Реализован с помощью препроцессора SCSS и JavaScript.
@frontend_school #статья #JavaScript
Как начать думать функционально в JavaScript
Чтобы освоить навык функционального программирования – или ФП, как его иногда называют по-модному – потребуется время; но как только вы вникнете в суть, вам откроется целый новый мир. Вы также сможете разрабатывать код, который легче поддается анализу.
Как начать думать функционально в JavaScript
Чтобы освоить навык функционального программирования – или ФП, как его иногда называют по-модному – потребуется время; но как только вы вникнете в суть, вам откроется целый новый мир. Вы также сможете разрабатывать код, который легче поддается анализу.
Какой из перечисленных вариантов не является псевдо-классом?
Anonymous Quiz
50%
:root
24%
:first-line
6%
:active
12%
:first-child
8%
:hover
@frontend_school #полезное
6 лучших браузеров для разработчиков в 2020 году
Веб-разработчики делают гораздо больше, чем просто просматривают страницы онлайн. Именно по этой причине среднестатистическому кодеру нужен браузер, способный на множество разных вещей. Например, тот, который поставляется с плагинами, позволяющими просматривать код вдохновляющих сайтов. Кроме того, вы можете искать браузер, который дает вам возможность увидеть, как некоторые проекты будут выглядеть на разных экранах.
6 лучших браузеров для разработчиков в 2020 году
Веб-разработчики делают гораздо больше, чем просто просматривают страницы онлайн. Именно по этой причине среднестатистическому кодеру нужен браузер, способный на множество разных вещей. Например, тот, который поставляется с плагинами, позволяющими просматривать код вдохновляющих сайтов. Кроме того, вы можете искать браузер, который дает вам возможность увидеть, как некоторые проекты будут выглядеть на разных экранах.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Анимированный индикатор температуры
Выполнен на чистом CSS, но если прикрутить к нему javascript, то можно заставить его показывать реальные значения, взятые откуда вам необходимо.
Анимированный индикатор температуры
Выполнен на чистом CSS, но если прикрутить к нему javascript, то можно заставить его показывать реальные значения, взятые откуда вам необходимо.
@frontend_school #статья #CSS
сalc() в CSS3. Великолепные возможности для responsive верстки.
сalc() в CSS3. Великолепные возможности для responsive верстки.
calc()
довольно новая и еще совсем редко используемая функциональность в CSS3. Она позволяет задавать несложные арифметические операции непосредственно в описании стилей с участием всевозможных единиц измерения. Это очень удобно для вычисления размеров, позиций, трансформаций.. и даже цветов элементов. Давайте разберемся, где все это может пригодиться и стоит ли это того.Какое значение будет присвоено переменной result?
Anonymous Quiz
16%
false
22%
262
27%
2009
26%
true
9%
2271
@frontend_school #видео
Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)
Классические триллеры вроде «Callback Hell» и «Pyramid of Doom» потеряли свою актуальность настолько, что даже Java-программисты перестали пугать ими невинных джуниоров. Всё благодаря паттернам и библиотекам. Streams, Promises, Async-Await и другие изменили наш код. Теперь он прекрасен. Пока ещё вымысел? Поговорим о том, как сделать эту картину реальностью. Об основных практиках асинхронного программирования. Принципах их работы, отличиях и сценариях использования.
Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)
Классические триллеры вроде «Callback Hell» и «Pyramid of Doom» потеряли свою актуальность настолько, что даже Java-программисты перестали пугать ими невинных джуниоров. Всё благодаря паттернам и библиотекам. Streams, Promises, Async-Await и другие изменили наш код. Теперь он прекрасен. Пока ещё вымысел? Поговорим о том, как сделать эту картину реальностью. Об основных практиках асинхронного программирования. Принципах их работы, отличиях и сценариях использования.