Сюрреализм на JavaScript

Книга о разработке игр и приложений на JavaScript. Уже довольно старенькая (2014 год), но основные концепции и идеи никуда не деваются 😉

Читать онлайн: https://www.bakhirev.biz/book/

#books #javascript #gamedev

Адаптивная комикс-панель с CSS Clip-Path

Верстаем симпатичный блок с нестандартным дизайном с помощью SVG и CSS Clip-Path.

Смотреть: https://prglb.ru/wm0e

#css #svg #snippets

Front-end developer

Требования:
— React + Redux; JS
— СSS3, HTML5, опыт responsive/adaptive вёрстки
— Умение работать с SASS/SCSS/Styled Components
— ES5/6, опыт работы с Webpack и Babel
— Знание английского на уровне, как минимум, чтения документации

Условия:
— Белая зп, официальное трудоустройство, больничные, отпуска, ДМС (со стоматологией)
— Оплата 50% стоимости посещений профессиональных форумов
— Регулярная обратная связь и аттестации
— Геймификация процессов и несколько раз в год релокейты поработать в другую страну

Подробнее о вакансии

Маленькие хитрости кастомных свойств (CSS-переменных)

👉 Дефолтные значения
👉 Контекст переменной
👉 Обход специфичности селекторов

Читать: https://prglb.ru/bqdv

#css

Придумай концепцию любого IT-решения для сельского хозяйства и получи шанс выиграть 50 000 рублей. Тебе не обязательно быть программистом: предложить свою идею могут маркетологи, дизайнеры, продакт-менеджеры или команды студентов. Прием заявок — до 24 марта на сайте:
https://prglb.ru/i7jn

Генеральный спонсор — Россельхозбанк.

Очень приятная анимация формы для ввода данных карты

Смотреть: https://prglb.ru/1z3gu

#code #snippets #interface #animation

Диагональные лейауты в 2020

Диагональные линии делают макеты динамичными и нестандартными. Но чтобы реализовать их в верстке, приходится прибегать к массе ухищрений.

Существует как минимум три подхода к заострению углов:

👉 SVG
👉 CSS Clip Path
👉 CSS Transforms

Статья подробно расскажет именно о последнем.

Читать: https://www.cat-in-web.ru/diagonal-layouts/
А здесь краткий конспект: https://prglb.ru/2th1d

#css #layout

​Задачи верстки, которые можно решить псевдоэлементами

Псевдоэлементы - очень классная штука, которая позволяет делать сложные вещи без добавления лишнего HTML-кода.

➡️ Проверьте, используете ли вы их на полную мощность

✔️ Эффекты при наведении на родительский элемент
(Включая классный эффект со ссылками)
✔️ Увеличение зоны взаимодействия с элементом интерфейса
✔️ Эффекты наложения слоев
✔️ Сложные тени
✔️ Иконки для ссылок на файлы с разным расширением
✔️ Разделитель в тексте

Проверить: https://prglb.ru/5rnfn

#css

Что такое Генераторы в JavaScript

Теоретическое введение в функции, выполнение которых можно прервать.

Читать: https://prglb.ru/2xibi

#core

React Native. Руководство для начинающих

Начало работы с популярным фреймворком.

Читать: https://prglb.ru/1r7lm

#reactnative #mobile

На период карантина GeekBrains открывает доступ к 15 курсам

Среди открывшихся курсов есть не только HTML/CSS, но и "Веб-технологии: уязвимости и безопасность". Успейте зарегистрироваться до 31 марта, пока обучение бесплатно.

https://proglib.io/sh/XiAVShg8tM

Передача данных с помощью Webpack

Как передать глобальные переменные в HTML, CSS или JS во время сборки проекта? Очень просто, если у вас есть Webpack.

Читать: https://prglb.ru/4qh46



#tools #webpack

Асинхронный бесконечный скролл на React.js

scroll, fetch, scroll, fetch, scroll…

Читать: https://prglb.ru/5mj12

#interface #frameworks #react

Почему пора перестать использовать IIFE?

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

Читать: https://prglb.ru/4mehv

#javascript #bestpractices

Красивый hover-эффект для кнопки

Код: https://prglb.ru/37lv6

#interface #snippets #code

​ТОП-6 JS фреймворков в 2020

Необычная подборка JavaScript-фреймворков, в которой нет React 😳

Посмотреть: https://prglb.ru/25w5v

#tools #frameworks #digest

Физическая симуляция на JavaScript и Canvas

Анимация цепочки шариков с полным погружением в физику.

Читать и повторять: https://prglb.ru/2v8tv

#animation #canvas

Как настроить отладчик для Chrome extension в Visual Studio Code

Отладка веб-приложений с помощью Visual Studio Code значительно повышает эффективность работы, помогает сэкономить много времени и сохранить чистоту кода.

Настроить: https://prglb.ru/xqmu

#tools #editor #debugger

Уроки для джуна

У джуниор-разработчиков особый взгляд на мир и отрасль. Со временем многие вещи переоцениваются.

7 абсолютных истин, в которые я верил джуниор-разработчиком
https://prglb.ru/3xbly

25 уроков для начинающего разработчика
https://prglb.ru/13pdh

#advices

Cutestrap

Компактный (2.7KB) CSS фреймворк с необычным синтаксисом, приятным дизайном и удобной кастомизацией на CSS-переменных.

Попробовать: https://prglb.ru/5uinx

Почему не стоит использовать LocalStorage

Локальное хранилище браузера - отличное решение для хранения небольших и не приватных фрагментов данных. Однако в некоторых случаях его использование категорически не рекомендуется:

Узнать, в каких: https://prglb.ru/4z35j

#browser #api