Decryption Effect with Pseudo Elements

Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript.

#анимация #css #js

https://codepen.io/georgehastings/pen/YNMEbe

Dot Loader - CSS

Анимация загрузки. Написана на чистом CSS.

#анимация #карточка #css

https://codepen.io/josetxu/pen/MWXbbeW

Eleventy — простенький генератор статических сайтов

Инструмент требует Node.js, но за счёт этого вся первичная «магия» генерации сайтов происходит непосредственно в Терминале

У Eleventy очень большое коммьюнити, а также крайне понятная документация

Из интересного стоит отметить, что именно с помощью этого инструмента созданы такие популярные сайты, как Chrome Developers, Netlify, Forsquare и многие другие

Стоимость: #бесплатно

#web #node #сайты

​Одностраничные приложения: полное руководство

Одностраничники уже плотно вошли в нашу жизнь и значительно её облегчили как с точки зрения разработчиков, так и пользователей. Если вы ещё не работали с SPA, то самое время познакомиться поближе с этой технологией и начать внедрять её в свои проекты:

https://www.keycdn.com/blog/single-page-application

#spa

Голограммы, пленочные засветки и шейдеры на чистом CSS

Как вы обычно делаете визуальные эффекты для веб-страницы? Наверное, используете какую-нибудь JS-библиотеку, которая может прокачать сцену, добавив освещение, 3D, шейдеры и прочее, например threejs. Верно?

Но на самом деле в некоторых кейсах уже можно смело отказывать от JS в пользу CSS, ведь браузеры наконец поддерживают mix-blend-mode. Например, вы можете добавить эффект засветки при скролле страницы, как на этой картинке выше (как это работает можно увидеть по ссылке). В этой статье вы узнаете, как добавить крутые эффекты для ваших изображений только благодаря CSS и заодно увидите, как они работают в жизни:

https://css-live.ru/tricks/gologrammy-plenochnye-zasvetki-i-shejdery-na-chistom-css.html

#css #фронтенд

Vimium — лучший способ познать боль при веб-браузинге

Если шутки про «как выйти из Vim?» для вас вовсе не шутки, то это расширение для Chrome сделает вашу жизнь ещё сложнее

Установив его, вы сможете управлять процессом браузинга исключительно при помощи клавиатуры — о существовании мыши можно будет забыть навсегда

Те, кто использовал текстовый редактор Vim, поймут принцип работы этого инструмента

Из интересного — есть версия и для Firefox

Стоимость: #бесплатно

#web #расширение

Scrimba — платформа для изучения frontend-разработки

Сервис позволяет изучать программирование, работая с кодом во внутреннем редакторе, сразу же отображающем результат изменений в браузере

При этом Scrimba поддерживает мультифайловые проекты, что приближает разрабатываемые проекты к реальной жизни

Стоимость: #бесплатно (но есть платные курсы)

#web #обучение #frontend

​Как вывести сайт в топ поисковиков на рынке с высокой конкуренцией

Вы когда-нибудь искали в интернете ювелирный магазин? Если нет, просто представьте, сколько результатов выдает поисковик. И занять высокую строку в поисковой выдачи крайне непростая задача. В этой статье вы найдёте несколько полезных советов для SEO, который хочет сделать веб-сайт популярным и заметным:

https://tproger.ru/articles/kak-vyvesti-sajt-v-top-poiskovikov-na-rynke-s-vysokoj-konkurenciej/

#seo

@hashdev

Хотите создавать высоконагруженные сервисы в сферах онлайн-ритейла, доставки, финтеха, интернета вещей? Тогда вам нужно изучать язык программирования Golang на курсе Яндекс Практикума «Профессия Go-разработчик».

В профессии две программы: обучение до уровня Junior+ и обучения до уровня middle. Обратите внимание, эти курсы подходят только тем, у кого есть опыт разработки, нужно будет пройти входной тест и узнать свой уровень.

Как вы будете учиться
• Сразу писать боевой сервис.
Вы будете писать один большой проект на протяжении всего курса, постоянно пополняя, усложняя и модифицируя кодовую базу. Кроме того, в уроках будет много практических заданий, которые вы сможете выполнять в любимой среде разработки.
• Общаться с менторами — senior Go-разработчиками.
У вас будет ментор — действующий senior Go-разработчик, который будет помогать находить ответы на вопросы, проверять ваш код, проводить вебинары для разбора задач. 
• Готовить выпускной проект.
После прохождения основной программы у вас будет время написать выпускной проект для вашего портфолио. Вы сможете объединиться в команды или работать самостоятельно, реализовать свою идею или взять за основу один из предложенных вариантов.

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

Выберите курс, который соответствует вашему уровню знаний:
https://practicum.yandex.ru/promo/go-profession

Termius — кроссплатформенный SSH-клиент, работающий на ПК и мобильных устройствах

С помощью него можно организовывать хосты в группы, в рамках которых есть возможность обмениваться настройками. При этом каждый хост может иметь свои собственные предпочтения

Интересной особенностью инструмента является использование сквозного шифрования

Стоимость: #бесплатно (но есть платные тарифы)

#ssh #web #шифрование

CodeKit —  расширяемый front-end сборщик «на стероидах»

Его отличительной особенностью является приятный GUI, а также возможность навешивать скрипты по любому событию

Если искать аналог среди консольных приложений, то это будут Grunt и Gulp

Единственное, CodeKit доступен лишь в виде macOS-приложения

@hashdev

SVG-фейерверки

Этот генератор фейерверков позволяет создавать их в автоматическом и ручном режиме. Посмотреть, как он работает можно тут:

https://codepen.io/creativeocean/pen/jOzKZGR

#codepen

@hashdev