Быстрое введение в Vue.js на примере Super Mario Pixel Art https://medium.com/nepfin-engineering/quick-introduction-to-vue-js-super-mario-pixel-art-5ad01440663
Medium
Quick Introduction to Vue.js — Super Mario Pixel Art
I’ve been asked a lot recently why we chose to implement our company’s first product in Vue.js. Not everyone has had a chance to explore…
Креативные переходы между страницами с эффектом морфинга https://tympanus.net/codrops/2017/08/08/morphing-page-transition/
Codrops
Morphing Page Transition | Codrops
Today we'd like to share a simple morphing page transition effect with you. The idea is to morph an SVG path while movin
Два способа сломать CSS Grid и как это починить https://daverupert.com/2017/09/breaking-the-grid/
Dave
Breaking the Grid
As a Front-End developer nothing bothers me more than seeing an unexpected horizontal scrollbar on a website. While building out a checkout layout with CSS Grid I was surprised to find something mysterious was breaking the container. I thought Grid sort of…
Использование Create React App с Relay Modern https://medium.com/@tarkus/using-create-react-app-with-relay-modern-989c078fa892
Hacker Noon
Using Create React App with Relay Modern
This tutorial assumes that you’re already familiar with Create React App (CRA) and a little bit of Relay, and just looking for some…
Релиз Safari Technology Preview Release 37 https://webkit.org/blog/7862/release-notes-for-safari-technology-preview-release-37/
WebKit
Release Notes for Safari Technology Preview 37
Totally Tooling Tips: Webpack Tips https://www.youtube.com/watch?v=zFoBYfMLUCM
YouTube
Webpack Tips - Totally Tooling Tips
Learn how to keep your Webpack JavaScript bundles as small as possible in this new episode with Matt and Addy. They cover code-snippets for ensuring you're minifying and splitting up your bundles efficiently.
Webpack for Real Tasks: Decreasing Front-End…
Webpack for Real Tasks: Decreasing Front-End…
Многие знают, что для изучения программирования недостаточно одной теории. Обязательно надо практиковаться как можно больше. Нашел авторский блог @honey_and_money о математике и программировании! Автор пишет доступно, начальных знаний не требуется. Занимается разработкой IT проекта и подробно описывает все этапы, которые проходит на пути к цели. Подписывайтесь и проходите все стадии разработки проекта вместе с автором. Особенно будет полезно новичкам! https://t.iss.one/honey_and_money
Google увеличил долю AMP-контента в мобильной выдаче https://www.searchengines.ru/google-amp-share.html
searchengines.guru
Google увеличил долю AMP-контента в мобильной выдаче - Новости
За последние сутки доля AMP-контента в мобильной выдаче Google заметно возросла. Изменения зафиксировал инструмент мониторинга SERP Rank Ranger.
Как начать поддержку доступности в организациях, не выделяющих на это ресурсы? https://github.com/HugoGiraudel/ama/issues/88
GitHub
How to encourage accessibility in an organisation? · Issue #88 · HugoGiraudel/ama
Note: this question has been asked by Andy Lincoln on Twitter who kindly accepted I repost it here.
Hi Hugo!
I was wondering if you had any suggestions for encouraging accessibility in an organizat...
Hi Hugo!
I was wondering if you had any suggestions for encouraging accessibility in an organizat...
Пятиминутное руководство для улучшения знаний о типографике https://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography
Как создать доступную кнопку-включатель https://www.youtube.com/watch?v=16gvkPfPIx4
YouTube
How to build a toggle button - A11ycasts #25
Today we'll walk through building an accessible toggle button. A toggle button is just a button with two states: pressed, and unpressed. It's a pretty simple control, but it'll allow us to show off a number of best practices for building accessible custom…
Создание переходов и анимаций во Vue.js: живые примеры https://snipcart.com/blog/vuejs-transitions-animations
Snipcart
Vue.js Transitions & Animations: Production-Ready Examples
Learn how to handle production-ready Vue.js transitions & animations with live CodePens, in-depth explanations, code snippets, and more.
Пишем CSS, не забывая о доступности https://medium.com/@ABatickaya/%D0%B4%D1%83%D0%BC%D0%B0%D1%8F-%D0%BE-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D0%BF%D0%B8%D1%88%D0%B5%D0%BC-css-9032d7b64fb2
Medium
Пишем CSS, не забывая о доступности
Введение в доступность в вебе. Советы по улучшению доступности ваших сайтов при помощи CSS.
Литералы шаблонов определённо лучше строк https://ponyfoo.com/articles/template-literals-strictly-better-strings
Pony Foo
Template Literals are Strictly Better Strings
This article explores how template literals are strictly better than strings, and how they too should become the new default of a post-ES6 era – over single and double quoted strings.
Будущее доступности для кастомных элементов https://medium.com/dev-channel/the-future-of-accessibility-for-custom-elements-291cfb3ffabe
Medium
The future of accessibility for custom elements
When users of assistive technology, like a screen reader, navigate a web page, it’s vitally important that the semantic meaning of the…
6 лучших практик и профессиональных советов на тему использования Angular CLI https://medium.com/@tomastrajan/6-best-practices-pro-tips-for-angular-cli-better-developer-experience-7b328bc9db81
Medium
6 Best Practices & Pro Tips when using Angular CLI
Learn how to organize your modules, use aliases, use sass, production build, testing with Headless Chrome and generate nice changelogs!
Compiling vs Polyfills с помощью Babel (JavaScript) https://tylermcginnis.com/videos/compiling-polyfills/
TylerMcGinnis.com - Learn the latest web technologies
Compiling vs Polyfills with Babel (JavaScript)
A compiler like Babel will almost certainly be a foundational tool in building JavaScript applications going forward. A fundamental part of Babel is understanding the difference between compiling your code and polyfilling it. In most cases, doing one without…