Еженедельный веб -обзор – 06

За этим недель Roundup прибыл немного поздно, чем вы привыкли, извините! Иногда жизнь мешает, поэтому я еще не работал над информационным бюллетенем или на сайте. Я буду держать вас в курсе этого фронта. В любом случае, давайте посмотрим на работу людей, которые действительно продвигали некоторые удивительные вещи.

• Неделя 05
• Неделя 04
• Неделя 03
• Неделя 02
• Неделя 01

Новости

• Chrome 65 Beta вышел и включает в себя CSS PAINT API и Сервертиминг API Анкет Я не совсем уверен, для чего API CSS Paint API пока хорошо, но API Servertiming можно использовать для доставки информации о времени производительности в браузер через HTTP -заголовки.
• Основы Googles Web продолжают улучшаться и теперь включают главу о Распределение кода и оптимизация с помощью WebPack , написано Адди Османи Анкет
• Разработчики JS радуются, потому что есть Оператор трубопровода в … трубопроводе. Как кто -то, не имеющий опыта на любом другом языке программирования, я никогда не слышал о концепции. Похоже, что это улучшает читабельность, хотя и много функций, хотя, и я уверен, что есть иная доброта.
• PWA приходят в Windows 10 Анкет О времени!
• Vue.js теперь имеет Официальная новостная платформа На котором вы можете найти все последние и лучшие в рамках. Я думаю, что это отличная идея, и если они обновляют ее последовательно, означает, что она будет работать как «единственный источник истины».

CSS/SVG/шрифты

• Цифровой дизайнер Рафаэла Ферро написал Отличная статья о макетах сетки CSS И как начать.
• Джен Симмонс ‘ Макета земля Видео быстро становятся моим любимым сериалом технического видео. В этом она проведет вас, воссоздав некоторые классические графические макеты с помощью CSS-Grid, Transforms и многое другое.
• Дизайнер и кодер Kezz Bracey создал отличный учебник по Ручные кодирование значков SVG Анкет Это не только веселее, чем вы ожидаете, это также помогает вашему пониманию координат SVG.
• Как я дизайн с CSS Grid по Чен Хуэй Цзин . Очень приятный и информативный читатель о том, как Хуи Цзин обрабатывает создание макетов с помощью сетки CSS. Он подчеркивает визуальные аспекты, наследуя систему сетки CSS, что может значительно облегчить создание твердого и многоразового кода

JavaScript

• Джейк Арчибальд дал Отличный разговор в JSConf. Азия 2018 Анкет Это было все о петле событий и углубляется.
• «Вы когда -нибудь испытывали боль, пытаясь получить состояние от вершины вашего дерева реагирования на дно?». Если вы работали с React, вы точно знаете, что Кент С. Доддс Говорит здесь. К счастью Есть «новый» контекст API в котором вы можете использовать контекст A A A Provider для передачи реквизита.
• Vanilla JS Advocate Крис Фердинанди недавно выпустил vanillajstoolkit.com , коллекция фрагментов кода, вспомогательных функций, шаблонов, полифиллов, плагинов и учебных ресурсов. Я взволнован, Крис создал специальный сайт для этого, так как я следил за его веб -сайтом gomakethings.com годами И он был моим духовным руководством в бросок jQuery несколько лет назад!
• И говоря о духовных гидах, Доктор Аксель Раушмайер и его блог 2ality Были моим руководством по пониманию этапов, предложений, TC39 и целых работ. в JavaScript – это беспорядок – и это хорошо Он объясняет, как JS имеет дело с обратной совместимостью и как мы можем иметь дело с набором функций расширения Javascripts.
• Дункан Грант суммировал то, что он любит в Vue In 10 вещей, которые мне нравится в Vue на Medium.com Анкет Когда я начал играть с Vuejs, приятно прочитать, почему люди так наслаждались Vue.
• Дэн Абрамов объясняет, как отреагировать Setstate пакетное произведение на Stackoverflow.com
• Никогда не может быть достаточно статей Redux Explyser, и Дэйв Седдия Статья на где и когда получить данные с Redux это подробный объяснитель того, с чем мы часто сталкиваемся.
• Сэм Уильямс написал полезную статью о Делая ваш код чище, короче и проще для чтения с ES6 на freecodecamp.org.
• Приложение для одной страницы (SPA) не серебро Пуля это дружеское напоминание от Seva Zaikov что не все должно быть спа -салоном, и что бег JS может быть дорогостоящим. Его примеры показывают только загруженные файлы и данные при первой загрузке, но я думаю, что это своего рода дело. Почему я должен скачать и анализировать целую кучу JS, если все, что я хочу сделать, это посмотреть на какой -то контент?
• Установка модулей NPM глобально грязно. Это напоминает мне о работе с рубиновыми драгоценными камнями и последовательным адом зависимости. Так Может быть, не установите этот пакет Node-JS , написано Джейк Уилсон на codeburst.io
• GraphQL – это то, что вы не перестанете слышать в этом году, и по уважительной причине. Саша Грейф написал Пять распространенных проблем в GraphQL Приложения (и как их исправить) что я нашел безумно полезным для уменьшения шаблона GraphQL и предотвращения проблем с производительностью.

Общий

