| Веб-разработка |
| CSS |
| Javascript |
| Занимательное |
Веб Разработка
10 способов протестировать ваши навыки работы с HTML и CSS- Реальные отзывы о доступности в вебе, собранные из Твиттера
- Медиа:
- Подкаст «Веб-стандарты Выпуск №75»: Пора ли гриды, Edge и IE, сетки и стримеры, будущее CSS is awesome, примеры ARIA, фокус и аутлайн, JS-импорты, подкасты.
- Подкаст «Пятиминутка React» #24: Русскоязычные подкасты про фронтенд — краткий обзор.
- Подкаст «Фронтерки» №6: Симоненко, джуниоры и самое интересное в проекте
- Подкаст «Frontend Weekend» FW #10: Про переезд в Люксембург, WebGL, феминизм и Навального
HTML Шорты: Как фокус помогает- Адаптивная верстка 5 лет спустя / Сергей Кузнецов (AGIMA)
- Make form validation fun again / Павел Ловцевич (LOVATA)
- Инструменты:
- 6 генераторов шаблонов на SVG
- Micro frontends — микросервисный подход к разработке фронтенда
- 4 полезных инструмента для отладки в последнем апдейте Chrome
- Анимация:
- Еженедельный стрим от Юрия Артюха #6 ALL YOUR HTML: анимированные треугольники ^ через CSS-Canvas2D-WebGL
- Морфинг SVG (легкий и сложный пути)
- Повторяющаяся, чередующаяся анимация, три способа: Sass, GSAP и Web Animations API
- Креативные идеи для анимации букв (часть 2)
- AMP/PWA:
- Отдайте нам ваши статьи. Борис Ребров о современных нативных статьях, которыми, вслед за Facebook, с его Instant Articles, обзавелся Google (AMP), а недавно и Telegram.
- Ваш сайт — любой сайт — должен быть PWA
- Как превратить ваш сайт в PWA
- Руководство для новичка по созданию Progressive Web Apps
- Прогрессивные прогрессивные веб-приложения. Создание читалки новостей в PWA.
- Надувательство AMP. Несколько примеров неоднозначной реализации компонентов AMP
CSS
Правда ли уже пора использовать CSS Grid Layout?- Нативные переменные в CSS. Уже пора…
- Как правильно использовать переменные в препроцессорах LESS и SASS
- Что будет в CSS? Таблица со списком функций CSS и их позиций в процессе внедрения веб-стандартов
- Возможности автоматической генерации CSS стайлгайдов
- Лучшие книги по CSS в 2017
- Подробная статья о схлопывающихся отступах margin
- Создание мега-меню с помощью Flexbox
- Отзывчивая галерея с помощью CSS Grids от yoksel
- CSS is Awesome. Крис Койер о решении проблемы, подразумевающейся в популярном принте
- Стал ли CSS более сложным с конца девяностых?
- Разбор вопросов для собеседования по CSS
- Свежая подробная статья о PostCSS
JavaScript
- Мемоизация в JS и ускорение функций
- ArrayBuffer и SharedArrayBuffer в JavaScript, часть 3: гонки потоков и Atomics
- Усталость от JavaScript, или моя история веб-разработки
- Отладка JavaScript – console.loggerheads?
- npm — это новый jQuery?
- 5 инструментов для отладки, о которых должен знать каждый JS разработчик
- Начинаем использовать Mocha для тестирования в Javascript
- Должны ли пользователи иметь возможность отключить JavaScript?
- Изучение и понимание рекурсии в JavaScript
- Создание биндинга данных в браузере
- VueJS:
- 5 приемов в помощь разработке на vue.js + vuex
- Создание потрясающих диаграмм с Vue.js и Chart.js
- Маршрутизация Vue.js с помощью vue-router
- Выложены записи видео с VueConf
- Vue.js, JS фреймворк для людей
- curated.vuejs.org — курируемый каталог лучших пакетов для приложений на Vue
- route-planner-vue — планировщик маршрутов на vue.js, vuex
- Создание компонента с кастомной Google картой с помощью Vue.js
- React:
- Пример серверного рендеринга: прокачиваем email-рассылку при помощи React
- Gatsby — быстрый генератор статического сайта для React. Быстрый взгляд на Gatsby
- real-world-react — приложения на React из реального мира, с исходниками и пояснениями для изучения технологии по живому коду
- Некоторые мысли о формах в React
- terminal-in-react — небольшой компонент, который рендерит терминал
- Rebass — UI библиотека компонентов для React, созданных с помощью styled-components
- Angular:
- AngularJS и ESLint Airbnb Style Guidelines: некоторые правила должны быть сломаны
- Angular: плохие практики
- Стимуляция производительности вашего приложения на Angular 4
- Очень глубокое погружение в компилятор Angular
- Libs & Plugins:
- frontexpress — простой роутер на ванильном JavaScript a la ExpressJS
- size-limit — инструмент, предотвращающий увеличение веса JS библиотек путем добавления ограничения на размер
- Введение в date-fns — легкую JavaScript библиотеку для работы с датой
Занимательное
- 6 самых громких хакерских атак 2017 года
- Великое Криптослияние: как криптовалюты учат «говорить» друг с другом
- Технологии Microsoft: от десятилетней изоляции до возрождения
- Не все так просто с Petya
- Как у Словакии украли национальный домен верхнего уровня .SK
- Провайдер деактивирует аккаунт пользователя через 20 лет из-за слишком необычного адреса email
- AMD Ryzen — когда красные восстали из пепла
- Как компьютерные профи раскалывают хакеров
- Как студенты используют Wolfram|Alpha, чтобы решать сложнейшие уровнения на экзаменах по математике
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
< Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Комментарии (10)
ReklatsMasters
10.07.2017 04:58+1Статья "npm — это новый jQuery?" довольно бредовая. Автор, наверное, не в курсе, что каждый современный язык программирования имеет систему управления зависимостями и централизованное хранилище кода.
Да и "Начинаем использовать Mocha для тестирования в Javascript" тоже вызывает вопросы. Использовать mocha в 2к17 как минимум странно. Гораздо лучше начинать проекты с avajs / jest, которые имеют гораздо более богатый функционал и выглядят более современно. Если же нужно написать какие-то простые тесты, я бы использовал tape.
derSmoll
10.07.2017 09:46+1В «npm — это новый jQuery?» скорее говорится о том, что из-за jquery выросло целое поколение «разработчиков», бездумно подключающих (не всегда) нужный jquery-плагин по каждому чиху. И репозиторий npm сейчас довольно часто выполняет ту же функцию — люди тупо ищут нужный пакет, скачивают, подключают и забывают.
Про Mocha я бы тоже не был столь категоричен. Например, далеко не все начинают новые проекты, устроившись с свою первую компанию. Часто приходится заниматься поддержкой или доработкой текущего, с уже устоявшимся стеком технологийReklatsMasters
10.07.2017 12:53У того же jest / avajs есть потрясающая тулза, которая позволяет конвертировать тесты из одного фреймворка в другой. Это реально работает и это очень удобно.
inook
11.07.2017 00:55Что мне может дать jest вместо mocha?
ReklatsMasters
11.07.2017 16:25mocha это просто test runner, а jest / avajs это полноценные тестовые фреймворки с улучшенными ассертами, многопроцессным запуском, snapshot тестирование (для фронта), watch режим, у jest есть возможность мокать nodejs модули (без всякого proxyrequire) и встроеный coverage.
mxuser
10.07.2017 09:33-3А можно ссылки на английские материалы оставлять тоже на английском? Вызывает диссонанс, чесслово.
alexzfort
10.07.2017 09:36Мы только за. Но некоторое время назад делали опрос, который большинством голосов показал, что хотят переведенные ссылки. В ближайшем дайджесте наверное сделаем новый опрос на эту тему, вдруг что поменялось
omgrus89
Интересно