Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Веб-разработка |
CSS |
Javascript |
Браузеры |
Новости и занимательное |
Веб-разработка
- Какие перспективы у Node.js после воссоединения — мнения экспертов
- Структуры данных для самых маленьких
- Всегда используйте тег label
- Лучшие практики использования видео с помощью HTML5 (HTML5 Video Player Best Practices)
- X-XSS-Protection – предотвращаем атаки межсайтового скриптинга (Preventing Cross-Site Scripting Attacks)
- Прячем SVG-иконки от скрин-ридеров (Hiding inline SVG icons from screen readers)
- Как работают фильтры в SVG (How SVG Filters Work)
- Загрузка полифиллов только по мере надобности (Loading Polyfills Only When Needed)
- Все что вы должны знать о прогрессивных веб-приложениях (Everything You Should Know About Progressive Web Apps)
- Компоновка отзывчивых изображений с помощью инструмента Responsive Image Breakpoints Generator
- Насколько доступны функции веб-платформы? (How available are the web platform's features?)
- REST API Inspector
- Доступные всплывающие метки (Accessible floating labels)
- Симпатичный эффект для типографики с помощью HTML5 Canvas и CSS Blend Modes
CSS
- Псевдоэлементы, которых не может быть
- 9 недооцененных возможностей CSS
- Вещи, которых следует остерегаться при работе с CSS 3D (Things to Watch Out for When Working with CSS 3D)
- Wenk — легкая библиотека для тултипов, написанная на CSS с помощью PostCSS
- Вы знаете, что ваш сайт — отстой, когда… (You know a site has its shit together when…)
- Создаем формы с помощью Flexbox (Make Forms Fun with Flexbox)
- Чиним выделение контуров объектов при клике (Fixing outlines on click)
- «Современный CSS и интерактивные письма» — доклад Mark Robbins на CSS Day 2016
- Статическая библиотека на CSS для инлайновых индикаторов загрузки (Pure text, CSS only, font independent, inline loading indicators)
- Способы управления расстоянием в веб-типографике (Methods for Controlling Spacing in Web Typography)
- Анимированный полёт птицы на CSS (JetFalcon CSS Animation 2.0)
- Эффекты переходов с CSS масками (Transition Effect with CSS Masks)
- Grid layout — необходимый шаг для развития CSS (Grid layout is a much needed step-change for CSS)
- CSS4 Grid: наконец-то пришла настоящая раскладка (CSS4 Grid: True Layout Finally Arrives (Jen Kramer) — Full Stack Fest 2016
JavaScript
- Записи докладов с PiterJS #7
- Кому нужен AMP? Отложенная загрузка отзывчивых изображений с помощью Layzr.js (Who Needs AMP? How to Lazy Load Responsive Images Quick and Easy with Layzr.js)
- Улучшайте ваше изучение JavaScript с помощью забавных экспериментов (Improve Your JavaScript Learning with Fun Experiments)
- Функциональное программирование в Javascript? Скорее дисфункциональное (Functional Programming In Javascript? More like dysfunctional)
- Быстрый совет: добавление и удаление CSS класса ванильным JavaScript (Quick Tip: Add or Remove a CSS Class with Vanilla JavaScript)
- Управляем DOM-ом. Это не так тяжело, как вы бы могли подумать (Master the DOM)
- Предложение асинхронного итератора в JavaScript (JavaScript Asynchronous Iteration Proposal)
- Отладка Node.js с Chrome DevTools (параллельно с браузерным JavaScript) (Node.js debugging with Chrome DevTools (in parallel with browser JavaScript))
- Как безопасно использовать контекст в React-е (How to safely use React context)
- Одностраничный роутинг в Elm (Single Page Routing in Elm)
- Реализация каррирования с помощью плейсхолдеров и поддержкой function-bind-syntax
- Фреймворки:
- Состоялся официальный релиз Vue.js 2.0. Релиз Vue 2.0
- JSX: антипаттерн или нет?
- Immutable.js с Redux, его лучшим другом (Immutable.js with Redux, his best friend)
- Сделайте ваши React-компоненты симпатичными (Make Your React Components Pretty )
- Redux – лучшая имплементация Flux (Redux – the best Flux implementation)
- Миграция профилей Pinterest в React (Migrating Pinterest profiles to React)
- Детальный обзор кодовой базы React (Codebase Overview)
- Чистый d3 код, работающий вместе с React (Plain d3 code and React working together)
- Юнит тестирование React Native с *новым* Jest (II) — Redux: срезы action-ов и reducer-ов (Unit testing React Native with the *new* Jest (II))
- Изучение React Native для новых и опытных разработчиков (React Native Mastering for Beginners and Advanced Developers)
- Конфигурация create-react-app без перезапуска (Configure create-react-app without ejecting)
- Понимание реактивного программирования и RxJS (Understanding Reactive Programming and RxJS)
- Анимационные переходы за 2 минуты с ngAnimate и CSS (Animating Transitions in 2 Minutes with ngAnimate and CSS)
- ES6:
- Разбираемся с промисами: основы
- Переменные и всплытие функций в ES2015 (Variable and Function Hoisting in ES2015)
- Литералы шаблонов (Template Literals)
- Lazy-loading ES2015 модулей в браузере (Lazy-loading ES2015 modules in the browser)
- ES6 или ES2015 — как называть версии JavaScript? (ES6 vs ES2015 — What to call a JavaScript version?)
- Предложение для добавления в ES: global (ES proposal: global)
- «Особенности ES6, невозможные в ES5» — доклад Dan Shappir («Things You Can Do In ES6 That Can't Be Done In ES5»)
- Библиотеки:
- react-animations — коллекция анимаций для библиотек CSS-in-JS
- choreographer-js — простая библиотека для организации сложных анимаций на CSS
- Leaflet — JS библиотека для создания интерактивных mobile-friendly карт
- viewscroller — библиотека для реализации полноэкранного скроллинга
- navigo — простой роутер на ванильном JS с фолбеком для старых браузеров
- g9 — библиотека для создания интерактивной графики
- CurrencyFormatter.js — библиотека для форматирования валют
- Taggd — библиотека для добавления заметок на изображение
Браузеры
- Тестирование Firefox 50-beta и Firefox Developer Edition 51
- 7 альтернативных браузеров вместо Google Chrome, Safari и Firefox
- Firefox 53 перестанет работать в Windows XP и Vista
- В следующей версии Windows 10 браузер Edge будет работать в небольшой виртуальной машине
- Апдейт мобильной версии Chrome принесет несколько интересных нововведений
- Проект Mozilla представил три новые экспериментальные возможности для Firefox
- Новую версию браузера Opera со встроенным VPN загрузило более 2 млн новых пользователей за первую неделю
- Детали Safari Technology Preview Release 14
- Но это не поддерживается в IE (But It’s Not Supported In IE)
Новости и занимательное
- В приложении Bing появилась поддержка AMP
- Юбилей React.js: количество звездочек на GitHub у библиотеки превысило 50000
- Blackberry официально отказалась от производства смартфонов
- Google Penguin больше не будет понижать сайты за спамные ссылки
- У Microsoft появилось новое подразделение из 5000 человек, которое займется разработками в области искусственного интеллекта
- Amazon, Facebook, Google, IBM и Microsoft объединили усилия по разработке ИИ
- Компании Google исполнилось 18 лет
- Mozilla высмеяла запреты Европейской комиссии по копирайту с помощью культовых мемов
- Mozilla окончательно «убила» Firefox OS
- Болезнь программистов 21 века: что такое компьютерный зрительный синдром и как с ним бороться
- Восстановлена первая запись компьютерной музыки, сделанная Аланом Тьюрингом в 1961 году
- 20 причин, почему умирают стартапы
- Марк Цукерберг показал, как устроены дата-центры Facebook
- 15 стартапов, которые купила Google, и что из этого вышло
- «Foo» и «bar»: как в программировании появились два самых популярных «зарезервированных имени»
- Хакатон: волшебная пилюля
- Google сделал рекордно точную систему машинного перевода на основе нейросетей
- Как реагирует сообщество на «вопросы низкого качества» на Stack Overflow, и что делать, если такой вопрос задали именно вы?
- 6 способов зашифровать всё
- 8 аксессуаров, которые не выпустила Apple (но выпустили другие)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Комментарии (0)