Я тут в кой-то веки, решил разобрать свои закладки, и оказалось, что там уже целая куча полезностей 😅
Поэтому сделал для вас подборку онлайн-сервисов для работы с изображениями, которые меня выручают:
1. Удаление фона с фотографии:
https://www.remove.bg
https://icons8.ru/bgremover
2. Набор инструментов для массового редактирования изображений:
https://www.iloveimg.com/ru
3. Лучшее сжатие PNG и JPG картинок:
https://compresspng.com/ru
https://compressjpeg.com/ru
4. Куча инструментов для анимированных форматов изображений:
https://ezgif.com
5. Крутые генераторы фоновых картинок:
https://haikei.app/generators
https://bgjar.com
https://getwaves.io
https://www.softr.io/tools/svg-wave-generator
https://svgwave.in/
6. Иконки:
https://feathericons.com
https://icons8.ru/icons
https://www.flaticon.com
7. Генератор CSS фильтра. Полезно, когда нужно быстро перекрасить какой-то блок на странице.
https://justcode.today/filters
8. Ещё один генератор CSS фильтра, но этот обычно используется для чёрных иконок (с прозрачным фоном). Чтобы быстро их перекрасить в нужный цвет:
https://codepen.io/dmitryspace/full/BamedYp
9. Увеличение небольших картинок без потери качества с помощью нейросетей. Фактически нейросеть сама додумывает детали изображения:
https://letsenhance.io
10. Примерно то же самое, но работает круче (особенно с лицами):
https://remini.ai (с телефона доступно до 5 бесплатных обработок фото в день)
11. Генератор CSS-градиентов:
https://cssgradient.io
12. Подбор цветовой палитры:
https://colordrop.io/popular
http://bootflat.github.io/color-picker.html
https://color.adobe.com/ru/create (кстати, тут круто то, что можно получить цветовую палитру и даже градиент по фотографии)
13. Конвертёр SVG-кода (именно кода) в PNG картинки.
https://mybyways.com/blog/convert-svg-to-png-using-your-browser
* Да, знаю ,что SVG для сайтов всяко лучше, но иногда нужен именно PNG-файл))
14. Конвертёр SVG-кода в CSS:
https://yoksel.github.io/url-encoder
* Для случаев, когда у вас простые иконки. Со сложными SVGшками так лучше не делать))
Поэтому сделал для вас подборку онлайн-сервисов для работы с изображениями, которые меня выручают:
1. Удаление фона с фотографии:
https://www.remove.bg
https://icons8.ru/bgremover
2. Набор инструментов для массового редактирования изображений:
https://www.iloveimg.com/ru
3. Лучшее сжатие PNG и JPG картинок:
https://compresspng.com/ru
https://compressjpeg.com/ru
4. Куча инструментов для анимированных форматов изображений:
https://ezgif.com
5. Крутые генераторы фоновых картинок:
https://haikei.app/generators
https://bgjar.com
https://getwaves.io
https://www.softr.io/tools/svg-wave-generator
https://svgwave.in/
6. Иконки:
https://feathericons.com
https://icons8.ru/icons
https://www.flaticon.com
7. Генератор CSS фильтра. Полезно, когда нужно быстро перекрасить какой-то блок на странице.
https://justcode.today/filters
8. Ещё один генератор CSS фильтра, но этот обычно используется для чёрных иконок (с прозрачным фоном). Чтобы быстро их перекрасить в нужный цвет:
https://codepen.io/dmitryspace/full/BamedYp
9. Увеличение небольших картинок без потери качества с помощью нейросетей. Фактически нейросеть сама додумывает детали изображения:
https://letsenhance.io
10. Примерно то же самое, но работает круче (особенно с лицами):
https://remini.ai (с телефона доступно до 5 бесплатных обработок фото в день)
11. Генератор CSS-градиентов:
https://cssgradient.io
12. Подбор цветовой палитры:
https://colordrop.io/popular
http://bootflat.github.io/color-picker.html
https://color.adobe.com/ru/create (кстати, тут круто то, что можно получить цветовую палитру и даже градиент по фотографии)
13. Конвертёр SVG-кода (именно кода) в PNG картинки.
https://mybyways.com/blog/convert-svg-to-png-using-your-browser
* Да, знаю ,что SVG для сайтов всяко лучше, но иногда нужен именно PNG-файл))
14. Конвертёр SVG-кода в CSS:
https://yoksel.github.io/url-encoder
* Для случаев, когда у вас простые иконки. Со сложными SVGшками так лучше не делать))
🔥90👍7🤩5
💥 Telegram выкатил новое обновление, благодаря которому стало возможно делать кнопки, которые ведут сразу на чат с пользователем.
Поэтому скрипт, который добавляет в карточку пользователя кнопки соцсетей, тоже получил обновление, которое все мы так долго ждали)) Те, кто приобретал его в магазине GetScript.ru, могут зайти в свой аккаунт и забрать обновленный код.
+ Кроме того скрипт теперь поддерживает декстопные приложения WhatsApp, включая WhatsApp Beta, которое может работать без привязки к телефону, и в котором поддерживается одновременное использование одного аккаунта на четырёх устройствах 🤘🏻
Поэтому скрипт, который добавляет в карточку пользователя кнопки соцсетей, тоже получил обновление, которое все мы так долго ждали)) Те, кто приобретал его в магазине GetScript.ru, могут зайти в свой аккаунт и забрать обновленный код.
+ Кроме того скрипт теперь поддерживает декстопные приложения WhatsApp, включая WhatsApp Beta, которое может работать без привязки к телефону, и в котором поддерживается одновременное использование одного аккаунта на четырёх устройствах 🤘🏻
🔥38👍4🎉2💩1
ℹ️ К предыдущему посту
Из-за того, что в РФ заблокировали Facebook, у некоторых пользователей не открываются диалоги через WhatsApp, т.к. сайт WhatsApp использует CDN фейсбука. Если по кнопке WhatsApp у вас открывается такое, как на скрине, то, как вариант, можете попробовать использовать VPN, либо замените в скрипте
Из-за того, что в РФ заблокировали Facebook, у некоторых пользователей не открываются диалоги через WhatsApp, т.к. сайт WhatsApp использует CDN фейсбука. Если по кнопке WhatsApp у вас открывается такое, как на скрине, то, как вариант, можете попробовать использовать VPN, либо замените в скрипте
'https://wa.me/'на
(window.isMobile ? 'https://wa.me/' : 'https://web.whatsapp.com/send?phone=')чтобы открывалась сразу веб-версия WhatsApp (но при этом пропадёт возможность использовать декстопное приложение).
👍9
ℹ️ Вышло новое обновление для скрипта, который импортирует/экспортирует страницы и уроки.
Раньше скрипт импортировал блоки по очереди, поэтому иногда приходилось ждать, пока все добавятся. Теперь блоки импортируются все за раз, одновременно, и это происходит так быстро, как будто вы импортируете только 1 блок.
Раньше скрипт импортировал блоки по очереди, поэтому иногда приходилось ждать, пока все добавятся. Теперь блоки импортируются все за раз, одновременно, и это происходит так быстро, как будто вы импортируете только 1 блок.
🔥27👍6
Dmitry Space кодит!
💥 Telegram выкатил новое обновление, благодаря которому стало возможно делать кнопки, которые ведут сразу на чат с пользователем. Поэтому скрипт, который добавляет в карточку пользователя кнопки соцсетей, тоже получил обновление, которое все мы так долго…
Раньше для работы кнопки Telegram у пользователя в настройках конфиденциальности его telegtam-аккаунта должно было стоять разрешение на просмотр номера телефона для всех. По умолчанию номер телефона пользователя видят только его контакты. Если у пользователя скрыт его номер телефона, то ему не получится написать.
НО, чтоб не было так обидно 😅, сделал ещё одно обновление, которое позволяет подтягивать из доп полей юзернеймы пользователей телеграма.
Т.е. вы можете собирать с пользователей их юзернеймы в доп поле с названием "Username Telegram". И если скрипт увидит, что у пользователя прописан юзернейм, то именно он будет использоваться для телеграм-кнопки связи с пользователем. Потому что через юзернейм почти всегда можно связаться. Если юзернейма нет, то в кнопку будет подставляться телефон пользователя.
НО, чтоб не было так обидно 😅, сделал ещё одно обновление, которое позволяет подтягивать из доп полей юзернеймы пользователей телеграма.
Т.е. вы можете собирать с пользователей их юзернеймы в доп поле с названием "Username Telegram". И если скрипт увидит, что у пользователя прописан юзернейм, то именно он будет использоваться для телеграм-кнопки связи с пользователем. Потому что через юзернейм почти всегда можно связаться. Если юзернейма нет, то в кнопку будет подставляться телефон пользователя.
getscript.ru
Кнопки Telegram, WhatsApp и Viber в карточке пользователя
🔥21👍6
Forwarded from Оформление Геткурс | Remake (Dmitry Space)
Мы тут думаем над тем, чтобы сделать Ramake Mini, в который будут входить только самые необходимые страницы. Ставьте 🔥 если считаете, что это классная мысль :)
Как вы считаете, стилизация каких страниц необходима большинству онлайн-школ?
Как вы считаете, стилизация каких страниц необходима большинству онлайн-школ?
Anonymous Poll
74%
Главная страница тренингов
66%
Тренинг / Подтренинг
57%
Урок
18%
Вебинар
50%
Оплата заказа
16%
Профиль
6%
Настройки уведомлений
47%
Вход / Регистрация
12%
Обратная ввязь
7%
Мои покупки
🔥36👍1
Позаимствованный код убрали.
Хочу сказать спасибо за понимание Мари Афониной и её команде, и приношу свои извинения перед ними за то, что пришлось написать предыдущий пост 🙏
У меня не было цели оскорбить кого бы то ни было, просто хотел привлечь внимание к проблеме и решить ее как можно скорее.
Уверен, что ни Мари, ни другие ответственные за оформление не знали откуда берется код, который им скорее всего поставил сторонний подрядчик. Поэтому претензий к команде Афониной у меня больше нет. А сделанное остаётся на совести "разработчика", который пожелал остаться неизвестным))
Давайте жить дружно и честно 😌🙏
Хочу сказать спасибо за понимание Мари Афониной и её команде, и приношу свои извинения перед ними за то, что пришлось написать предыдущий пост 🙏
У меня не было цели оскорбить кого бы то ни было, просто хотел привлечь внимание к проблеме и решить ее как можно скорее.
Уверен, что ни Мари, ни другие ответственные за оформление не знали откуда берется код, который им скорее всего поставил сторонний подрядчик. Поэтому претензий к команде Афониной у меня больше нет. А сделанное остаётся на совести "разработчика", который пожелал остаться неизвестным))
Давайте жить дружно и честно 😌🙏
👍51
This media is not supported in your browser
VIEW IN TELEGRAM
Cделали новую приколюху на заказ 😄
Сектора диаграммы — это подтренинги. В них выводится кол-во баллов, которые набрал ученик в результате прохождения той или иной темы. Само собой, при изменении кол-ва баллов, диаграмма обновляется автоматически.
При клике на сектор, ученику открывается соответствующий подтренинг.
Недоступные сектора (подтренинги) выводятся серым цветом.
Дизайнер: @daniilpostnov
Сектора диаграммы — это подтренинги. В них выводится кол-во баллов, которые набрал ученик в результате прохождения той или иной темы. Само собой, при изменении кол-ва баллов, диаграмма обновляется автоматически.
При клике на сектор, ученику открывается соответствующий подтренинг.
Недоступные сектора (подтренинги) выводятся серым цветом.
Дизайнер: @daniilpostnov
🔥116👍5😱4
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Маст-хэв для тех, кто делает sms-рассылки, активно использует скрипт для связи через соцсети из карточки пользователя и не только.
В магазине GetScript.ru появилась маска для ввода номера телефона в международном формате.
Страна пользователя автоматически определяется по его IP, но также пользователь может сам выбрать страну из выпадающего списка.
Автор скрипта @daniilpostnov
———
Если вы являетесь автором крутого скрипта для геткурса и хотите его монетизировать через магазин GetScript, то кидайте в @GetScript_bot краткое описание скрипта , чтобы узнать об условиях 😉
В магазине GetScript.ru появилась маска для ввода номера телефона в международном формате.
Страна пользователя автоматически определяется по его IP, но также пользователь может сам выбрать страну из выпадающего списка.
Автор скрипта @daniilpostnov
———
Если вы являетесь автором крутого скрипта для геткурса и хотите его монетизировать через магазин GetScript, то кидайте в @GetScript_bot краткое описание скрипта , чтобы узнать об условиях 😉
🔥10👍5
❗️Мини-инструкция, как сделать полный бэкап страницы в старом конструкторе
1️⃣ На правой панели в Настройках вида страницы выбираем главный блок.
2️⃣ Экспортируем его и сохраняем код экспорта в надёжное место.
3️⃣ Этот код просто так не загрузится обратно через Импорт))) Поэтому поиском по тексту ищем в нём первое вхождение слова
4️⃣ Важно! Стили, которые прописаны в окошке CSS-styles нужно сохранять отдельно, они не будут экспортироваться.
‼️ Если вам нужно просто экспортировать отдельные блоки, то предложенное выше делать не надо. Это решение именно для полного экспорта.
1️⃣ На правой панели в Настройках вида страницы выбираем главный блок.
2️⃣ Экспортируем его и сохраняем код экспорта в надёжное место.
3️⃣ Этот код просто так не загрузится обратно через Импорт))) Поэтому поиском по тексту ищем в нём первое вхождение слова
"children"
(с кавычками). Всё что было до него заменяем на:{"type":"div","xdgetId":"r9274","params":{
это обернёт все экспортированные блоки в единый контейнер, который нормально импортируется.4️⃣ Важно! Стили, которые прописаны в окошке CSS-styles нужно сохранять отдельно, они не будут экспортироваться.
‼️ Если вам нужно просто экспортировать отдельные блоки, то предложенное выше делать не надо. Это решение именно для полного экспорта.
🔥34👍6
В магазине GetScript.ru пополнение 🤘🏻
⚡️ Набор из 3х прогресс-баров получил обновлённый современный дизайн. Цвета, естественно, легко меняются, если нужно.
⚡️ Также добавили ещё одно оформление этого блока, собранное на основе диаграмм
Выбирайте, что вам по душе 😉
⚡️ Набор из 3х прогресс-баров получил обновлённый современный дизайн. Цвета, естественно, легко меняются, если нужно.
⚡️ Также добавили ещё одно оформление этого блока, собранное на основе диаграмм
Выбирайте, что вам по душе 😉
🔥35👍5
Почему бы не устроить акцию просто так, правда?) Тем более, когда появились новые скрипты 😉
До конца этой недели по промокоду G25 будет действовать скидка 25% на все скрипты в магазине GetScript.ru 🎁
До конца этой недели по промокоду G25 будет действовать скидка 25% на все скрипты в магазине GetScript.ru 🎁
🔥22🎉3👍1
🔥 Оформление страницы оплаты из Remake теперь можно приобрести отдельно
👉🏻 https://getscript.ru/blog/952831
Не смотря на то, что Remake позиционируется как неделимое на страницы полноценное оформление геткурса. После многочисленных просьб мы сделали возможным подключение оформления отдельной страницы "Оплаты заказа".
Тем более дизайн этой страницы весьма универсален и довольно просто подгоняется под фирменный стиль онлайн-школы.
P.S. Кстати, да, до конца недели скидка действует и на этот продукт 😉
👉🏻 https://getscript.ru/blog/952831
Не смотря на то, что Remake позиционируется как неделимое на страницы полноценное оформление геткурса. После многочисленных просьб мы сделали возможным подключение оформления отдельной страницы "Оплаты заказа".
Тем более дизайн этой страницы весьма универсален и довольно просто подгоняется под фирменный стиль онлайн-школы.
P.S. Кстати, да, до конца недели скидка действует и на этот продукт 😉
🔥12
This media is not supported in your browser
VIEW IN TELEGRAM
Я не выдержал и всё-таки психанул сделал, чтобы блоки настроек можно было перетаскивать мышкой. Т.е. теперь необязательно закрывать настройки, чтобы увидеть, что получилось.
Если пост наберёт 100 огоньков, расскажу, как сделать так же :)
Если пост наберёт 100 огоньков, расскажу, как сделать так же :)
🔥304
Ну капец, вы быстрые 😱😂
Держите код для Настроек аккаунта)
Держите код для Настроек аккаунта)
<script>Кстати, эта фишка уже добавлена в Remake. И вот таких мелочей и фиксов багов геткурса там уже накопилось много)) Далеко не о всех я пишу тут. Если хотите узнавать, какие ещё обновления добавляются в Remake, подписывайтесь на канал Remake Updates.
if(window.location.pathname.indexOf("/pl/cms/page/editor") > -1) {
$( document ).ajaxSuccess(function( event, xhr, settings ) {
if ( settings.url.indexOf("/pl/lite/block/get-setting") > -1 ) {
setTimeout(()=>{
$('.setting-editor-popover')
.draggable({ handle: '.popover-title', cancel: '.btn, input' })
.find('.popover-title').css({'cursor':'move'});
});
}
});
}
</script>
🔥76👍5
Собрали для Remake более информативный лендинг:
https://remake.space Велком! 😊
Показали, что Remake не просто красивый дизайн, а реальная польза владельцам, администраторам и ученикам.
https://remake.space Велком! 😊
Показали, что Remake не просто красивый дизайн, а реальная польза владельцам, администраторам и ученикам.
remake.space
Готовое оформление Remake для основных страниц
Оформление онлайн школы на GetCourse с уникальным дизайном. Сроки оформления до 3 дня. Принимаем заявки на персональную разработку школы Геткурс. REMAKE.
🔥15👍2