Добро пожаловать в (почти) зиму! Я не знаю, где вы находитесь, но здесь, в районе залива, у нас только что похолодало и пошел дождь. На прошлой неделе и на смене я начал разбирать зимнюю одежду, возрождать зимнюю еду и делать множество других забавных вещей. Приятно знать, что даже с изменением климата у нас все еще есть сезонность!
Если там, где вы находитесь, просто становится холодно, или было холодно какое-то время, или вы находитесь в южном полушарии и начинает нагреваться, на этой неделе в Friday Frontend есть куча статей, с которыми вы можете свернуться калачиком в углу и немного горячего чая. Наслаждаться!
Счастливой пятницы!
KBall от ZenDev
P.S. — На следующей неделе я буду тусоваться на QConSF — в среду я провожу УДИВИТЕЛЬНЫЙ трек на Web as Platform, и несколько феноменальных спикеров расскажут обо всем, от Web Assembly до WebVR. Ты собираешься быть там? Мы должны встретиться! Если ты будешь рядом, нажми ОТВЕТИТЬ и дай мне знать, мы найдем время, чтобы поздороваться.
CSS и SCSS
Flexbox и Grids — лучшие друзья вашего макета
Сетка против Flexbox? Нет, Grid + Flexbox = ❤️. В этой статье мы рассмотрим некоторые мифы о Flexbox и Grid и покажем, как использовать их вместе для создания красивых макетов.
Техника замены контраста: улучшение качества изображения с помощью CSS-фильтров
Вау — уменьшите контрастность ваших изображений, чтобы они стали меньше и быстрее загружались, а затем верните контрастность с помощью CSS-фильтра. Это какая-то сумасшедшая штука! Стоит ли? Вероятно, не для большинства случаев, но если вы действительно пытаетесь обрезать свои изображения, чтобы они соответствовали бюджету пропускной способности, это хорошая техника, которую можно попробовать.
Функция CSS attr() не имеет ничего общего с пользовательскими свойствами
Это полностью взорвет ваш разум. Возможности, возникающие по мере того, как мы получаем поддержку пользовательских свойств CSS во все большем количестве браузеров, поистине невероятны.
Священная война CSS и как выйти за рамки догм
Я был известен своим участием в священной войне между различными подходами к CSS, но я думаю, что вдумчивый подход автора и отказ от догмы — очень нужный голос. У нас есть набор инструментов, и есть бесконечное количество проблем, и мы должны выбирать инструменты, соответствующие проблемам, которые нам нужно решить.
Управление загрузкой шрифтов CSS было болезненным — больше нет
Короткий и приятный — плагин postCSS, который преобразует CSS вашего шрифта, чтобы упростить реализацию многоэтапной загрузки шрифта.
JavaScript
Уже доступна версия 5.0.0 Angular
Это большое дело! Новая основная версия Angular с совершенно новым API Universal State Transfer для лучшей поддержки SSR, более мощных реактивных форм и многого другого. Если вы находитесь в экосистеме Angular, вы должны проверить это!
14 советов по отладке JavaScript, о которых вы, вероятно, не знали
Отладка — один из самых важных, но наименее изученных навыков для перехода от младших к более средним и продвинутым навыкам разработки. Это познакомит вас с некоторыми из наиболее важных инструментов, которые у вас есть под рукой, для отладки JavaScript с помощью инструментов отладки Chrome.
Он не шутит, когда называет это глубоким погружением, но если вы когда-нибудь хотели по-настоящему покопаться в WebSockets и в том, как они работают, эту статью стоит прочитать.
Если вы знакомы с Redux, Vuex чертовски похож, но у него есть некоторые тонкие отличия, которые делают его достойным изучения. В проекте Vue, над которым я сейчас работаю, я обнаружил, что легкость, с которой вы можете переводить асинхронные задачи в Vuex с помощью действий, действительно облегчает мою жизнь при взаимодействии с API.
Отслеживание вызовов методов через прокси
Милое, короткое и точное руководство о том, как использовать прокси-серверы ECMAScript для трассировки вызовов методов. Знакомство с прокси-серверами в целом полезно — с ними Vue.js справляется со своей магией — и это дает вам очень осязаемый пример, чтобы начать копаться.
Другое
Полное руководство по SEO в 2018 году
Backlinko стал популярным ресурсом для SEO, и они только что опубликовали свое руководство по SEO в 2018 году. Если вы касаетесь этой стороны бизнеса, это ОБЯЗАТЕЛЬНО прочтите.
Почему я отменил свой доклад на ReactiveConf
Сексизм и расизм — серьезные проблемы в нашей отрасли, и кодексы поведения — один из самых эффективных способов противостоять им на наших мероприятиях. Но что происходит, когда сами организаторы конференции не соблюдают кодекс поведения?
Веб-типографика: дизайн таблиц для чтения, а не для просмотра
Отличный разбор того, как сделать ваши таблицы читабельными, а не просто красивыми. Включает в себя как идеи дизайна, так и CSS и JavaScript, чтобы это произошло.
‹тип ввода=страна» /›»
Боже, как бы я хотел иметь возможность просто ввести ‹input type="country" /› и не беспокоиться обо всех накладных расходах и принятии решений, связанных с предоставлением пользователям возможности выбирать страны сегодня. Если бы это было так просто… но технологические решения не принимаются в вакууме, это захватывающий взгляд одного из редакторов спецификации HTML 5.3 на геополитические проблемы, которые поднимает это, казалось бы, простое предложение.
Разработка справа налево в мобильном дизайне
Как носитель английского языка, мне трудно уложить в голове все изменения, которые должны произойти, когда вы переключаетесь на язык справа налево, такой как иврит или арабский. Такие инструменты, как flexbox, немного облегчают нашу жизнь, но вам все равно придется много об этом думать. Если вы хотите попробовать, это отличный пошаговый обзор связанных с этим соображений и их воплощения в реализации.
Счастливой пятницы!
Вам нравится этот информационный бюллетень? Получите его прямо в свой почтовый ящик! Каждую пятницу я рассылаю 15 ссылок на лучшие статьи, уроки и анонсы по CSS/SCSS, JavaScript, а также множество других замечательных Front-end новостей — подпишитесь здесь: https://zendev.com/friday-frontend.html
Первоначально опубликовано на zendev.com 10 ноября 2017 г.
