Smart Dev — веб-розробка, дизайн, програмування – Telegram
Smart Dev — веб-розробка, дизайн, програмування
1.07K subscribers
50 photos
1 video
1 file
1.15K links
Новини світу розробки ПЗ і IT. Цікаві статті, авторські переклади.

Чат канала: @smart_dev_chat

По всім питанням:
@sd_contact_bot

Підтримати канал: http://bit.ly/2YbvCFz
Download Telegram
Как рисует браузер. Доклад Яндекса. Расшифровка доклада о том, как работает браузер под капотом и как происходит рендеринг и отрисовка. Очень познавательный текст, рекомендую → http://bit.ly/2nKrz6e
——————————————
Поддержать нас
Logical Operations with CSS Variables. Интересный подход к использованию css переменных, использующий их для задания булевых значений. Данный подход открывает широкие возможности для написания анимаций на чистом CSS, то читаемость кода оставляет желать лучшего (ИМХО) → http://bit.ly/2nGghzW
——————————————
Поддержать нас
Building Dark Mode on Desktop. Довольно подробная статья о том, как деливерили темную тему в slack на всех платформах. Интересный подход к задаче. Статья стоящая, рекомендую → http://bit.ly/2pe4FVj
——————————————
Поддержать нас
Interview with a Pornhub Web Developer. Довольно познавательное интервью о том, как устроена разработка, какой стек используется, на что обращают внимание и куда движется один из наиболее посещаемых сайтов нета → http://bit.ly/2LTs7QB
——————————————
Поддержать нас
Things you may not know about Chrome DevTools. 10 крутых фишек Chrome Devtools в блоге dev.tohttp://bit.ly/35i4ZDa
——————————————
Поддержать нас
A Modern CSS Reset. Написание нормализатора стилей, содержащего только самое необходимое для разработки в 2019 (без прицепа легаси, который содержится в привычных reset.css и normalize.css) → http://bit.ly/2AU4HnS
——————————————
Поддержать нас
Don't Use JavaScript Variables Without Knowing Temporal Dead Zone. Статья о том, что такое TDZ и edge-кейсах незнание которых часто может привести к багам → http://bit.ly/30XgmwS
——————————————
Поддержать нас
Функции высшего порядка и их использование в javanoscript. Что это такое и для чего могут быть использованы в js-разработке → http://bit.ly/320vyuk
——————————————
Поддержать нас
Подробно про метод filter() в JavaScript. Годная статья с примерами о тонкостях метода .filter в JS в блоге Стаса Багрецова на Медиум → http://bit.ly/35gjozI
——————————————
Поддержать нас
Почему я предпочитаю объекты, а не оператор switch. Еще один подход к написанию кода, отдающего значение по ключу. Большой вопрос к читаемости данного подхода. А вам как? Напишите свое мнение в чате 👇http://bit.ly/31XXMWM
——————————————
Поддержать нас
React vs Vue [2019 Edition]. Подробный разбор различий в структуре проектов и подходах на примере написания todo → http://bit.ly/35fv7P7
——————————————
Поддержать нас
Избыточная вариативность во Front-end Stack: суть и причины. Интересная статья, в которой рассматривается куда движется фронтенд в 2019. И она не только о фреймворках, а о транспортных протоколах, браузерных API и JS в общем, рекомендую → http://bit.ly/2Mhmdc9
——————————————
Поддержать нас
Время до первого байта: что это такое и почему это важно. Полезная статья об этой недооцененной метрике. Полезная статья в переводе RUVDS на Хабре → http://bit.ly/33z8JhT
——————————————
Поддержать нас
12 возможностей ES10 в 12 простых примерах. Разбор новых возможностей грядущего стандарта на понятных примерах в переводе на Хабре → http://bit.ly/2IR3rGA
——————————————
Поддержать нас
Как работать с localStorage в JavaScript. Статья об основах работы с localStorage для начинающих → http://bit.ly/2plRp0X
——————————————
Поддержать нас
Чеклист Senior-инженера: список навыков с сортировкой по категории, сложности освоения и важности для компании/карьеры → https://littleblah.com/post/2019-09-01-senior-engineer-checklist/
Как работает совместное редактирование в Figma, подробный рассказ от техдира сервиса → http://bit.ly/32zMkAK
New to front-end testing? Start from the top of the pyramid!. Интересный подход к тестированию UI для начинающих → http://bit.ly/2J6jqAC
——————————————
Поддержать нас
Хотите научиться создавать промосайты с анимацией прямо в Figma?

Что может придать любому сайту wow-эффект, от которого будут в восторге ваши клиенты? Конечно, правильные, аккуратные и нестандартные анимации. 23 и 24 октября в 20:00 по Москве мы научим вас их делать, создав для примера промосайт фильма «Джокер». Урок проведет Евгений Кузьмин, основатель студии UPROCK (26 место в рейтинге дизайн-студий Tagline).

В программе:
✔️Интерфейс Figma: как быстро научиться работать с софтом
✔️Разберем нестандартные сетки и стильные анимации 
✔️Практика: создаем макет промосайта фильма «Джокер» 
✔️Как создавать анимацию в Figma: Smart Animate и плагины
✔️Практика: анимируем макет прямо в Figma


🎁 Каждый участник получает готовый набор компонентов для коммерческой разработки, созданный студией UPROCK, и обучающие видео по UX, сеткам и презентации.
Регистрация по ссылке: https://clc.to/fI7K8Q
Verify phone numbers on the web with the SMS Receiver API. Рассказ о новой фиче, которая заедет в тестовом режиме уже в Chrome 78 → http://bit.ly/32zBlYj
——————————————
Поддержать нас
Заметки верстальщика: Полезные расширения Google Chrome в 2019 году. В списке можно найти инструменты, которые значительно упростят работу с разработкой и отладкой приложения, рекомендую → http://bit.ly/2nZRDdM
——————————————
Поддержать нас