CSS in Depth
Автор: Keith J. Grant (2018)

Книга наполнена творческими примерами использования и лучшими методиками CSS, которые помогут вам создавать качественные сайты. Вы узнаете новые факты об использовании CSS и его фичах, а также поэкспериментируете с новыми идеями, такими как адаптивный дизайн и библиотеки шаблонов.

С помощью книги вы:
✔️Сможете избежать распространённых ошибок;
✔️Научитесь использовать Grid Layout и flexbox;
✔️Научитесь писать читабельный качественный код;
✔️Сможете спроектировать адаптивный дизайн для любых устройств.

Скачать книгу

Сбер и 500 Global запустили новую волну международного акселератора для IT-стартапов — Sber500

По своему опыту могу сказать, что это один из сильнейших акселераторов в России: лекции от менторов из Кремниевой долины, нетворкинг, возможность получить инвестиции.

В этом году акселерация пройдет в 3 этапа:

1. Bootcamp — Вы проработаете ценностное предложение, узнаете, как выстроить коммуникацию с разными целевыми сегментами и получите советы от экспертов со всего мира.
2. Growth Hacking — Вас ждет интенсивное обучение, тестирование множества гипотез и индивидуальная работа с менторами.
3. Getting Tactical — Лекции, воркшопы, чтобы отработать полученные знания, а также встречи с представителями компаний экосистемы Сбера, других корпораций и фондов.

Господа-фаундеры, я бы на вашем месте точно не прошел мимо такой возможности! Тем более, что участие в программе абсолютно бесплатное.

Подавайте заявку прямо сейчас.
Регистрация закроется уже 7 февраля 🦄

Учимся верстать на React за 5 минут

Эта статья для тех, кто уже знает CSS/HTML, немного JavaScript, хочет попробовать свои силы в React, но не знает, с чего начать. А начать можно как раз с верстки.

Подробнее

Всем привет!
Мы сделали сервис, который отбирает вакансии по вашим интересам.
Настройте личные фильтры: локация, точный технологический стек, и, конечно, не забудьте о деньгах.

Все самые подходящие предложения рынка – в @GetMeIT_bot

Кроссбраузерное видео с прозрачным фоном

Поскольку веб-сайты становятся все более динамичными в плане дизайна, иногда возникает необходимость включить в них сложные анимированные элементы. Существует множество способов сделать это - от CSS-переходов до 3D-рендеринга на canvas и анимированного SVG. Но часто проще использовать <video>, поскольку они могут быть довольно эффективными и с их помощью можно сделать практически все, что угодно.

Подробнее

Как удалить все каталоги node_modules с компьютера.

За последние несколько лет я запускал npm install больше раз, чем смогу сосчитать. И как результат на компьютере образовалось довольно много каталогов node_modules, о которых я давно уже забыл и не использую.

Подробнее

Fancy Border Radius - генератор сложных фигур.

https://9elements.github.io/fancy-border-radius/#36.43.37.0--216.300

Anime.js - продвинутая JS библиотека для создания анимаций

Особенности / преимущества:
✔️Anime.js работает с атрибутами DOM, свойствами CSS, SVG, преобразованиями CSS и объектами JS.
✔️Работает со всеми основными браузерами
✔️Исходный код легко расшифровать и использовать.
✔️Есть сложные методы анимации, такие как перекрытие и постепенное завершение.
✔️ Мощный и простой API

Оф. сайт: https://animejs.com/
Гит: https://github.com/juliangarnier/anime/
Примеры использования: https://codepen.io/collection/XLebem/

Memory Game

Суть игры в том, чтобы найти пары одинаковых карточек. Логика сделана на JS.

https://codepen.io/jeytii/pen/QoagLr

The Impossible Lightbulb

Лампочка, которую невозможно включить: открывается дверь и злой мишка снова ее выключает. Анимация реализована с помощью GSAP.

https://codepen.io/jh3y/pen/dyXBKog

Модификация ArrayList

Для добавления элементов используется add(). В скобочках указывается элемент, который мы хотим добавить. Чтобы удалить элемент, пишем remove(). В скобочках можно писать как сам элемент, который мы хотим удалить, так и его индекс.

#java

Подписывайтесь на канал 👉@coddy_academy

Ребята из Geecko создали для Сбера файтинговую игру для программистов Sberfight.

Это «разминка для мозгов»: быстро найти неочевидное решение, написать код и… наслаждаться визуализацией, как виртуозно дерётся персонаж. Он даже может сделать «сберталити», ну вы понимаете😉

👉Отборочный этап — до 25 февраля.
👉В плей-офф пройдут 256 участников и все получат призы.
🏆Финальные битвы — 25–27 февраля.

Переходите по ссылке, выбирайте персонажа и погрузитесь в атмосферу файтинга, в котором мощь героя зависят только от силы ваших кодинговых скиллов😎 Да победит умнейший!

P.S. Понравился формат? Приходите на Арену и участвуйте в боях PvP или «стенка на стенку». Приглашайте друзей, коллег или бейтесь со случайными противниками. Лучшие команды получат ценные призы.

Интересует web и все что с ним связано? Тогда тебе сюда - Web Overflow

Тебя тут ждут два дева, которые делятся своим опытом и ништяками, которые они юзают каждый день.

✔️ Разговорный формат
✔️ Только живой и настоящий опыт
✔️ Разбираем вопросы на интервью любой сложности
✔️ Решаем интересные задачи
✔️ Обсуждаем актуальные новинки в сфере ИТ

https://yangx.top/web_overflow
https://yangx.top/web_overflow
https://yangx.top/web_overflow

Создаём расширение для Chrome

Написать расширение для Chrome непросто. Это не то же самое, что разработка веб-приложения: не хочется перегружать браузер оверхедом JS, ведь расширения работают одновременно с сайтами. Более того, у нас нет инструментов упаковки или отладки из привычных фреймворков.

Подробнее