@frontend_school #интересное

3D Pokedex

Выполненный в виде 3D объекта покедекс из вселенной Pokemon. На него можно не только смотреть, но и открыть и посмотреть, что внутри!

CodePen

@frontend_school #юмор

.window {
position: absolute;
top: -50px;
left: -50px;
}

@frontend_school #викторина_недели

Это 16-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.

А вот топ-10 прошлой викторины:
🥇 @iryna_martyniuk – 6 (21.4 сек)
🥈 @VladBes – 6 (43.4 сек)
🥉 @lordlen – 6 (44.3 сек)
 4. @nionioska – 5 (33.6 сек)
 5. @redd08 – 5 (34.5 сек)
 6. Дмитрий Чеканов – 5 (41.5 сек)
 7. @AlexeyKii – 5 (56.7 сек)
 8. Natallia – 5 (1 мин 45 сек)
 9. @kyt_tisheke – 4 (38.4 сек)
 10. @I_geho – 4 (39.9 сек)

Проверьте свои навыки и знания!

Пройти тест

@frontend_school #юмор

@frontend_school #интересное

Monument Valley 2

Автор этого проекта перенёс анимацию популярной игры в HTML и CSS. Здесь нет JS, поэтому только смотри, но не трогай. Проект также интересен с точки зрения реализации.

CodePen

@frontend_school #викторина

@frontend_school #юмор

@frontend_school #статья #React

Как стать React-разработчиком в 2021: дорожная карта

Чтобы освоить один из наиболее популярных инструментов JavaScript, следуйте описанным в статье этапам.

Читать статью

@frontend_school #статья #CSS

​Режимы наложения в CSS

Автор этой статьи расскажет вам, как сделать ваш сайт нереально крутым, используя наложения в CSS. Здесь вы найдёте множество примеров и способов их реализации. Статья на английском, но всё понятно и так

Читать статью

@frontend_school #юмор

Очередной наглядный пример работы CSS

@frontend_school #юмор

А как расшифровали бы вы?!

@frontend_school #статья #CSS

Как работает CSS Flexbox: наглядное введение в систему компоновки элементов на веб-странице

Эта статья примечательна тем, что в ней все примеры выполнены в виде gif. Это позволяет более детально взглянуть на материал и лучше его усвоить.

Читать статью

@frontend_school #юмор

Когда придумал классную фичу, но не знаешь где её лучше использовать

@frontend_school #интересное

Мини-квест «Найди подарки»

Скоро Новый год и на CodePen начали появляться тематические проекты. Пройдите этот несложный квест и найди, спрятанные подарки. Приятная графика и код, как дополнительный бонус 😉

CodePen

@frontend_school #юмор

@frontend_school #статья #AJAX

Знакомство с AJAX

Данная серия статей призвана познакомить начинающих разработчиков с технологией AJAX, основной front-end технологией. В первом уроке вы затронете основы AJAX, начнёте узнавать различные детали данной технологии, узнаете, что это такое, как работает и какие есть ограничения.

Читать статью

@frontend_school #интересное #Vue

Калейдоскоп

Калейдоскоп выполнен с помощью фреймворка Vue. Изменения происходят за счёт движения курсора и вычислений на его основе. Если вы решили изучать Vue, то будет очень полезно изучить и этот проект.

CodePen

@frontend_school #статья #JavaScript

25 лет языку JavaScript!

4 декабря 1995 года на свет появился JavaScript. Сегодня без него трудно представить веб-разработку. О том, какие этапы он прошёл в сегодняшней статье в формате «Один год — одно важное событие».

Читать статью

@frontend_school #викторина