• Статья на португальском языке сегодня! Венделл Адриэль это бразильский разработчик, который переехал в Португалию, и хотя он приходит из совсем другого места, его опыт здесь был таким же приятным, как и мой! Он также немного объясняет на ИТ -рынке в Португалии, ожидаемых зарплатах и о том, как позиционировать себя на рынке здесь: ИТ -рынок в Португалии – личный опыт
• Крис Койер Сделал несколько хороших моментов о том, сколько веб -сайтов в наши дни одинаково в Сайт одинаково на css-tricks.com. Хотя я знаю множество удивительных сайтов, большинство дизайнов, с которыми я сталкиваюсь, являются вариантом начальной загрузки. С CSS у нас есть все инструменты для создания солидных, но уникальных дизайнов. Почему бы нам не? Bootstrap не может быть Ultimate WebDesign, теперь это?
• Мне вроде нравится поставки блогов по Вкусной мозг Анкет Компания по разработке плагинов WordPress уже давно создает солидные посты (не говоря уже о твердых плагинах), начиная с всевозможных тем. Они всегда действительно глубокие и очень честные. Вот почему мне это понравилось 2017 Обзор Что очень честно и показывает, как тяжело работать и развивать бизнес.
• Растущая природа сложности фронта по Кевин Болл именно о том, о чем вы думаете. Это все еще очень стоит того, чтобы прочитать, так же, как и о том, как усложнение, так и огромная возможность!
• Когда вы «цифровой кочевник», мир – это ваш офис – Унылый, но, насколько мне известно, точная картина цифрового кочевника по Кайл Чейка

Вдохновение

• Мэнди Керр Выступил отличный разговор @ singaporecss о креативных текстовых эффектах. В ее видео есть целая куча классных идей, и я просто заставляет меня попробовать их. Наслаждаться!
• luuuge.fr это мини-сайт для продвижения музыкального альбома. Есть какая -то холодная музыка, хорошие произведения искусства и пружины Popmotion действие. Создан Максим Ле Бретон
• lesfillesdu9novembre.com , супер крутой и гладкий сайт портфеля.
• Серьезно .. Боже мой
• Когда параллакс имеет смысл:
  Саша Грейф
  @sachagreif
  Действительно классное использование анимации прокрутки на сайте этого японского боулдерингового спортзала:
  Mushrooming.co
  03:30 – 10 февраля 2018
  2
  9

Ос

• Preact Styledeled Stemplate от @nikkitaftw
• Спасибо @Feross
• Osquery от Facebook
• Automerge – Структура данных, похожая на JSON, которая может быть изменена одновременно разными пользователями, и снова объединяется автоматически.

Объявления государственной службы

• Это хорошая идея?
  Шон Swyx Wang 🇸🇬
  @swyx
  Вам, вероятно, не нужен оператор Switch`:
  00:36 утра – 04 февраля 2018
  1
  6
• Ария-Лейбл Не играет хорошо с автоматическими службами перевода:
  Stefan Judis
  @stefanjudis
  Ха-никогда не думал об этом … `Ария-Лейбл ‘не хорошо играет с автоматическими службами перевода (потому что это не будет переведено). `aria-labelledby` или« визуально скрытый »класс-лучшие альтернативы.
  👉🏻 «Ария-ябл-это ксенофоб» от
  @heydonworks
  Анкет
  #a11y
  16:30 – 05 Февраль 2018
  5
  18
• Я должен признать, что понятия не имел!
  Уэс Бос 🔥
  @wesbos
  TIL Getding Вход внутри этикетки имеет лучшее доступность/вспомогательное покрытие устройства, чем просто использование идентификатора
  SO:
  Имя:
  Лучше, чем
  Имя:
  github.com/evcohen/eslint…
  16:05 – 06 Февраль 2018
  88
  314
• Эрик Лоуренс 🎻
  @ericlaw
  До: Это состояние называется таблетоном.
  21:32 – 23 января 2018 г.
  541
  1667
• Новая версия Vue CLI кажется довольно рад
  Сара Драсснер
  @sarah_edo
  Duuuude Новая версия (3) Vue Cli потрясающая ✨
  Проверьте это, я могу использовать по умолчанию или выбрать из куча параметров, не ограничиваясь:
  – TypeScript
  – scss/sass/mess/stylus
  – Unit/E2E тестирование
  – Синтаксис на основе класса
  И я могу попросить его запомнить мои настройки!
  15:01 – 07 февраля 2018
  299
  1029
• Этот!
  Уитни Уильямс
  @whitneyhacks
  Компании: Что именно вы делаете?
  Я: Я знаю спецификацию CSS наизусть, и я могу правильно кодировать макет Flexbox с первой попытки.
  Компании: Но вы знаете JavaScript?
  …
  Пришло время, когда мы, как индустрия, начали признавать, что фронт – это гораздо больше, чем JS.
  Twitter.com/meyerweb/statu…
  06:13 – 12 ноября 2017 г.
  Эрик Мейер
  @meyerweb
  845
  2239
• Я нужен Чтобы сыграть это!
  Себастьян Крошкевич
  @gynecomaster
  Ой, слишком поздно, чтобы убежать.
  #carriongame
  #indiedev
  #GameDev
  #monogame
  14:19 – 08 февраля 2018
  45
  201

Чем я занимался?

Наслаждаясь красивыми пейзажами в Назаре, Португалия!

Желаю хорошей недели!

Оригинал: “https://dev.to/ardennl/weekly-web-roundup—06–32oj”