Как использовать кастомные свойства CSS для написания более читабельного кода http://vanseodesign.com/css/custom-properties-and-readability/
Vanseo Design
How To Use CSS Custom Properties To Write More Readable Code
One of the ways CSS custom properties can be used is to help you write more readable code. You can use them to create more understandable property names.
CSSSR Pair Coding #1: Делаем учебный проект «Каталог фильмов» на Vue.js https://www.youtube.com/watch?v=InAWVrLnycw
YouTube
CSSSR Pair Coding #1: Делаем учебный проект «Каталог фильмов» на Vue.js
Делаем проект с нуля, задаем глупые вопросы и получаем умные ответы по структуре компонентов Vue.js, фетчинге данных, роутинге и прочим полезным вещам. Newbie friendly.
6 генераторов шаблонов на SVG https://www.sitepoint.com/6-incredible-svg-pattern-generators/
Sitepoint
6 Clever SVG Pattern Generators for Your Next UX Design — SitePoint
Though SVG Patterns aren't super widely understood, they offer a lot of really interesting design options – once you get your head around them.
Webpack import() скоро будет получать JS + CSS — и вот как этого достичь сегодня https://medium.com/faceyspacey/webpacks-import-will-soon-fetch-js-css-here-s-how-you-do-it-today-4eb5b4929852
Medium
Webpack’s import() will soon fetch JS + CSS— Here’s how you do it today
UPDATE (AUGUST 11th 2017): You want to use babel-plugin-universal-import now.
#вакансия #frontend #html #css #react
Всем привет!
На связи CSSSR — крупнейший цех по производству фронтенда. Мы работаем с самыми прогрессивными компаниями страны: банком Тинькофф, Йотой, Цианом, Лабораторией Касперского.
В нашу команду требуется верстальщик pixel-перфекционист с врождённым чувством прекрасного и идеальным глазомером.
Город и адрес офиса: Не Москва
Формат работы: #удаленка
Занятость: полная
Зарплатная вилка: от 25 до 50 тыс. рублей
О работе:
Вас ждет место в команде из 3-4 человек под руководством менеджера проектов.
Удаленная работа 6-8 часов в день с 10:00 до 19:00 (обсуждаемо) по московскому времени.
Навыки:
• HTML5 и семантическая вёрстка;
• CSS3;
• React (Vanilla JS будет большим плюсом);
• БЭМ;
• Компонентный подход к организации верстки;
• Адаптивная верстка;
• Применение Gulp, Jade и Stylus или готовность их быстро освоить
• Умение разбираться в чужом коде.
Более подробно http://csssr.ru/jobs/pixel-perfectionist
Всем привет!
На связи CSSSR — крупнейший цех по производству фронтенда. Мы работаем с самыми прогрессивными компаниями страны: банком Тинькофф, Йотой, Цианом, Лабораторией Касперского.
В нашу команду требуется верстальщик pixel-перфекционист с врождённым чувством прекрасного и идеальным глазомером.
Город и адрес офиса: Не Москва
Формат работы: #удаленка
Занятость: полная
Зарплатная вилка: от 25 до 50 тыс. рублей
О работе:
Вас ждет место в команде из 3-4 человек под руководством менеджера проектов.
Удаленная работа 6-8 часов в день с 10:00 до 19:00 (обсуждаемо) по московскому времени.
Навыки:
• HTML5 и семантическая вёрстка;
• CSS3;
• React (Vanilla JS будет большим плюсом);
• БЭМ;
• Компонентный подход к организации верстки;
• Адаптивная верстка;
• Применение Gulp, Jade и Stylus или готовность их быстро освоить
• Умение разбираться в чужом коде.
Более подробно http://csssr.ru/jobs/pixel-perfectionist
Csssr
CSSSR web development company that provides high quality services globally
We’re an international group of IT companies that helps our clients build reliable web solutions.
4 важных изменений в Vue.js 2.4.0 http://vuejsdevelopers.com/2017/07/17/vue-js-2-4-important-features/
4 Important Changes In Vue.js 2.4.0
Vue.js 2.4.0 has been released this week with a ton of new features, fixes and optimisations. In this article I'll give you a breakdown of four of the most interesting new features.
Создание библиотеки для эффекта Image Zoom на ванильном JavaScript https://tutorialzine.com/2017/08/image-zoom-library-with-vanilla-javascript
Tutorialzine
Creating an Image Zoom Library With Vanilla JavaScript
In this tutorial we build an interactive image gallery plugin using nothing but pure JavaScript.
Принцип единой ответственности компонентов: объектно-ориентированный дизайн в React https://www.youtube.com/watch?v=pSdp92Up8O8
YouTube
Front End Center — Single Responsibility Components: Object-Oriented Design in React
The Functional Programming (FP) aspects of React are fairly prominent, but components themselves are an example of Object-Oriented (OO) programming. In this episode, we'll look at how one idea from OO—The Single Responsibility Principle—can help us design…
Представляем npx: утилиту для запуска npm-пакетов https://medium.com/devschacht/introducing-npx-an-npm-package-runner-a72a658cd9e6
Medium
Представляем npx: утилиту для запуска npm-пакетов
Перевод статьи Kat Marchán: Introducing npx: an npm package runner.
Let's Get Critical: минимизация блокирующего рендер CSS с помощью Webpack https://vuejsdevelopers.com/2017/07/24/critical-css-webpack/
Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS
If we only load the CSS that's useful for the initial page render, our users will see the page quicker. Isolating critical CSS and loading non-critical CSS in idle time is something that can be done programmatically in your Webpack pipeline.
Скрытые сообщения в именах свойств в JavaScript https://www.stefanjudis.de/hidden-messages-in-javascript-property-names.html
Stefanjudis
Stefan Judis Web Development
Personal website of Stefan Judis
Глубокое погружение в веб анимацию с Angular https://blog.thoughtram.io/angular/2017/07/26/a-web-animations-deep-dive-with-angular.html
blog.thoughtram.io
A web animations deep dive with Angular
Angular comes with a built-in animation system that lets us create powerful animations based on the Web Animations API. In this article we'll look at two differet approaches, namely imperative and declarative animations.