👉 @frontendInterview

Что такое Автопрефиксер?

Автопрефиксер — утилита для добавления префиксов к экспериментальным свойствам из CSS 3. Она берёт с Can I Use последние данные о префиксах и популярности браузеров, читает ваш файл стилей, находит свойства и значения, которым действительно нужны префиксы и добавляет их.

Вы просто пишите обычный CSS:

 a {
    transition: transform 1s;
 }

Автопрефиксер сам заменит нужные (и только нужные) свойства и значения (обратите внимание на -webkit-transform):
a {
-webkit-transition: -webkit-transform 1s;
-o-transition: -o-transform 1s;
transition: -ms-transform 1s;
transition: transform 1s
}

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Vue.js 3 Cookbook

Vue.js - это прогрессивный веб-фреймворк для создания профессиональных пользовательских интерфейсов для ваших веб-приложений. Vue.js 3 усилен архитектурными улучшениями, новыми базовыми языками, процессами рендеринга и отдельными основными компонентами.

👉 @frontendInterview

Char Code Calculation

Вам дана строка, состоящая из символов ASCII. Переведите символы в код - число total1, замените все цифры 7 на 1 - число total2. И вычтите из total1 число total2.

Пример:
'ABC' --> 'A' = 65, 'B' = 66, 'C' = 67 --> 656667

total1 = 656667
^
total2 = 656661



  (6 + 5 + 6 + 6 + 6 + 7)
- (6 + 5 + 6 + 6 + 6 + 1)
-------------------------

6

👉 @frontendInterview

Как изменить цвет SVG?

Если заглянуть «под капот» и изучить код, который отвечает за отрисовку SVG, то можно выделить два свойства, которые отвечают за цвет — fill (заливка) и stroke (обводка). Их можно редактировать и тем самым менять цвет иконки.

На картинке два квадрата — они идентичны, за исключением свойства fill. В одном случае мы залили квадрат красным цветом, в другом вообще не прописали этой свойство.

👉 @frontendInterview

👉 @frontendInterview

Что такое семантическая верстка?

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

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

👉 @frontendInterview

👉 @frontendInterview

Что такое XSS?

XSS (межсайтовый скриптинг) – одна из разновидностей атак на веб-системы, которая подразумевает внедрение вредоносного кода на определенную страницу сайта и взаимодействие этого кода с удаленным сервером злоумышленников при открытии страницы пользователем.
Основная цель межсайтового скриптинга – кража cookies пользователей при помощи встроенного на сервере скрипта с дальнейшей выборкой необходимых данных и использованием их для последующих атак и взломов.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

CSS полный справочник

В обновленном 4-ом издании книги «CSS. Полное руководство» содержится полноценное руководство по использованию каскадных таблиц стилей (CSS), а также подробное описание самых последних стандартов CSS. Язык CSS постоянно совершенствуется и предназначен для описания внешнего вида веб-контента, отображаемого на экранах компьютеров и мобильных устройств, выводимых на принтеры, синтезаторы речи, а также используется в средствах озвучивания страниц и окнах чата.

👉 @frontendInterview