Let’s make multi-colored icons with SVG symbols and CSS variables https://medium.freecodecamp.org/lets-make-your-svg-symbol-icons-multi-colored-with-css-variables-cddd1769fca4
freeCodeCamp.org
Let’s make multi-colored icons with SVG symbols and CSS variables
by Sarah Dayan Creative Things [https://creativethings.io/] by Kyle Adams [https://kyleadams.me/] Let’s make multi-colored icons with SVG symbols and CSS variables Long gone are the days of using images and CSS sprites to make icons for the web. With the explosion…
#frontend #vacancy
Город: #Москва
Формат работы: #офис
Занятость: полная
Зарплатная вилка: от 150 000 (выше отталкиваемся от скилов)
Мы занимаемся разработкой и развитием собственных интернет-проектов в области международного здравоохранения, монетизации трафика, лидогенерации и нативной рекламы.
Возьмём к себе и будем любить сильно-сильно Frontend разработчика 😀
Что нам нужно:
HTML5, CSS3, JavaScript
Отличные знания в одном из framework-ов — React или Vue
Знание хотя бы одной из систем сборки (grunt, gulp, webpack)
Знания git
Понимание REST API и опыт взаимодействия
Будет плюсом:
Понимание принципов UI/UX
Опыт использования системы виртуализации Docker
Опыт работы с высоконагруженными проектами
✔️ Офис Москва-Сити 🙌🏻
✔️Гибкий график начала и окончания рабочего дня
Все вопросы @a_perevoznikova
+79161651618
За успешную рекомендацию - бонус
Город: #Москва
Формат работы: #офис
Занятость: полная
Зарплатная вилка: от 150 000 (выше отталкиваемся от скилов)
Мы занимаемся разработкой и развитием собственных интернет-проектов в области международного здравоохранения, монетизации трафика, лидогенерации и нативной рекламы.
Возьмём к себе и будем любить сильно-сильно Frontend разработчика 😀
Что нам нужно:
HTML5, CSS3, JavaScript
Отличные знания в одном из framework-ов — React или Vue
Знание хотя бы одной из систем сборки (grunt, gulp, webpack)
Знания git
Понимание REST API и опыт взаимодействия
Будет плюсом:
Понимание принципов UI/UX
Опыт использования системы виртуализации Docker
Опыт работы с высоконагруженными проектами
✔️ Офис Москва-Сити 🙌🏻
✔️Гибкий график начала и окончания рабочего дня
Все вопросы @a_perevoznikova
+79161651618
За успешную рекомендацию - бонус
Один файл, много опций: использование вариативных шрифтов в вебе #css
https://css-tricks.com/one-file-many-options-using-variable-fonts-web/
https://css-tricks.com/one-file-many-options-using-variable-fonts-web/
CSS-Tricks
One File, Many Options: Using Variable Fonts on the Web
In 2016, an important development in web typography was jointly announced by representatives from Adobe, Microsoft, Apple, and Google. Version 1.8 of the
Как использовать webpagetest.org для тестирования скорости загрузки страниц https://community.centminmod.com/threads/how-to-use-webpagetest-org-for-page-load-speed-testing.13859/
Centmin Mod Community Support Forums
WebPerf - PageSpeed - How to use webpagetest.org for page load speed testing
My favourite page speed tool for web page page load speed testing is webpagetest.org. It has dozens of test geographical locations and web browser and...
WCAG 2.1 изменил статус на Candidate Recommendation https://www.w3.org/blog/2018/01/wcag21-cr/
www.w3.org
WCAG 2.1 is a Candidate Recommendation
Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate Recommendation (CR). The main purpose of Candidate Recommendation is to ensure that the standard can be implemented. The content is considered stable at this stage, but it it could change…
Как воссоздать статью Medium с помощью CSS Grid https://medium.freecodecamp.org/how-to-recreate-mediums-article-layout-with-css-grid-b4608792bad1
freeCodeCamp.org
How to recreate Medium’s article layout with CSS Grid
When people think of CSS Grid they normally envision image grid layouts and full web pages. However, CSS Grid is actually a superb…
Телефонные номера и доступность https://allthingssmitty.com/2018/01/29/phone-number-links-and-accessibility/
Allthingssmitty
Phone number links and accessibility - Matt Smith
Phone number links are a great feature but styling them to not show on larger screens can be an accessibility concern and detected by screen readers. Here's a useful tip on making the links both functional and accessible.
Введение в прогрессивные веб-приложения (PWA) https://medium.freecodecamp.org/an-introduction-to-progressive-web-apps-6aa75f32816f
freeCodeCamp.org
An introduction to Progressive Web Apps
> Interested in learning JavaScript? Get my ebook at jshandbook.com [https://jshandbook.com/] Progressive Web Apps (PWA) are the latest trend in mobile application development using web technologies. At the time of writing (early 2018), they’re only applicable…
EasyTimer.js — простая в использовании библиотека для работы с таймерами/хронометром/счетчиком, совместимая с AMD и NodeJS https://albert-gonzalez.github.io/easytimer.js/
albert-gonzalez.github.io
EasyTimer.js
Easy to use Timer/Chronometer/Countdown library compatible with AMD and NodeJS
«ALL YOUR HTML» #34: «GPU анимация 400к частиц» https://www.youtube.com/watch?v=QGMygnzlifk
YouTube
#34 ALL YOUR HTML, GPU анимация 400к частиц
Демо: https://cssing.org.ua/examples/lottaparticles/
Репо: https://github.com/akella/wholelottaparticles
Оригинальная анимация: https://www.clicktorelease.com/code/codevember-2017/chromeography/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc…
Репо: https://github.com/akella/wholelottaparticles
Оригинальная анимация: https://www.clicktorelease.com/code/codevember-2017/chromeography/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc…
ReasonReact: функциональное программирование для JavaScript разработчиков https://www.youtube.com/watch?v=lfA8qy0V34Y&feature=youtu.be
Почему бы вам не использовать TypeScript? https://jonathancreamer.com/why-would-you-not-use-typescript/
Jonathan Creamer
Why would you NOT use TypeScript?
In a world where JavaScript is arguably the most popular tool for building software these days, it seems like it's everywhere now. With node.js, it's on the backend, with Electron it's native on your machine, with React Native, it's native on your phone.…
Создание слайдера изображений с помощью React, Superagent и Instagram API https://scotch.io/tutorials/build-an-image-slider-using-react-superagent-and-the-instagram-api
DigitalOcean
How To Build an Image Slider using React, SuperAgent, and the Instagram API | DigitalOcean
In this tutorial you will build an image slider with images fetched from Instagram using SuperAgent. There are many different libraries that can be used to make Ajax calls. Fetch API (https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API), Axios
Митап по БЭМ. От азов до React.js. #web https://www.youtube.com/watch?v=BuKeVrQmVKI&t=
YouTube
Митап по БЭМ. От азов до React.js.
Ведущий: Владимир Гриненко
Скринкаст митапа по БЭМ для новичков.
- Верстка макета с нуля по методологии БЭМ.
- Основы методологии, главные принципы.
- Перевод сверстанного макета на React.js.
- Знакомство с bem-react-core.
Сайт БЭМ с документацией: htt…
Скринкаст митапа по БЭМ для новичков.
- Верстка макета с нуля по методологии БЭМ.
- Основы методологии, главные принципы.
- Перевод сверстанного макета на React.js.
- Знакомство с bem-react-core.
Сайт БЭМ с документацией: htt…