Кнопка загрузки

Интересная кнопка загрузки, которая анимирована с использованием SVG-изображений. Из особенностей это минимальное использование JS и просто приятный внешний вид.

Ткнуть самому и изучить код можно тут:

https://tprg.ru/Aypt

#codepen

Полезные расширения VS Code для фронтенд-разработчиков

В этой подборке собрано более 20 полезных расширений, которые пригодятся фронтенд-разработчикам в самых разных ситуациях:

https://tprg.ru/ubGX

#vscode

​Идеальная ссылка. Какая она?

На первый взгляд может показаться, что нет ничего проще, чем создать ссылку на веб-странице — добавил тег <a>, записал в атрибут href адрес и добавил какой-то контент в неё, чтобы было куда нажимать.

Но на самом деле есть множество нюансов, которые мешают создать идеальную ссылку, которая будет и выглядеть на все сто, и максимально удобной. Подробнее в статье:

https://tprg.ru/BUNJ

#html #фронтенд

Learn CSS

Этот сервис поможет изучить CSS с нуля новичку во фронтенд-разработке или закрыть имеющиеся пробелы более опытному разработчику.

Сервис постоянно обновляется и поддерживается в актуальном виде, предлагая сразу несколько способов изучения CSS — подкасты, тексты и готовые примеры, которые можно разобрать.

Заходите:

https://tprg.ru/da3h

#css

​Еще одна альтернатива JavaScript: ReScript

CoffeScript есть, TypeScrypt есть, есть даже PureScript, но разработчикам всё мало. Вот очередная альтернатива JavaScript, которая не просто хочет потеснить JS, но замахивается ещё и на TS.

Так что это за зверь такой? Давайте разбираться:

https://tprg.ru/jRAH

​Свежая подборка вакансий для Backend

— Fullstack Developer (MEAN) в Nitka Technologies
Где: Удалённо
Сколько: по итогам собеседования

— Fullstack .Net+React Developer в Nitka Technologies
Где: Удалённо.
Сколько: по итогам собеседования.

— Ruby on Rails Developer в Aviasales Travelpayouts
Где: Москва, Санкт-Петербург, Пхукет, можно удалённо.
Сколько: по итогам собеседования.

— Go developer в Aviasales: Assisted Booking
Где: Москва, Санкт-Петербург, Пхукет, можно удалённо.
Сколько: по итогам собеседования.

— Go developer в Aviasales: Explore
Где: Москва, Санкт-Петербург, Пхукет, можно удалённо.
Сколько: по итогам собеседования.

— Middle back-end разработчик в CSSSR
Где: Удалённо.
Сколько: От 85 000 до 170 000р.

#вакансии #работа

15 случайных сниппетов и методов Laravel

Если вы часто работаете с Laravel, то скорее всего знаете о некоторых из этих сниппетов и методов. Но тем не менее, вы можете найти здесь для себя что-то новое и полезное:

https://tprg.ru/eMBa

#laravel #php

​Вывод чётких изображений на экраны с высокой плотностью изображения

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

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

https://tprg.ru/yRVO

«Да пребудет с тобой CSS»

5 возможностей React Material UI, которые вы могли пропустить

Material UI популярный стиль для веб-сайтов и приложений, поэтому для React даже есть соответствующая библиотека. Если работаете с React, то вы, вероятно, знакомы с ней. Но знакомы ли вы со всеми её фишками?

В этой статье вы узнаете о пяти интересных возможностях этой библиотеки:

https://tprg.ru/Ar7i

#react

​​Бэкенд-разработчик решил помочь с дизайном фронтенда:

​CSS, JavaScript и блокировка парсинга веб-страниц

Хотите узнать неожиданный способ защиты страницы от парсинга? Оказывается, достаточно настроить загрузку CSS-файлов определённым образом. Правда это может и негативно повлиять на загрузку страницы, поэтому тоже надо учитывать и знать, чтобы не навредить работе сайта.

Подробнее:

https://tprg.ru/wxAB

25 полезных сокращений в JavaScript для веб-разработчиков

В JavaScript существует множество способов написать понятный и лаконичный код там, где в других языках потребуется несколько строк кода. В этом нам помогает деструктуризация, оператор spread, оператор нулевого слияния и так далее.

Здесь вы можете узнать сразу 25 приёмов, которые помогают сократить и облегчить код на JavaScript:

https://tprg.ru/WG3v

#javascript

​Как центрировать что угодно в CSS

Очередное полезное видео от Джой Шахеба, где он расскажет вам и покажет, как настроить расположение div-элемента четырьмя разными способами. Красивые иллюстрации присутствуют.

https://tprg.ru/V0Hz

#видео #css

​Свежая подборка вакансий для QA

— QA Engineer в Авиасейлс для бизнеса
Где: Москва, Санкт-Петербург, можно удалённо.
Сколько: По итогам собеседования.

— QA Engineer в Авиасейлс: Eхplore, Usercom, Assisted Booking
Где: Удалённо.
Сколько: По итогам собеседования.

— Middle front-end QA инженер в CSSSR
Где: Удалённо.
Сколько: От 63 000 до 135 000р.

— Тестировщик мобильных и web-приложений в Подружку
Где: Удалённо.
Сколько: До 120 000р.

#вакансии #работа

8 бесплатных JavaScript-библиотек анимации: работа с текстом, SVG и геометрическими фигурами

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

Посмотрите сами:

https://tprg.ru/pzk6

#javascript

​Альтернативы Redux в 2021 году

С момента появления Redux и пика его популярности прошло уже порядочно времени. Веб-разработка не стоит на месте и появляются новые инструменты, превосходящие предыдущие. Redux не стал исключением и сегодня существуют различные инструменты и способы управления состояниями.

Вы можете использовать Redux по-старинке, а можете прочитать эту статью и открыть для себя что-то новое и, возможно, более подходящее:

https://tprg.ru/UQMs

#redux

«Тебе практика, а мне польза. Я про тебя ещё знакомым расскажу!»

​CSS анимация по заданной траектории

С помощью CSS можно без каких-либо сторонних инструментов создать красивую анимацию с заданной траекторией движения объектов. В этом видео вы научитесь это делать:

https://tprg.ru/gtON

#css