Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
| Веб-разработка |
| 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)
- Как построить нейрон: изучаем ИИ в 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.
