Бесплатный вебинар: Как выбрать профессию в программировании в 2021 году?
✔ Карьера программиста: с какого языка программирования лучше начинать;
✔ Языки программирования, их применимость в разных сферах;
✔ Сравнение разных языков по популярности, сложности и уровню доходов;
✔ Как найти себя, как выбрать сферу и язык программирования.
Спикер: Михаил Овчинников - Главный методист технического направления Skillbox
✔ Карьера программиста: с какого языка программирования лучше начинать;
✔ Языки программирования, их применимость в разных сферах;
✔ Сравнение разных языков по популярности, сложности и уровню доходов;
✔ Как найти себя, как выбрать сферу и язык программирования.
Спикер: Михаил Овчинников - Главный методист технического направления Skillbox
Изменение элементов массива
При объявлении цикла в PHP переменная передается по значению. Это значит что изменения переменной будут происходить локально.
Если же вы хотите изменить элементы оригинального массива, то их нужно передавать в цикл по ссылке. Для этого добавьте символ & к имени переменной в объявление цикла.
При объявлении цикла в PHP переменная передается по значению. Это значит что изменения переменной будут происходить локально.
Если же вы хотите изменить элементы оригинального массива, то их нужно передавать в цикл по ссылке. Для этого добавьте символ & к имени переменной в объявление цикла.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Генератор анимаций
AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта. На основе переменных CSS, позволяющих создавать практически неограниченное количество уникальных анимаций без написания единого ключевого кадра. Сэкономьте время и получите полный контроль над движением ваших элементов. AnimXYZ, созданный для Vue, React, SCSS и CSS, оживит ваш сайт.
AnimXYZ помогает создавать, настраивать и составлять анимацию для вашего веб-сайта. На основе переменных CSS, позволяющих создавать практически неограниченное количество уникальных анимаций без написания единого ключевого кадра. Сэкономьте время и получите полный контроль над движением ваших элементов. AnimXYZ, созданный для Vue, React, SCSS и CSS, оживит ваш сайт.
JS | Проверка сайта на устаревший код
Более 90% браузеров способны работать с современным JavaScript, но преобладание устаревшего JavaScript остается одним из основных источников проблем с производительностью в Интернете сегодня. EStimator.dev - это простой веб-инструмент, который вычисляет размер и улучшение производительности сайта, которого можно достичь, используя современный синтаксис JavaScript.
Более 90% браузеров способны работать с современным JavaScript, но преобладание устаревшего JavaScript остается одним из основных источников проблем с производительностью в Интернете сегодня. EStimator.dev - это простой веб-инструмент, который вычисляет размер и улучшение производительности сайта, которого можно достичь, используя современный синтаксис JavaScript.
This media is not supported in your browser
VIEW IN TELEGRAM
JS | Создание слайдера для сравнения изображений
В статье шаг за шагом расписано как создать подобный слайдер, потребуются лишь базовые знания css и js.
В статье шаг за шагом расписано как создать подобный слайдер, потребуются лишь базовые знания css и js.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Имитация рандома
Элементы не могут действовать случайным образом в CSS, но этого можно достичь с помощью сложной формы анимации.
Карточки в приведенном примере очень быстро переходят в разные состояния, и щелчок пользователя по одной из них приостанавливает анимацию, заставляя карточку переворачиваться в одном из определенных состояний.
Пользователь может щелкнуть по карточкам в любое время, но анимация настолько быстрая, что действует как случайное начальное число для нашего взаимодействия, эти карточки, например, проходят через все 52 состояния всего за 1 секунду.
Элементы не могут действовать случайным образом в CSS, но этого можно достичь с помощью сложной формы анимации.
Карточки в приведенном примере очень быстро переходят в разные состояния, и щелчок пользователя по одной из них приостанавливает анимацию, заставляя карточку переворачиваться в одном из определенных состояний.
Пользователь может щелкнуть по карточкам в любое время, но анимация настолько быстрая, что действует как случайное начальное число для нашего взаимодействия, эти карточки, например, проходят через все 52 состояния всего за 1 секунду.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Вариативные шрифты
Вариативные шрифты - это технология, благодаря которой один-единственный шрифтовой файл ведет себя как бесконечное множество начертаний.
То есть файл один, а информации в нём на целое шрифтовое семейство. Осей интерполяции при этом может быть сколько угодно — насыщенность, пропорции, контраст, изменение размера строчных/выносных, анимация.
Подробности в статье, а в песочнице наглядно показана работа с такими шрифтами.
Вариативные шрифты - это технология, благодаря которой один-единственный шрифтовой файл ведет себя как бесконечное множество начертаний.
То есть файл один, а информации в нём на целое шрифтовое семейство. Осей интерполяции при этом может быть сколько угодно — насыщенность, пропорции, контраст, изменение размера строчных/выносных, анимация.
Подробности в статье, а в песочнице наглядно показана работа с такими шрифтами.
Сервис для подключения иконок
Подключение иконок иногда сложнее, чем должно быть. SVGBox позволяет добавлять иконки в ваш проект с помощью простых тегов. Идея сервиса заключается в том, что включение значков должно быть таким же простым, как копирование и вставка.
SVGBox в настоящее время имеет 10 наборов значков и 3 405 значков. Коллекция постоянно пополняется и улучшается.
Синтаксис url иконки
Подключение иконок иногда сложнее, чем должно быть. SVGBox позволяет добавлять иконки в ваш проект с помощью простых тегов. Идея сервиса заключается в том, что включение значков должно быть таким же простым, как копирование и вставка.
SVGBox в настоящее время имеет 10 наборов значков и 3 405 значков. Коллекция постоянно пополняется и улучшается.
Синтаксис url иконки
https://s.noscriptbox.net/$ICONSET.noscript?fill=$FILL_COLOR&ic=$ICON
Пример подключения<img src="https://s.noscriptbox.net/hero-solid.noscript?fill=red&ic=heart" width="32" height="32">