Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Веб-разработка |
CSS |
Javascript |
Браузеры |
Новости и занимательное |
Веб-разработка
- Подкаст Веб-стандарты, Выпуск №21 : Отчёт с PiterCSS, Google Fonts и шрифты, CSS в Фейсбуке, нюансы флексов, ретина, кнопки или ссылки, Apple Pay в Safari.
- Подкаст radiojs, выпуск 40: Ужасы нашего CSS. В гостях Олег Слободской – автор JSS, докладчик React Amsterdam и крестный отец CSS Modules
- HTML5.0 уходит в прошлое
- Google запустил инструмент проверки корректности кода AMP-страниц
Как стать профессиональным веб-разработчиком: практическое руководство
Позвольте представить, Shadow DOM API на основе слотов
- Нельзя так просто взять и научиться писать код. Перевод статьи One does not simply learn to code Куинси Ларсона.
- Что ожидать от собеседования на должность HMTL-Верстальщик/Junior frontend программист.
- Валидация форм на HTML и CSS. Перевод статьи Form Validation UX in HTML and CSS Криса Койера.
Запись конференции Web Standards Days, прошедшей в Екатеринбурге 25 июня
Frontend United 2016 — Ghent, 17 видео
Progressive Web App Summit 2016, 35 видео
Курс из 16-ти уроков по использованию Webpack для разработки приложений на JS (Browse the Using Webpack for Production JavaScript Applications course)
Обзор мета-тегов для использования возможностей социальных медиа (The Essential Meta Tags for Social Media)
Что я узнал, анализируя 1.65м Node.js модулей в NPM (What I learned from analysing 1.65M versions of Node.js modules in NPM)
Обработка фоллбек-ресурсов с помощью Service Workers (Service Workers at Scale, Part II: Handling Fallback Resources)
Повышение продуктивности с помощью таск раннеров (How To Harness The Machines: Being Productive With Task Runners)
Внедрение AMP для повышения скорости загрузки страниц (Implementing AMP to Boost Your Page Loading Times)
Все, что я должен знать о тэге Script (Everything I Know About The Script Tag)
Начало работы со статическими сайтами (Getting Started with Static Sites)
Запуск npm скриптов в git pre-commit хуке (Run npm scripts in a git pre-commit Hook)
- Эффектные веб:
Симпатичные эффекты для визуализации данных с помощью прилипающего эффекта (More fun data visualizations with the gooey effect)
CSS LCD Text Effect
Эффектная визуализация экспериментов компьютерных вычислений (Beautiful Programming)
- Еженедельная подборка красивых эффектов на CSS/SVG/JS #43
CSS
- Магия CSS. Глава 5. Типографика. Типографика — это сложно
Как хорошо вы знаете свойство display в CSS? (How well do you know CSS display?)
Don’t Overthink It (Flexbox) Grids
Самые большие ошибки в CSS и как их избегать (The biggest CSS mistakes and how to avoid them)
Улучшаем качество фронтенд-проектов, автоматически. Часть 2 — CSS и Sass (Improving the Quality of Front End Projects, Automatically! Pt. 2 – CSS and Sass)
Включаем грядущие свойства CSS с помощью PostCSS (Enabling Upcoming CSS Features with PostCSS)
Повышаем уровень CSS (Leveling up in CSS)
Советы по кросс-браузерному CSS-коду (The Cross Browser CSS Styling Tips You Need to Know)
Справочник по веб-типографике (Typography Handbook)
Редактор объемных карт на чистом CSS (Full CSS Map creator)
JavaScript
- Два столпа JavaScript, Часть 2: функциональное программирование
- 15 советов по написанию самодокументируемого JavaScript
12 книг, которые должен прочесть каждый JavaScript разработчик (12 Books Every JavaScript Developer Should Read)
15 способов написания самодокументированного JavaScript (15 Ways to Write Self-documenting JavaScript)
Как построить нейрон: изучаем ИИ в Javascript (How to Build a Neuron: Exploring AI in JavaScript Pt 1)
Объяснение JSONP в jQuery на примерах (jQuery’s JSONP Explained with Examples)
Начинаем работать с JavaScript Robotics (Getting Started with JavaScript Robotics)
Быстрый совет по определению вашей локации с помощью Javascript (Quick Tip: Detecting Your Location With JavaScript)
6 способов объявления функций в JavaScript (Six ways to declare JavaScript functions)
Введение в TypeScript: статическая типизация для веба (An Introduction to TypeScript: Static Typing for the Web)
Javascript JIT баг в V8 (Javascript developers, be warned about this crazy JIT bug in V8!)
Отладка Node.js Nightly с Chrome DevTools (Debugging Node.js Nightlies with Chrome DevTools)
flatpickr — легкий и мощный плагин для выбора даты (flatpickr — a lightweight & powerful datetimepicker)
- Фреймворки:
Введение в React Horizon
Жизненный цикл React-компонентов (React component’s lifecycle)
Aurelia vs AngularJS 1.x — сравнение свойств и возможностей
Интеграция React с Backbone (Integrating React With Backbone)
Начинаем работать с React (Getting Started With React)
Скринкаст: создание React и Webpack проекта (Screencast: Creating a React and Webpack Project)
react-enroute — небольшой более простой аналог react-router
Представление Nova: нового подхода к организации back-end-а для React-приложений (Introducing Nova: a new kind of back-end for React apps)
Оглядываясь на React Europe (A Look Back at React Europe)
Релиз Aurelia RC (The Aurelia Release Candidate is Here!!!)
Взлетит ли Angular 2? (Will Angular 2 Take Off?)
Клон Trello с Angular Dragula (Trello Clone with Angular Dragula)
Браузеры
- Opera утверждает, что ее браузер ощутимо превосходит Microsoft Edge по энергоэффективности
- Обновления производительности JavaScript в Microsoft Edge и Chakra
Обновления производительности JavaScript в Microsoft Edge и Chakra (JavaScript performance updates in Microsoft Edge and Chakra)
Войны производительности JS в браузерах (On JavaScript Performance Wars)
- Как остановить эту мельтешащую анимацию в вашем браузере
Новости и занимательное
- Google упростила двухфакторную аутентификацию
- Почему Prisma — это российский Pied Piper из «Кремниевой долины»
- Призма Моисеенкова: Как устроен проект Prisma и сможет ли он повторить успех MSQRD
- Малоизвестный Facebook: какими сервисами для бизнеса, разработки и безопасности располагает компания
- Форрест Гамп интернета: как основатель Medium и Twitter Эван Уильямс борется за открытый веб
- Новый робот Boston Dynamics — SpotMini: сам встанет, подаст тебе пиво, уберет со стола
- 7 глобальных SEO-трендов, с которыми столкнётся e-commerce в 2016 году
- Роковой рекурсивный вызов и фейковая децентрализация
- Легендарный Гарвардский курс CS50 на русском
- Сооснователь Google Сергей Брин порекомендовал стартаперам не открывать бизнес в Кремниевой долине
- Замена Flash на HTML5 не поможет сделать рекламу безопаснее
- Мошенники создают поддельные компании, чтобы получить адрес IPv4
- Проект Mozilla распределил 385 тысяч долларов между значимыми открытыми проектами
- Facebook представил новые рекламные форматы
- Четверть россиян заклеивают веб-камеру ноутбука
- Fuck, I’m old: 20 лет Quake
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: Zfort Group