Представляем вашему вниманию подборку со ссылками на полезные ресурсы и интересные материалы из фронтенд-сферы.
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Новости и развлечения |
Веб-разработка
-
HTTP/2 уже здесь, но наборы спрайтов еще не умерли -
64-битная арифметика в браузере и WebAssembly -
Недоступная сеть: как мы создали такой бардак .Перевод статьи Недоступная сеть: как мы попали в эту передрягу
-
Ускорение npm-скриптов - Подкаст по веб-стандартам, выпуск № 31 : юбилей WebKit, будущее Firefox, безопасность, PWA, PostCSS, образование, статические генераторы.
- 400 тысяч репозиториев GitHub, 1 миллиард файлов, 14 ТБ кода: пробелы или табуляции?
- Отчет о прошедшем FrontendFellows в Алматы
-
W3C Wiki и спецификации W3C теперь используют протокол «путешествия во времени».
(памятник на W3C) -
Разрушение мифов о веб-компонентах (Демифификация веб-компонентов) -
Как перенести координаты из DOM в SVG и обратно (Как перевести координаты из DOM в SVG и обратно) -
Как уменьшить сдвиг контента при загрузке страницы (Способы уменьшения смещения контента при загрузке страницы) -
Вникаем в процесс: фронтенд-разработка с середины проекта (Приступаем к работе: фронтенд-разработка с середины проекта) -
«Я хочу ввести номер» .Зак Лезерман о нюансах числовых полей и их параметрах в контексте цифровых клавиатур (I Want to Type a Number)
-
Подходящее время задуматься о веб-производительности (Когда самое время задуматься о веб-производительности?) -
11 простых приемов npm, которые поразят вас (11 простых трюков npm, которые сведут с ума вашего вомбата) -
Подробная статья о пользовательских элементах, свойствах и вариантах их использования: Часть 1 , Часть 2 (Аргументы в пользу пользовательских элементов) -
Ощутимая производительность — в погоне за скоростью на основе метрик не забывайте о пользователе (Ощущаемая производительность – не забывайте о пользователе) -
Индикация статуса офлайн (Указывает на оффлайн) -
Установка AMP в WordPress -
Нарезка SVG: 9 способов -
Эффект сбоя на изображении с использованием HTML5 Canvas -
Вдохновляющие навигационные индикаторы
CSS
-
CSS-сдерживание - Невозможная типографика .
Перевод статьи Типографика невозможна
- Способы изменить порядок отображения элементов с помощью CSS
-
Разработка независимых расширяемых компонентов HTML и CSS. (Разработка расширяемых компонентов HTML и CSS) -
Брючный костюм: библиотека шаблонов пользовательского интерфейса Хиллари Клинтон -
Довольны ли иконки? (Иконки довольны?) -
Об авто в CSS (Краткий совет по AtoZ CSS: Авто) (+ скринкаст) -
Объяснение позиционирования CSS с использованием мороженого (Позиционирование CSS, объясненное созданием мороженого с фруктами) -
Моби.css
— легкий фреймворк, ориентированный на мобильные устройства -
Spectre: еще один легкий CSS-фреймворк. -
Рефакторинг CSS: три «и» (Рефакторинг CSS: три I) -
Реализация структуры Google Фото с использованием чистого CSS / макета изображения размером 500 пикселей. -
Развлекайтесь с CSS Pixel Art -
20 профессиональных советов по написанию современного CSS (20 советов по написанию современного CSS) -
Добавление условной логики в Sass с помощью управляющих директив (Добавьте условную логику в Sass с управляющими директивами) -
Математика в новой технике адаптивной типографики «CSS-блокировки» (Математика блокировок CSS) -
Обрезка многострочного текста с помощью EQCSS (Отзывчивое многострочное усечение…) -
Всплывающее окно «Следующая статья» в конце страницы с использованием EQCSS. -
Как создать адаптивный интерфейсный компонент с помощью запросов к элементам (Как создать адаптивный компонент пользовательского интерфейса с помощью запросов к элементам) -
Руководство для начинающих по объектной модели CSS (CSSOM) (Руководство для начинающих по объектной модели CSS (CSSOM)) -
?Эффект глубины с помощью CSS-анимации (Создайте эффект глубины резкости с помощью CSS-анимации) -
Конструктор объемного куба (3D CSS-кубы)
JavaScript
-
Новые практические курсы по JavaScript и ES6 -
Представляем p5.js -
Проверка скорости обещаний -
Horizon — бэкэнд JavaScript в реальном времени - Перевод официальной документации Typescript на русский язык.
-
Предварительные результаты глобального опроса о вкусах JS среди разработчиков (Состояние JavaScript: разновидности JavaScript) -
Должен ли я изучать ES5, ES6 или TypeScript? (Следует ли мне изучать ES5, ES6 или TypeScript) -
Искусство написания маленьких и простых функций (Искусство написания маленьких и простых функций) -
JS Разрушители мифов - Руководство по оптимизации с точки зрения высокого уровня. -
Примечания из JSConf.IS -
Почему я использую руководство по стилю JavaScript и почему вам тоже стоит это сделать (Почему я использую руководство по стилю JavaScript и почему вам тоже стоит это сделать) -
Проблемы со стрелочными функциями в JavaScript (Проблемы со стрелочными функциями JavaScript) -
Новые релизы: TypeScript 2.0 RC , Угловая 2.0.0-rc.6 -
Bloomberg анонсирует BuckleScript 1.0 (Bloomberg анонсирует BuckleScript 1.0) -
Компилятор замыканий в JavaScript (Компилятор замыканий в JavaScript) -
Производительность JavaScript через подзорную трубу (ПЕРЕЙТИ К 2016 • Производительность JavaScript через подзорную трубу • Вячеслав Егоров) -
Использование прокси-сервера ES2015 для пользы и удовольствия (Использование прокси-сервера ES2015 для развлечения и прибыли) -
Предложение ЕС: модификация Function.prototype.toString , Предложение ES: модификация литерала шаблона -
babili — минификатор ES6+ на основе Babel (babili — минификатор с поддержкой ES6+, основанный на наборе инструментов Babel (бета)) -
Три столпа производительности JavaScript, которые делают Bluebird быстрым (Три фундаментальных принципа производительности JavaScript, которые делают Bluebird быстрым) -
Ом: парсер JavaScript, создающий язык из 200 строк кода.
(Ом: парсер JavaScript, создающий язык за 200 строк кода) -
Начало работы с Hapi.js (Начало работы с Hapi.js) - Угловой:
- Джейкоб Фейн: Что происходит с Angular 2
-
Сканирование штрих-кодов с использованием NativeScript и Angular 2 (Сканирование штрих-кодов с помощью NativeScript и Angular 2) -
Понимание привязки в Angular -
От angular.module до ngModule (От angular.module до ngModule) -
Создание приложения с авторизацией API с помощью Auth0, ExpressJS и AngularJS (Создайте безопасный API с помощью Auth0, ExpressJS и AngularJs) -
supernova-angular-1.5.x-es6-starter — стартовый пакет с angular > 1.5.x, > es6, karma и jasmine
- Реагировать:
-
Вебпак + Реакт. Как уменьшить связку в 15 раз -
Изучение распространения состояний в React -
Создание приложения с пользовательской авторизацией в React (Создайте приложение React с аутентификацией пользователя) -
Как создать компонент React для публикации в NPM? (Как создать компонент React для публикации в NPM?) -
5 типов состояния приложения React (5 типов состояния приложения React) -
Размышления о тестировании приложений React/Redux (Некоторые мысли о тестировании приложений React/Redux) -
Создание анимированных компонентов, или как React делает D3 лучше (Создание анимированных компонентов, или Как React делает D3 лучше) -
Awesome-реагировать-компоненты — курируемый каталог компонентов React. (awesome-react-comComponents — каталог компонентов/библиотек React) -
Riot — облегченная альтернатива React (Чтение Закона о беспорядках: изучение облегченной альтернативы React)
-
- Библиотеки:
-
Маскируйте поля ввода с помощью React, Angular, Ember и простого JavaScript. -
Cesium — это библиотека JavaScript с открытым исходным кодом для создания 3D-карт и глобусов мирового уровня.
(Cesium — библиотека JavaScript с открытым исходным кодом для создания 3D-глобусов и карт мирового уровня) -
Reaction-dates — доступный, легко переводимый, удобный для мобильных устройств компонент выбора даты (react-dates — доступная, легко интернационализируемая, удобная для мобильных устройств веб-библиотека выбора даты) -
postmate — простая, но мощная библиотека на основе обещаний, использующая API postMessage. (postmate – мощное, простое обещание
-
Вместе с данным постом часто просматривают:
-
Необходимость Обучающих Игр Для Детей
19 Oct, 24 -
Тиварс Или Рабочий День Потерян.
19 Oct, 24 -
Социальная Личность
19 Oct, 24
