​​Tabler Icons: 558 Fully customizable free SVG icons.

https://tablericons.com

#css #html

Как изучить что угодно?

Learn Anything ‐ сервис с интерактивной картой материалов для изучения практически любых тем — https://learn-anything.xyz/

Вводите любую тему и сервис находит ключевые видео, курсы и статьи для изучения этого навыка

Похожий сайт, но только со списком лучших источников для изучения IT-навыков
https://project-awesome.org/

Управление зависимостями JavaScript
https://habr.com/ru/company/domclick/blog/509440/

​JavaScript for impatient programmers (2019)
Автор: Dr. Axel Rauschmayer
Количество страниц: 526

Эта книга делает JavaScript менее сложным в освоении для новичков, предлагая современный, максимально последовательный взгляд на язык.

Особенности книги:
✔️Начните программировать быстро, сосредоточившись на современных особенностях;
✔️Охватывает все основные функции JavaScript, вплоть до ES2019;
✔️Дополнительные расширенные разделы позволяют погрузиться в тему глубже.

Достоинства:
➕Лаконичность;
➕Хороший авторский стиль.

Недостатки:
➖Не замечено.

Скачать книгу

#english #book #beginner

Создание небольших десктопных приложений с Tauri и Vue.js

https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/

Графический интерфейс для удаления js-проектами. Есть подозрение, что vue ui с ним как-то связан)

https://guijs.dev/

Паттерны реактивности в 2020 году

Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh

#frameworks #tools #reactivity #frontend #bestpractices

Fullstack Vue. The Complete Guide to Vue.js and Friends

Автор: Hassan Djirdeh, Nate Murray, and Ari Lerner
Год издания: 2018

Скачать книгу

#vue #english

Научиться работать с SVG - полезная тема, можно делать более навороченные интерфейсы без канваса)

Руководство по работе с SVG

Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.

https://prglb.ru/4wn1v

#svg #tools

​​Единицы измерения CSS на основе области просмотра

Четыре единицы измерения CSS, зависящие от размеров области просмотра. Их различия, наглядные примеры применения, поддержка браузерами.

Читать статью

#book ООО, свежачок)

Building Progressive Web Applications with Vue.js: Reliable, Fast, and Engaging Apps with Vue.js

Автор: Carlos Rojas
Год издания: 2020

Скачать книгу

#vue #english

Четырёхдневный интенсив по работе с аудио в JS 27-30 июля. Полагаю, это будет интересно)

​​Напиши свой медиаплеер на JavaScript!

Залетай на бесплатный интенсив и сделай свой аналог iTunes на чистом JS.

Будет 4 дня кодинга, тебе точно понравится 😉

Программа интенсива: 👇🏻

✅ 1 День
— Подготовим проект и разобьем его модули
— Реализуем переключатель между плеерами

✅ 2 День
— Сделаем видеоплеер с возможностью проигрывать, перематывать, ставить видео на паузу

✅ 3 День
— При помощи API Audio реализуем потоковое вещание радио и смену радиостанций

✅ 4 День
— Напишем аудиоплеер, с возможностью переключения треков, перемотки, паузы и остановки, все с помощью JavaScript и методов API Audio
— Допилим весь функционал и зафиналим проект

Записывайся пока есть свободные места :)

Жми на ссылку и получай приглашение:
https://telegram.me/gloacademy_bot?start=5f1affba1ad0b2000c319157

Взгляд на новый Vue: что ожидать во Vue 3

https://www.telerik.com/blogs/what-to-expect-vue-3

Javascript for beginners

Автор: Enrique Sanchez
Год издания: 2020

Скачать книгу pdf
Скачать книгу epub

#Javascript #english

Vue.js для начинающих, урок 3: условный рендеринг

https://habr.com/ru/company/ruvds/blog/510628/

Изучаем TypeScript 3

Автор: Розенталс Н.

Год издания: 2019

Скачать книгу

#typescript #русский

CSS @font-face

@font-face - это правило, которое позволяет указать шрифты для отображения текста на веб-страницах.

Как использовать @font-face
1. Необходимо определить имя шрифта, и место где его можно найти.
@font-face {
font-family: DeliciousRoman;
src: url('http://www.font-face.com/fonts/delicious/Delicious-Roman.otf');
}
2. Затем уже его можно использовать.
p {
font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}

Также, можно подключать шрифты локально:
@font-face {
font-family: DeliciousRoman;
src: url('.../Delicious-Roman.otf');
}

Несколько дополнительных свойств @font-face:
font-display - Определяет как отображается шрифт, основываясь на том, был ли он загружен и готов ли к использованию.
font-stretch - с помощью него можно определить ширину начертания букв.
font-style - позволяет определить наклонный шрифт или курсив.
font-weight - определяет насколько “толстым” должно быть начертание букв.