Photopea — это продвинутый, бесплатный онлайн редактор изображений. С его помощью можно открывать файлы PSD/Sketch/XCF и редактировать прямо в браузере. Поддерживает практически все форматы изображений.
#Инструменты
#Инструменты
Небольшой урок о том, как обновлять данные в браузере каждые 10 секунд
<meta http-equiv="Refresh" content="10" />
Вставлять между тегами <head></head>
10 – это число, обозначающее время, через которое должна автоматически обновиться веб-страница (в секундах).PSD макет "Интерфейс приложения"
Красивый, стильный дизайн панели управления для web приложения. Сложные элементы управления, для тех, кто хочет прокачать свой опыт в верстке.
#PSD
Красивый, стильный дизайн панели управления для web приложения. Сложные элементы управления, для тех, кто хочет прокачать свой опыт в верстке.
#PSD
Коротко о новых плагинах для Figma
Статья для тех, кто не только копается в коде, но и прикладывает усилие для качественного создания web-интерфейсов
AutoGrid — Поддержка сетки для AutoLayout.
Tracking – Плагин для создания аннотаций отслеживания.
Find and Replace Colors – Организация цветовых стилей в ваших дизайнах
Spacing Manager – Плагин для согласованных отступов в компонентах
Geometric – Создание математических фигур и кривых
Halftones – Плагин, позволяющий накладывать точечный или полутоновый фильтры на картинки
Batch Styler – Изменение нескольких стилей текста одновременно
Spell Inspector — Поиск и исправление орфографических ошибок
Sitemap – Плагин для создания карты вашего сайта
Style Organizer — Показывает и упорядочивает все цветовые стили
Focus CSS — Более удобное использование CSS в Figma
Flipbook – Плагин для анимации ваших дизайнов в Figma
SwiftUI Inspector – Плагин для улучшения рабочего процесса разработки для платформ Apple
Filter – Фильтрующий плагин для ретуши ваших изображений
Статья для тех, кто не только копается в коде, но и прикладывает усилие для качественного создания web-интерфейсов
AutoGrid — Поддержка сетки для AutoLayout.
Tracking – Плагин для создания аннотаций отслеживания.
Find and Replace Colors – Организация цветовых стилей в ваших дизайнах
Spacing Manager – Плагин для согласованных отступов в компонентах
Geometric – Создание математических фигур и кривых
Halftones – Плагин, позволяющий накладывать точечный или полутоновый фильтры на картинки
Batch Styler – Изменение нескольких стилей текста одновременно
Spell Inspector — Поиск и исправление орфографических ошибок
Sitemap – Плагин для создания карты вашего сайта
Style Organizer — Показывает и упорядочивает все цветовые стили
Focus CSS — Более удобное использование CSS в Figma
Flipbook – Плагин для анимации ваших дизайнов в Figma
SwiftUI Inspector – Плагин для улучшения рабочего процесса разработки для платформ Apple
Filter – Фильтрующий плагин для ретуши ваших изображений
5 трендов UI/UX-дизайна в 2020 году
Сегодня почти каждый, кто работает с ПК слышал о UI/UX-дизайне. Напомним, разница между UX и UI — в том, что UX-дизайнер планирует, как пользователь будет взаимодействовать с интерфейсом, какие шаги ему нужно предпринять, чтобы достичь цели. А UI-дизайнер продумывает, как будут выглядеть эти шаги и путь к цели в целом.
Большинство трендов 2020 года уже так или иначе встречались в 2019 году. Поговорим о них и о совершенно новых тенденциях в дизайне, которые будут нас радовать в ближайшее время.
#Статьи
Сегодня почти каждый, кто работает с ПК слышал о UI/UX-дизайне. Напомним, разница между UX и UI — в том, что UX-дизайнер планирует, как пользователь будет взаимодействовать с интерфейсом, какие шаги ему нужно предпринять, чтобы достичь цели. А UI-дизайнер продумывает, как будут выглядеть эти шаги и путь к цели в целом.
Большинство трендов 2020 года уже так или иначе встречались в 2019 году. Поговорим о них и о совершенно новых тенденциях в дизайне, которые будут нас радовать в ближайшее время.
#Статьи
Руководство по поисковому продвижению для начинающих
Сегодня поговорим о том, как привлечь посетителей на сайт, чтобы его показатели начали расти. Многие, после запуска сайта, не знают с чего начинается поисковое продвижение. Возможно, эта статья поможет тебе в этом не легком деле.
#SEO
Сегодня поговорим о том, как привлечь посетителей на сайт, чтобы его показатели начали расти. Многие, после запуска сайта, не знают с чего начинается поисковое продвижение. Возможно, эта статья поможет тебе в этом не легком деле.
#SEO
Howler.js - Аудио библиотека для современного интернета.
Howler.js делает работу со звуком в JavaScript простой и надежной на всех платформах. Позволяет создавать на Вашем проекте плееры различной сложности - от обычного аудио плеера, до живого радио.
#JS
Howler.js делает работу со звуком в JavaScript простой и надежной на всех платформах. Позволяет создавать на Вашем проекте плееры различной сложности - от обычного аудио плеера, до живого радио.
#JS
Типогра́фика — искусство оформления печатного текста, базирующееся на определённых, присущих конкретному языку правилах, посредством набора и вёрстки.
Подборка из 5 крутых примеров типографики на реальных проектах
1. https://bepatrickdavid.com/
2. https://kulbachny.com/
3. https://www.petas.it/
4. http://cafelapetitereine.ch/carte.html
5. https://www.jomor.design/
Подборка из 5 крутых примеров типографики на реальных проектах
1. https://bepatrickdavid.com/
2. https://kulbachny.com/
3. https://www.petas.it/
4. http://cafelapetitereine.ch/carte.html
5. https://www.jomor.design/
7 апреля состоялся релиз Chrome 81
В этой версии улучшена поддержка WebXR (действующий стандарт виртуальной и дополненной реальности в Интернете) и поддержка стандарта Web NFC в тестовом режиме. А вот от ряда новшеств, запланированных для Chrome 81, пришлось отказаться. Так, обновление пользовательского интерфейса отложили из-за того, что разработчики Google не успели вовремя внести последние штрихи в новый дизайн. Отменили и отказ от поддержки протоколов шифрования TLS 1.0 и TLS 1.1 из Chrome. Все эти изменения будут реализованы в следующих обновлениях Chrome.
Компания решила пропустить Chrome 82 и после Chrome 81 сразу перейти к Chrome 83. Следующая версия браузера ориентировочно будет выпущена в середине мая, то есть на три недели раньше, чем планировалось изначально.
В этой версии улучшена поддержка WebXR (действующий стандарт виртуальной и дополненной реальности в Интернете) и поддержка стандарта Web NFC в тестовом режиме. А вот от ряда новшеств, запланированных для Chrome 81, пришлось отказаться. Так, обновление пользовательского интерфейса отложили из-за того, что разработчики Google не успели вовремя внести последние штрихи в новый дизайн. Отменили и отказ от поддержки протоколов шифрования TLS 1.0 и TLS 1.1 из Chrome. Все эти изменения будут реализованы в следующих обновлениях Chrome.
Компания решила пропустить Chrome 82 и после Chrome 81 сразу перейти к Chrome 83. Следующая версия браузера ориентировочно будет выпущена в середине мая, то есть на три недели раньше, чем планировалось изначально.
IcoFont - шрифтовые иконки для сайта
Отличный сервис для реализации шрифтовых иконок на своем сайте. На сайте вы можете выбрать более 2100 иконок, которые разбиты на категории, что делает поиск еще более удобным. Всего собрана 31 категория.
Как их подключить на сайт:
1. Перейти на сайт и скачать саму библиотеку иконок по кнопке "Download"
2. Добавьте перед закрывающим тегом
3. Выбираем иконку на самом сервисе и вставляем ее в нужное место на сайте
Отличный сервис для реализации шрифтовых иконок на своем сайте. На сайте вы можете выбрать более 2100 иконок, которые разбиты на категории, что делает поиск еще более удобным. Всего собрана 31 категория.
Как их подключить на сайт:
1. Перейти на сайт и скачать саму библиотеку иконок по кнопке "Download"
2. Добавьте перед закрывающим тегом
</head><link rel="stylesheet" href="myProjects/webProject/icofont/css/icofont.min.css">3. Выбираем иконку на самом сервисе и вставляем ее в нужное место на сайте
<i class="icofont-brand-adidas"></i>PageSpeed Insights - один из инструментов PageSpeed Tools от Google. Он анализирует содержание и технический стек вашего сайта и предлагает решения, позволяющие ускорить его загрузку. В параметры оценки входит не только скорость, но и удобство использования. Советы могут иметь желательный и критический характер. К критическим относятся такие вещи как, например, блокировка отрисовки страницы небрежно вставленным в header JavaScript-кодом.
#Инструменты
#Инструменты
PHP-Fusion —PHP-Fusion является универсальной и очень масштабируемой CMS, которая дает вам больше возможностей для управления вашим сайтом. Поддержка проекта ведется с 2003 года
В PHP-Fusion 9 версии и более были стандартизированы методы веб-разработки и реализации безопасности - со встроенной автоматизацией - которые интуитивно помогают в разработке мощных дополнений или разработке на их веб-сайтах.
Прямо из коробки вы получите:
Новости, Статьи, Форум: Фотогалерея, Ссылки, Файловый архив, Голосования, Мини-чат, Приватные сообщения, Темы, Собственные страницы
И это часть возможностей это CMS. Её очень сильно недооценивают!
#CMS
В PHP-Fusion 9 версии и более были стандартизированы методы веб-разработки и реализации безопасности - со встроенной автоматизацией - которые интуитивно помогают в разработке мощных дополнений или разработке на их веб-сайтах.
Прямо из коробки вы получите:
Новости, Статьи, Форум: Фотогалерея, Ссылки, Файловый архив, Голосования, Мини-чат, Приватные сообщения, Темы, Собственные страницы
И это часть возможностей это CMS. Её очень сильно недооценивают!
#CMS
Немного о тяжелых картинках и влиянии их на загрузку сайта
Большинство пользователей закрывают сайт, если он грузится слишком долго. Один из факторов, влияющих на скорость загрузки страниц – вес фотографий.
Чтобы уменьшить вес фотографий их нужно сжать. Без потери качества это делают многие сервисы.
Рекомендую использовать только современные форматы изображений, которые имеют маленький размер - такие как webp и svg. А для сжатия изображений без потери качества рекомендую использовать сервис TinyPng
Большинство пользователей закрывают сайт, если он грузится слишком долго. Один из факторов, влияющих на скорость загрузки страниц – вес фотографий.
Чтобы уменьшить вес фотографий их нужно сжать. Без потери качества это делают многие сервисы.
Рекомендую использовать только современные форматы изображений, которые имеют маленький размер - такие как webp и svg. А для сжатия изображений без потери качества рекомендую использовать сервис TinyPng
Что такое сброс стилей и зачем он нужен?
Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. При этом контент начинает везде отображаться по разному
Для того, чтобы содержимое вашего сайта отображалось одинаково во всех браузерах и делается сброс стилей. Можете для примера использовать мой файл, который я использую в своих проектах
#CSS
Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. При этом контент начинает везде отображаться по разному
Для того, чтобы содержимое вашего сайта отображалось одинаково во всех браузерах и делается сброс стилей. Можете для примера использовать мой файл, который я использую в своих проектах
#CSS