FrontEndDev

Использование SVG clip-path для изменения цвета логотипа при скролле страницы https://eduardoboucas.com/blog/2017/09/25/svg-clip-path-logo-colour.html

Build Times

Using SVG clip-path to change a logo's colour on scroll

Last week I put together a landing site for a new business. The design was quite straightforward: a single page with various sections represented as full-width horizontal blocks with different back...

1.92K viewsedited 15:30

👌 17 😕8 📢Vk 📢Fb

FrontEndDev

Еженедельная подборка красивых эффектов на CSS/SVG/JS #55 https://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-nacsssvgjs-55.html

CSS-LIVE

Еженедельная подборка красивых эффектов на CSS/SVG/JS #55

Подборка свежих эффектов, интересных идей и полезных наработок

1.64K viewsedited 06:05

👌 3 😕0 📢Vk 📢Fb

FrontEndDev

Проект Google AMP и его влияние на SEO https://www.searchengines.ru/amp-seo.html

Searchengines.ru

Проект Google AMP и его влияние на SEO

В статье рассматривается, насколько значимым оказался запуск Google AMP для SEO, и есть ли необходимость срочно внедрять эту технологию на сайты. #AMP

1.62K viewsedited 08:30

👌 1 😕1 📢Vk 📢Fb

FrontEndDev

VoiceOver и list-style-type: none https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/

Unfettered Thoughts

VoiceOver and list-style-type: none

With that bit of additional CSS, we are able to return the list semantics for VoiceOver users without needing to touch the markup.

1.64K viewsedited 10:50

👌 4 😕1 📢Vk 📢Fb

FrontEndDev

Что вам нужно знать о React 16 https://medium.com/@karmined/%D1%87%D1%82%D0%BE-%D0%B2%D0%B0%D0%BC-%D0%BD%D1%83%D0%B6%D0%BD%D0%BE-%D0%B7%D0%BD%D0%B0%D1%82%D1%8C-%D0%BE-react-16-a1baa4ab800d

Medium

Что вам нужно знать о React 16

Перевод статьи What you need to know about React 16

1.89K viewsedited 13:45

👌 8 😕0 📢Vk 📢Fb

FrontEndDev

Начинаем работать с Redux https://www.sitepoint.com/getting-started-redux/

Sitepoint

Getting Started with Redux - SitePoint

Michael Wanyoike introduces Redux, a framework that helps build complex projects in way that's easy to scale and maintain.

1.96K viewsedited 15:30

👌 5 😕0 📢Vk 📢Fb

FrontEndDev

Креативные эффекты перехода между слайдами с помощью CSS Masks https://tympanus.net/codrops/2016/09/29/transition-effect-with-css-masks/

Codrops

Transition Effect with CSS Masks | Codrops

A tutorial on how to use CSS Masks to create some interesting looking slide transitions. Highly experimental!

1.76K viewsedited 06:05

👌 7 😕1 📢Vk 📢Fb

FrontEndDev

draggable https://shopify.github.io/draggable/

draggable.js

Draggable JS – JavaScript drag and drop library

Draggable is a lightweight, responsive, modern drag and drop JavaScript library – the ideal choice for adding slick native-feeling drag and drop behaviour to your web apps.

1.83K viewsedited 08:30

👌 7 😕1 📢Vk 📢Fb

FrontEndDev

«Что вы должны знать о вариативных шрифтах». https://medium.com/type-thursday/what-you-need-to-know-about-variable-fonts-6e7b6ce7580c

Medium

What You Need to Know About Variable Fonts

An Interview with Tim Brown and Bram Stein of Adobe Typekit

1.89K viewsedited 10:50

👌 3 😕0 📢Vk 📢Fb

FrontEndDev

Создание онлайн-магазина с помощью Vue https://scotch.io/courses/build-an-online-shop-with-vue

Digitalocean

Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.

2K viewsedited 13:45

👌 6 😕2 📢Vk 📢Fb

FrontEndDev

Изучи промисы создавая промис с нуля https://medium.com/gitconnected/understand-javascript-promises-by-building-a-promise-from-scratch-84c0fd855720

Medium

Learn JavaScript Promises by Building a Promise from Scratch

A step-by-step tutorial to make sure you fully understand how Promises work

2.24K viewsedited 15:30

👌 7 😕2 📢Vk 📢Fb

FrontEndDev

Разработка доступных сайтов в контексте веб-ресурсов Вашингтонского университета https://www.washington.edu/accessibility/web/

Accessible Technology

Teaching an Accessible Online Course

The following archived presentation was part of the Accessible Technology Webinar Series at the University of Washington.

1.64K viewsedited 06:05

👌 4 😕0 📢Vk 📢Fb

FrontEndDev

ES6 для новичков https://hackernoon.com/es6-for-beginners-f98120b57414

Hackernoon

ES6 for beginners | HackerNoon

In this post, I will cover some new features in ES6. It will be helpful if you are new to ES6 or learning front-end frameworks.

1.7K viewsedited 08:30

👌 8 😕0 📢Vk 📢Fb

FrontEndDev

1.7K views08:58

FrontEndDev

Подключайтесь к новому каналу от разработчиков группы Chulakov Digital — @deepdigital.

Опытные специалисты из топ-8 России пишут заметки про frontend- и backend-разработку систем, сервисов и сайтов. ES6, React, разработка интерфейсов крупных систем, анимация, создание 2D- и 3D-графики, NodeJS, PHP-фреймворки, базы данных, оптимизация, тестирование, проектирование приложений и еще много других актуальных тем.

Канал нацелен на максимальную практическую пользу: в каждой заметке обсуждается проблема и описывается ее решение, а материалы сопровождаются примерами и интерактивными демо.

1.73K views08:58

FrontEndDev

Прогрессивные веб-приложения? Нет, мы делаем веб-приложения для чужих https://technology.condenast.com/story/not-progressive-alien-web-apps

Condé Nast Technology

Progressive Web Apps? No, we are building Alien Web Apps

1.84K viewsedited 10:50

👌 6 😕1 📢Vk 📢Fb

FrontEndDev

Использование Preact как альтернативу React https://www.sitepoint.com/using-preact-react-alternative/

Sitepoint

Using Preact as a React Alternative - SitePoint

Ahmed Bouchefra introduces Preact, a lightweight version of React with a growing community that's well suited to high-performance apps and slow 2G networks.