​​Чеклист фронтенд-разработчика 😎

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

Читать - https://goo.gl/5LuTVX

#work

​​Реализация свободного перемещения частиц на React 😎

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

Читать - https://goo.gl/zxXmFc

#react

Помогите решить вопрос, верстальщики.

PhotoHack: Visual Messaging - хакатон по созданию решения для креативной визуализации сообщений в мессенджерах.

Призовой фонд 500 000 рублей!

Новый хакатон от создателей популярного приложения Photo Lab. Участникам предстоит разработать креативное решение для визуализации текста, которое будет использовано в клавиатуре для мессенджеров. На входе программа получает текст и селфи пользователя, а возвращает изображение, которое можно использовать в дополнение к тексту или вместо него.

PhotoHack: Visual Messaging - это полная свобода творчества для разработчиков, дизайнеров, и просто креативных людей, которые не боятся экспериментов и готовы создавать новые форматы общения в мессенджерах.

Когда: 16-17 марта 2019 года
Где: ВДНХ, павильон № 461 “Умный город”
Кого мы ждём: студентов технических и художественных вузов и креативных людей.
Условия: Участие бесплатное - просто успей зарегистрироваться на сайте.

А теперь о призах:

1-е место 250 000 рублей
2-е место 180 000 рублей
3-е место 70 000 рублей

Помимо этого:
- Победители получат возможность сотрудничать с Photo Lab.
- Лучшие команды могут получить контракт на разработку от Photo Lab на сумму до 2 000 000 рублей

Прием заявок до 13 марта.
Спешите! Количество мест ограничено.

Сайт мероприятия: http://bit.ly/2IJkxsj

​​Google Drive как хранилище для веб-приложения 👽

В статье рассказывается как использовать Google Drive для своих приложений и о преимуществах данного метода.

Читать - https://goo.gl/gPy66Z

#work

​​Новые логические свойства в CSS 😎

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

Читать - https://goo.gl/gFWVBt

#css

​​Что нужно знать о JavaScript Engine Switcher 3.0 👽

В этой статье рассматриваются некоторые нововведения третьей версии, которые для многих оказались неочевидными даже после прочтения текста релиза и раздела документации «How to upgrade applications to version 3.X»: изменения в классе JsEngineSwitcher, реорганизация исключений, более информативные сообщения об ошибках, прерывание и предварительная компиляция скриптов, возможность изменения максимального размера стека в модулях ChakraCore и MSIE, а также новый модуль на основе NiL.JS.

Читать - https://goo.gl/8tXiKi

#javascript

​​Обзорная статья по A-Frame 👀

A-Frame — это веб-фреймворк позволяющий создавать различные приложения, игры, сцены в виртуальной реальности (ВР). Все вышеописанное будет доступно прямо из браузера вашего шлема ВР. Этот инструмент будет полезен как тем кто хочет заниматься разработкой ВР игр в браузере, так и например, может пригодится в качестве платформы для создания веб ВР приложений, сайтов, посадочных страниц. Сферы использования веб ВР ограничены лишь вашим воображением. Навскидку могу привести пару сфер деятельности человека где ВР может быть полезен: образование, медицина, спорт, продажи, отдых.

Читать - https://goo.gl/s2G5KZ

#work

​​Подробности о JavaScript-объектах 😎

Автор материала говорит, что в JavaScript-объектах содержится много такого, о существовании чего можно и не подозревать, пользуясь ими в повседневной работе. Объекты в JavaScript очень легко создавать, с ними удобно работать, они кажутся понятными и гибкими сущностями, и многие программисты попросту не задумываются о том, что на самом деле устроены объекты не так уж и просто.

Читать - https://goo.gl/efpdZh

#javascript

Hi, there! Делюсь с вами новым проектом!

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

Жду ваши комментарии (обязательно на английском) под этим видео — https://youtu.be/DDX1u--HTbM

И подписывайся на новый канал —  https://www.youtube.com/c/annablok

Сказать мне, как я не права в произношении некоторых слов, можете мне в ЛС. Ваши комментарии мне уже помогли исправить произношение таких фраз как "text-align" и "margin", поэтому не исключено, что и в этот раз you help me.

Кстати оригинал видео на русском можете посмотреть тут — https://youtu.be/O_NJm3QAYwA

Цель нового проекта: помочь в изучении технического английского с возможностью сравнения с русскими роликами. Этакий метод Ильи Франка, только в формате видео, а не книг.

​​Продолжая рубрику лучших сайтов по мнению cssdesignawards.com, хотели поделить с вами лучшим сайтом 2018 года 😎

Реализация дизайна, анимаций, да и в целом идея сайта весьма нестандартны.

Смотреть - https://nike-react.com

#design

Статья про использование WebP

WebP — это современный формат графики. Он был разработан Google в 2010 году как альтернатива форматам JPG и PNG, отличающийся тем, что имеет наименьший вес при том же качестве изображения.

Читать — https://telegra.ph/Ispolzuem-WebP-03-03

#webp

​​Как создавать Vue-компоненты, словно профи 👽

Vue — один из самых быстро растущих фреймворков в современном мире. Представленный как «интуитивный, быстрый и компонентный» инструмент на базе паттерна MVVM для построения интерактивных интерфейсов, Vue стал любимым JavaScript-фреймворком для разработки интерактивных веб-приложений и интерфейсов для каждого разработчика. Его 97 тыс. звёзд на GitHub с релиза в 2014 яркое тому подтверждение.

Читать - https://goo.gl/PzybFw

#vue

​​Try/Catch/Finaly 😎

Задачки с собеседований и не только.

Читать - https://goo.gl/7QWqWB

#javascript #work

​​Как работает Flex-grow в CSS. Подробное руководство 👽

Перевод статьи flex-grow is weird. Or is it? которая максимально ясно показывает то, как работает flex-grow и как он расчитывается.

Читать - https://goo.gl/ebMoSE

#css

​​Эффективное создание компонентов с помощью styled system 🙊

Styled-System предоставляет набор стилевых функций. Каждая функция стиля предоставляет собственный набор свойств, которые стилизуют элементы на основе значений, определенных в теме приложения. styled system имеет богатый API с функциями для большинства свойств CSS.

Читать - https://goo.gl/S2ktKw

#react

Как пользоваться Sketch App? Руководство пользования для верстальщиков 🔥

Из этого видео ты узнаешь о том, как пользоваться популярной программой и не пугаться интерфейса, если вдруг дизайнер скинет вам файл с расширением .sketch

Смотреть — https://youtu.be/tLxcduOTzjw

#sketch #design

​​Паттерны в React 😎

99 процентов времени работы с Реактом представляют собой переиспользование одних и тех же подходов (паттернов), и буквально через несколько минут прочтения статьи минуты вы будете их знать.

Читать - https://goo.gl/kuSUyh

#react

​​Тестировать верстку? Легко 👽

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

Читать - https://goo.gl/SXodRr

#work

​​Как лучше писать условные конструкции в JavaScript? 😎

В статье приведены 5 советов, которые стоит взять на вооружение.

Читать - https://goo.gl/xqzTr8

#javascript