#typescript #vuejs #tips

Добавление Typescript в существующее приложение на VueJS 2.6+

https://medium.com/js-dojo/adding-typescript-to-your-existing-vuejs-2-6-app-aaa896c2d40a

#js #tools Фронт на вебворкерах. Фреймворк с интересной концепцией - стоит ознакомиться.

​​The webworkers driven UI #js framework.

This is a new paradigm. If you want to enter a new era of making better Web Based User Interfaces, the following concepts will be addictive.

What if a framework & all the apps you build are running inside a separate thread (web worker)? You get extreme performance!

https://github.com/neomjs/neo

#js #tips

Как работает новый await верхнего уровня в JavaScript

Await безусловно удобен. Возможно ли использовать его вне асинхронных функций? Да! Разбираем на доступных примерах.

https://nuancesprog.ru/p/8242

@nuancesprog #статьи #JavaScript

#CSS #tips

Руководство пользователя по переменным в CSS

https://increment.com/frontend/a-users-guide-to-css-variables/

#html #tips

Ленивая подгрузка изображений

<img src="/images/image.jpg" loading="lazy">

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

Возможные значиния:

auto - поведение, установленное по умолчанию, для разных браузеров оно будет различным.

lazy - ленивая загрузка изображений. Загрузка изображения откладывается до тех пор, пока оно не появится в области видимости экрана при скролле.

eager - изображение загружается сразу.

Долговременное сотрудничество

Друзья, ищу part-time верстальщика, готового подхватить работу, с которой иногда не справляется наша текущая команда.

Если кто-то хочет присоединиться к нам или может поделиться хорошим контактом, напишите, пожалуйста, мне в личку! :)

@RainySkys

#js #tips

Отслеживайте свой смартфон в 2D с помощью JavaScript

https://medium.com/better-programming/track-your-smartphone-in-2d-with-javascript-1ba44603c0df

#pwa #tips

​Прогрессивные веб-приложения в 2020

Большой обзор современного состояния PWA на разных платформах, реализованные возможности и ожидания.

Читать: https://habr.com/ru/post/482772/

#pwa

13 способов вертикального центрирования в 2020

1. Абсолютное позиционирование + margin: auto
2. top: 50% + translateY(-50%)
3. Таблицы + vertical-align: middle
4. Использование псевдоэлемента с height: 100% и vertical-align: middle
5. margin: auto внутри flex-контейнера
6. Использование псевдоэлементов с flex-grow: 1 внутри flex-контейнера
7. Выравнивание по осям внутри flex-контейнера (align-items: center или justify-content: center)
8. Выравнивание потомка flex-контейнера (align-self: center)
9. Выравнивание по осям внутри grid-контейнера
10. Выравнивание потомка grid-контейнера
11. Использование псевдоэлементов внутри grid-контейнера + указание размеров рядов в fr
12. Явное указание занимаемого ряда для потомка grid-контейнера (grid-row: 2/3)
13. margin: auto внутри grid-контейнера

Источник: https://www.youtube.com/watch?v=ngT6ZiInXDY

#css #video

#typescript #course #russian

TypeScript - Полный Курс за 70 минут
https://www.youtube.com/watch?time_continue=1&v=nyIpDs2DJ_c&feature=emb_logo

Подсказка по Emmet

https://dwstroy.ru/stail/plaginy-rasshireniya/emmet-shpargalka/

13 способов стилизации списков

http://odinokun.com/2020-06-06-13-sposobov-stilizacii-spiskov.html

Dropzone+Laravel+Vue: Загрузка файлов простым перетаскиванием в браузер
#enligsh
https://medium.com/@cerwyneliata.c/drag-and-drop-file-uploader-using-dropzone-library-and-vue-component-laravel-9f972c1d125c