Найти в Дзене
СтатьиЕщё
Плагин API Sync синхронизирует дизайн с данными AP
Плагин API Sync синхронизирует дизайн с данными API Особенности: ● Загрузить JSON из API URL или вставить как текст ● Перейдите в JSON в простом интерфейсе и выберите путь ● Заполните, подключите и синхронизируйте свои слои с текстом и изображениями Форматирование: Поскольку данные не всегда соответствуют тому, как мы хотим их визуализировать, вы можете отформатировать текстовые результаты перед их заполнением. Для гибкости форматирование выполняется с использованием кода js, где можете использовать $ value в качестве переменной, исходящей из JSON...
4 года назад
Создаем неоновый текст с помощью CSS.
На этом сайте , Вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами. Спасибо, что дочитали до конца, ставьте лайк и подписывайтесь на наш канал. Так же не стесняйтесь...
4 года назад
5 причин, почему Safari от Apple лучше Google Chrome?
Когда дело доходит до выбора браузера, каждый руководствуется своими привычками или опытом знакомых. Но, наверное, споры о том, какой браузер лучше: Safari или Google Chrome, никогда не утихнет. Впрочем, как и противостояние между Samsund и Apple. Но предлагаем посмотреть на объективные причины и определить 5 факторов, которые делают «яблочный» браузер лучше. Погнали? Наличие расширений До недавнего времени Safari не мог порадовать своих пользователей таким функционалом. Однако все изменило новое обновление iOS 15, которое вышло 7 июня 2021 года...
550 читали · 4 года назад
Плагин Automatic Style Guides
Плагин Automatic Style Guides подготовит презентабельное руководство по стилю для клиентов и разработчиков одним нажатием кнопки. Как пользоваться: 1. Создайте несколько локальных текстовых и цветовых стилей 2. Нажмите Automatic Style Guides > Создать руководство по стилю 3. Новая страница под названием «Руководство по стилю» была добавлена в ваш документ Доступные теги текста: {{}} MyTextStyle.id {{}} MyTextStyle.type {{}} MyTextStyle.name {{}} MyTextStyle.fontFamily {{}} MyTextStyle.fontStyle {{}} MyTextStyle...
4 года назад
CSS Button Generator - css генератор кнопок для сайтов
CSS Button Generator - css генератор кнопок для сайтов Это сайт, на котором Вы сможете просто собрать красивую кнопку для вашего сайта, использую понятный интерфейс. Спасибо, что дочитали до конца, ставьте лайк и подписывайтесь на наш канал...
4 года назад
Реализуем простое, но необычное боковое меню.
Сложность - ЛЕГКО Языки - HTML, JS, CSS В этой статье Вы узнаете, как сделать анимированное меню, которое сдвигает содержимое страницы вправо, с добавлением затемнения. ШАГ 1 Добавляем HTML: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WebLab - SideMenu</title> </head> <body> <div id="weblabmenu" class="WebMenu"> <a href="javascript:void(0)" class="close" onclick="closemenu()">X</a> <a href="#">Home</a> <a href="#">F.A.Q.</a> <a href="#">Shopping</a>...
4 года назад
Плагин Bannerify
Плагин Bannerify анимирует и экспортирует готовые HTML-баннеры. Как пользоваться: 1. Установите Bannerify и создайте новый проект Figma. 2. Создайте столько фреймов разных размеров, сколько вам нужно для ваших баннеров. 3. Добавьте любые изображения, текстовые и кнопочные слои в ваши фреймы. 4. Запустите Bannerify на странице, содержащей фреймы вашего баннера. 5. Примените некоторые анимации и время для слоев внутри каждого кадра. 6. Нажмите кнопку «Экспорт баннеров в HTML», чтобы открыть панель экспорта...
4 года назад
Создаём русскую матрицу.
Сложность - ЛЕГКО Языки - HTML, JS, CSS ШАГ 1 Добавляем HTML с CSS: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> WebLab - RusMatrix </title> </head> <body style="margin: 0; background: black; overflow: hidden;"> <canvas id='weblab'> </canvas> </body> </html> ШАГ 2 Добавляем JS: <script> // Объявляем переменную, контекст, определяем высоту и ширину const C = document.getElementById("weblab"), ctx = C.getContext("2d"), W = (C.width = window.innerWidth), H = (C.height = window.innerHeight);...
4 года назад
Реализуем секундомер с использованием JavaScript.
Сложность - СРЕДНЕ Языки - HTML, JS ШАГ 1 Добавляем HTML: <!DOCTYPE html> <html> <head> <title>WebLab - clock</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <!--Форма секундомера--> <form name=Form> <input type=button value="Сбросить" onclick="Clear()"> <input name=clockpole size=10 value="00:00:00.00"> <input type=button value="Запустить/Остановить" onclick="StartStop()"> </form> </body> </html> ШАГ 2 Добавляем JavaScript: <script> //Переменные var...
144 читали · 4 года назад
Baba is You – одна из лучших головоломок 2019 года
Baba is You – одна из лучших головоломок 2019 года и хороший инструмент для обучения использованию логики и переменных в программировании. Каждое слово соответствует объекту или действию, определяющему свойства уровней. Слова, обозначающие объекты и свойства, можно перемещать для изменения выполняемых объектами действий. Это игра показывает, как замена переменных может повлиять на код...
4 года назад
Плагин 24Stream
Плагин 24Stream помогает создавать богатый контент для карточек продуктов, который предназначен для трансляции онлайн-продавцам и торговым площадкам. Плагин позволяет унифицировать макет, а затем автоматически создавать макет в HTML, а также упаковывать в формате E-package, который предназначен для обмена контентом между онлайн-продавцами и рынками. С помощью плагина вы можете выбрать существующий дизайн функций, интегрировать его в свой макет, внести все необходимые изменения, используя весь арсенал...
4 года назад
Подкасты для IT-специалистов
Раз уже это реклама Яндекса (нет) , первый в списке подкастов будет "Войти в IT " в нём сотрудники Яндекса рассказывают про свою работу и делятся опытом с начинающими разработчиками, датасаентистами, менеджерами и дизайнерами. P.S. Последний выпуск был 26 марта 2020 года. Sebrant Chatting — личный подкаст директора по маркетингу из «Яндекс». Чаще всего речь идет о том, как технологии влияют на мир вокруг, а он, в свою очередь, на них. В итоге получается про людей и жизнь не меньше, чем про технологии Запуск завтра — Интересные диалоги Самата Галимова с интересными людьми...
4 года назад