Найдено 437 специалистов

Figma закрыла режим Dev Mode: Альтернатива Pixso

В сети много шума от того, что Figma закрыла режим Dev Mode и делает его доступным только тем кто использует платные тарифы. Ну а теперь подробно. Figma - это онлайн-сервис для разработки интерфейсов и прототипирования, который позволяет дизайнерам работать вместе в режиме реального времени. Сервис доступен по подписке, а также есть бесплатный тарифный план, которого вполне хватает для качественной работы над проектами. Dev Mode - это режим разработки в Figma, который позволяет копировать и настраивать стили для более быстрой разработки. Для себя я нашла этот инструмент вполне удобным учитывая что при необходимости можно установить плагины и еще более эффективно работать с сервисом. В частности на одном из проектов я применяла Tailwind CSS-фреймворк, который позволяет создавать пользовательские интерфейсы при помощи набора готовых классов. Так как запомнить все классы Tailwind достаточно сложно, особенно по началу, плагин позволяющий копировать готовые классы был ну очень удобен. И вот теперь меня лишили такого удобного инструмента, к которому я уже успела привыкнуть. Так что же делать? И тут на просторах сети я нахожу интересную альтернативу - Pixso, практически полный аналог Figma. С тем же режимом разработчика. но в бесплатном тарифе. Вообще Figma и Pixso очень похожи, немного отличается интерфейс, но интуитивно все понятно и если уже работал в Figma легко перейти в Pixso. Но для меня было важно чтобы и все те плюшки которые были в фигме найти в её аналоге. Сложно отказаться от удобства и привычных инструментов. И я нашла! В Pixso так же есть дополнительные плагины, аналогичные тем, что я использовала в своей работе. Радости нет предела) Возможности Pixso: Pixso позволяет пользователям импортировать файлы из Figma, Sketch, Adobe XD и Axure. Пользователь может легко перейти из других инструментов на Pixso. В Pixso все участники проекта могут работать над одним и тем же файлом вместе. Сотрудники могут оставлять комментарии по проекту и получать отзывы от коллег в режиме онлайн. С помощью Pixso можно отправить файл проекта по ссылке, чтобы каждый участник мог просматривать данные и оставлять комментарии. Это позволяет экономить время, так как не требуется повторно импортировать и экспортировать файлы. Pixso имеет достаточно плагинов, чтобы усовершенствовать его функции. Режим разработчика доступен в бесплатном тарифе. Встроенный ИИ-ассистент для генерации картинок, иконок, текста и кода. Думаю это еще не все плюшки данного сервиса. Но пока я только осваиваюсь и если кто-то из вас знает, что еще такого умеет Pixso, буду рада вашим подсказкам. В общем классная штука на замену Figma, рекомендую. ольгаевдокимова #разработка #сайт #разработкасайтов #созданиесайтов #интерфейсы #figma #саморазвитие #графическийдизайн

Уход за огородом осенью: подготовьте участок к зиме

Подготовка огорода к зиме – важный этап для сохранения плодородия почвы и защиты растений от холодов. Сейчас как раз то время, когда уже пора готовить садовые участки к сезону морозов и снежных вьюг. Несколько советов, которые помогут подготовить участок: Уборка растительных остатков Осенью необходимо убрать все остатки растений, сорняков и ботвы. Это поможет предотвратить распространение болезней и вредителей. Это также уменьшит количество семян сорных трав, которые обычно прорастают весной. Если растения были здоровыми, их можно использовать для компостирования. А если они были поражены болезнью, например фитофтора на помидорах, то лучше сжечь или вынести за пределы участка. Обработка почвы После уборки растительных остатков почву необходимо перекопать. При этом старайтесь не разбивать комья земли – это поможет задержке снега зимой и лучшему увлажнению почвы весной. Внесение удобрений Под зиму полезно внести органические удобрения: перегной, компост или торф. Они будут постепенно разлагаться и обогащать почву питательными веществами. Также можно добавить минеральные удобрения, особенно фосфорные и калийные, так как они способствуют укреплению корневой системы растений и повышению морозостойкости. Посев сидератов Сидераты – это растения, которые высеваются осенью для улучшения структуры почвы и обогащения её азотом. Например, горчица белая, рожь, овес, люпин. Их высевают после сбора урожая, а затем скашивают перед заморозками и заделывают в почву. Сидераты помогают бороться с сорняками, улучшают структуру почвы и предотвращают вымывание питательных веществ. Укрытие многолетних культур Многолетние растения, например клубника, различные кустарники, виноград, нуждаются в укрытии на зиму. Для этого часто используют лапник, солому, агроволокно или любой другой материал, который защитит корни и побеги от мороза. Защита деревьев и кустарников Стволы молодых деревьев и плодовых кустарников стоит побелить известковым раствором, чтобы защитить их от солнечных ожогов ранней весной. Также можно обвязать стволы мешковиной или специальной сеткой, чтобы уберечь от грызунов. Сбор и хранение инвентаря Весь садовый инструмент следует очистить от грязи, просушить и смазать маслом, чтобы избежать коррозии. Хранить инструменты лучше в сухом помещении. Правильная подготовка огорода к зиме обеспечит вам здоровый урожай в следующем году. Готовите участки к зиме? огород #садоводство #овощеводство #общение #осень #tenchat #растениеводство #сельскоехозяйство #дача #лайфхак

Торфяные горшочки для рассады: как использовать

Использование торфяных горшочков для выращивания рассады – один из самых простых способов. Эта тара снабжает корневую систему растений воздухом, питает необходимыми компонентами для роста и развития. Большинство таких горшочков изготовлены из высушенного перегноя, торфа, плодородной земли и древесной золы. Они быстро разлагаются после высадки в открытый грунт и служат дополнительным органическим удобрением. Плюсы выращивания рассады в торфяных горшках (стаканах): Экологическая чистота – горшочек изготовлен из органических компонентов. Стенки хорошо пропускают влагу и воздух. Горшочек высаживается вместе с растением, поэтому рассада не испытывает стресс. Горшочек полностью перегнивает в почве и является дополнительным удобрением. Стенки и дно стаканчика хорошо удерживают влагу, отдавая ее корням растений. Минусы: Если в составе торфяного горшочка содержится более 40% картона, повышается вероятность подпревания и загнивания корней рассады. Если сравнивать с пластиковыми горшочками, влага из торфяных испаряется гораздо быстрее. Нужно обеспечить регулярный полив растений. При снижении температуры воздуха в помещении ниже допустимой, корни рассады могут замерзать. Торф, входящий в состав горшочков, повышает кислотность почвы. Некоторые растения плохо переносят высокий pH субстрата. Для нейтролизации иногда используют яичную скорлупу, помещают на дно стаканчика. Емкость одноразовая, повторно использовать ее нельзя. Одно из главных преимуществ торфяных горшочков состоит в том, что пересадка в открытый грунт происходит безболезненно для сеянцев. Как правильно высаживать торфяные горшочки с рассадой в открытый грунт? Заранее приготовьте грядку, внести минеральные удобрения. Стаканчики смочить (можно поставить в ёмкость с водой не надолго), слегка надорвать, чтобы корни проросли через стенки. На грядках сделать лунки под стаканчики. Их высота должна превышать край торфяного горшочка на пару сантиметров, поместить в них тару с рассадой. Почву вокруг молодых растений полить розовым раствором марганцовки. Спустя 3-5 недель тара полностью разложится, а корни распространятся вглубь и в верхних слоях почвы. Я использую торфяные горшочки для посадки огурцов, так как они плохо переносят пересадку. Используюете торфянве стаканчики? #сельскоехозяйство #растениеводство #рассада #торф #огород #садоводство #сад #общение #производство #tenchat

Что делать, чтобы лук дал хороший урожай?

Лук сажаю каждый год. Это уже традиция и я не представляю жизнь без этого овоща. Без него не обходится большинство блюд, не говоря о пользе для здоровья. Лук может составлять основу самых разнообразных блюд, независимо от того, в каком виде он представлен: сырой, тушеный, запеченный, приготовленный на пару или вареный. Кроме того, ему приписывают различные полезные свойства. Он насыщен растительными химическими веществами, которые обладают противовоспалительным и антиоксидантным действием. Лук уменьшает уровень «плохого» холестерина, снижает давление, улучшает гибкость сосудов. Полезен для кишечника, ведь разные виды лука богаты клетчаткой. Также обладает антибактериальными свойствами и содержит вещества для борьбы с воспалениями. Ещё он поддерживает женское здоровье и помогает регулировать уровень сахара. Но как же получить хороший урожай? Нужно сделать несколько простых действий, которые подсилу даже не опытным садоводам и огородникам. Немного полезных советов: Перед посадкой замачить лук в растворе соли: 1 столовую ложку соли на 1 литр воды. Звмачиваю ненадолго, на несколько часов. Затем лук подержать в темном растворе марганца два часа, после промыть. Можно приступать к посадке. Предотвращаем появление луковой мухи. Сначала поливаем водой, когда появится первый листок. После, поливаем раствором: 2 столовых ложки нашатырного спирта на ведро воды. Если спирт технический, для сада, то взять 1 столовую ложку. На следующий день лук просто полить водой. Подкормка. Лук любит дрожжевой настой: 100 грамм дрожжей разводим в ведре воды. Лук сначала полить водой, а через пару часов полить подкормкой. Как раз дрожжи настоятся за это время. Обрабатывать нашатырным спиртом можно не чаще чем 1 раз в 10 дней. За 2 - 3 недели до сбора урожая прекратить все подкормки и обработку. После сбора урожая сначала просушиваем лук на солнышке, а потом уже убираем на хранение. Приятного аппетита и хорошего урожая 🧅 сельскоехозяйство #фермеры #садоводство #растениеводство #овощеводство #общение #лайфхак #лайфстайл #советы

Речная прогулка по Москве: отдыхайте и наслаждайтесь красотой столицы

Хотите увидеть множество красивых мест, не тратя много времени, мой совет - отправиться на речную прогулку по Москва-реке. Во время прогулки вы сможете насладиться видом достопримечательностей, находящихся в центральной части города. Чуть больше часа понадобится, чтобы пройти водным путем от причала «Новоспасский мост» до Воробьёвых гор. Запечатлеть великолепные виды на Московский Кремль, Собор Василия Блаженного, Храм Христа Спасителя, Памятник Петру Первому и многие другие знаковые достопримечательности города Видеть столицу со стороны Москвы-реки - это совершенно новое и захватывающее зрелище. Я просто не могла оторвать глаз от красоты окружающих меня мест и фотографировала все вокруг. Теперь делюсь с вами. Речная прогулка это отличная возможность провести выходной день или просто отдохнуть после напряженной рабочей недели. ольгаевдокимова #речнаяпрогулка #москварека #выходной #впечатления #туризмиотдых #фотография #москва #общение

🍫 Шоколад «Аленка» официально стал халяльным

Сертификат от Роскачества также выдан на серийный выпуск конфет «Грильяжные», «Козиначки с солью» и «Птичье молоко».

Карточка с 3D-эффектом на HTML, CSS и JavaScript

Для создания карточки с эффектом 3D используем HTML разметку карточки и ее содержимого: заголовка, текста и 4 изображения. Вот тут я немного заморочилась, и разделила фоновое изображение на 4 слоя, сам фон и некоторые детали в png формате(с прозрачным фоном), которые будут как бы парить над фоном и создавать еще больший эффект. Дальше магия происходит в css. Свойство transform-style: preserve-3d позволяет создавать 3D-анимации и визуальные эффекты расширяя координатное пространство до трех измерений, добавляя ось Z. Свойство perspective указывает на расстояние от точки зрения пользователя до плоскости, на которой происходит 3D преобразование. Чем меньше значение perspective, тем более сильным будет 3D эффект. Функция CSS transform: translateZ применяется для перемещения элемента по оси z (в трехмерном пространстве на экране) с использованием 3D-трансформаций. Она перемещает элемент в направлении перпендикулярном к видовому экрану, создавая иллюзию перемещения элемента ближе к зрителю или дальше от него. Далее JavaScript код, который выполняет эффект наклона карточки при движении мыши. Когда курсор мыши перемещается на странице, обработчик событий запускает вычисление значений X и Y - величины, от которых зависит наклон картинок. Значение X вычисляется зависимости от положения мыши по горизонтали, а Y - от положения мыши по вертикали. Затем изменяем свойство transform каждого элемента, присваивая ему вычисленное значение наклона. Таким образом, при движении мыши наклон картинок будет меняться, создавая визуальный эффект 3D-пространства. Как же использовать этот эффект на веб-сайте? В первую очередь для привлечения внимания пользователя и создания интерактивного и привлекательного интерфейса. Вот несколько примеров использования: Карточка с 3D-изображением продукта: Карточку можно вращать и осматривать товар со всех сторон. В текстовой части карточки можно указать описание продукта, его характеристики, отзывы пользователей и т.д. Карточка с текстовой информацией: Карточка может содержать информацию о чем-то конкретном, например, об истории компании и ее достижениях. При помощи 3D-эффекта можно сделать карточку более интерактивной и запоминающейся. Карточка с картой: Для сайтов, связанных с туризмом, карточка с 3D-изображением карты местности с добавлением интересных точек на карте может привлечь внимание посетителей сайта. Карточка с изображением интерьера: Если ваш сайт имеет отношение к дизайну интерьера, карточка с 3D-изображением интерьера, например, комнаты или кухни, поможет клиентам лучше представить, как будет выглядеть их квартира после ремонта. Карточка с изображением видеоигры: Для игровых сайтов можно создать карточку с 3D-изображением игрового персонажа или локации и добавить к этому описанию игры, ее жанр, возрастные ограничения и т.д. Все перечисленные выше примеры использования 3D-эффекта на веб-сайтах привлекают внимание пользователей и делают интерфейс более привлекательным. Важно также иметь в виду, что использование слишком большого количества 3D-эффектов может замедлить производительность сайта. Оптимизируйте свой сайт и используйте 3D-эффекты уместно, чтобы создать визуально привлекательный сайт, который не замедлит работу браузера и обеспечит лучший пользовательский опыт. На слайде наглядно показала как работает transform: translateZ(); ольгаевдокимова #разработка #сайт #разработкасайтов #созданиесайтов #интерфейсы #html #версткасайта #javascript #css

Бегущая строка на CSS: Как привлечь внимание посетителей

Применение и создание бегущей строки на веб-сайте. Веб-сайты предлагают множество способов привлечь внимание посетителей и предоставить им важную информацию. Один из таких методов — использование бегущей строки. Бегущая строка представляет собой анимированный текст, который плавно перемещается по горизонтали экрана. Применение бегущей строки Бегущая строка может быть полезным инструментом для передачи важной информации и обращения к посетителям внимания. Ниже приведены некоторые популярные примеры использования: 1️⃣ Уведомления: Бегущая строка может быть использована для отображения кратких уведомлений о важных событиях, предстоящих мероприятиях или изменениях на веб-сайте. Это позволяет быстро привлечь внимание посетителей и уведомить их о новостях или срочных сообщениях. 2️⃣ Реклама: Бегущая строка может быть использована для размещения рекламных сообщений или акций. Она позволяет предоставить посетителям важную информацию о предложениях, скидках или новых продуктах, не отвлекая их от основного содержания сайта. 3️⃣ Важные ссылки: Бегущая строка может содержать ссылки на ключевые разделы веб-сайта или на другие релевантные страницы. Это помогает посетителям быстро найти важные сведения и повышает удобство использования сайта. Создание бегущей строки на веб-сайте может быть достигнуто с использованием различных технологий, таких как HTML, CSS и JavaScript. Существует определенный HTML тег для создания бегущей строки, но... Тег был введен в HTML в старых версиях языка и использовался для создания бегущей строки на веб-сайтах. Однако, с течением времени, данный тег был признан устаревшим и был удален из спецификации HTML5. Существуют несколько причин, по которым тег больше не рекомендуется использовать: Отсутствие стандартизации: Тег не был полностью стандартизирован и не имел четкой спецификации, что приводило к несовместимости между различными браузерами и непредсказуемому поведению. Плохая доступность: Бегущая строка, созданная с использованием тега , усложняла чтение и восприятие контента для людей с ограниченными возможностями. Она могла вызывать дезориентацию и отвлекать от основного содержания страницы. Проблемы с производительностью: Использование тега могло приводить к нежелательным эффектам на производительность страницы, особенно если на странице присутствовало несколько бегущих строк одновременно. Это могло замедлять загрузку и выполнение других скриптов на странице. Вместо тега рекомендуется использовать альтернативные подходы для создания анимированного текста на веб-сайте. Это может быть достигнуто с использованием CSS анимации или JavaScript, где можно точно контролировать стили и поведение анимации. Например, с использованием CSS анимации, можно создать бегущую строку следующим образом: Создаем блок с текстом, добавляем к нему анимацию animation: 7s linear infinite running line; длительностью 7 секунд, линейной временной функцией, бесконечным повторением и именем line. @keyframes описывает анимацию с именем "line". Она имеет два ключевых кадра: На 0% времени анимации (начальное состояние), текст смещается влево на 25% от своей ширины. На 100% времени анимации (конечное состояние), текст смещается влево на 50% от своей ширины. На видео показала пример простой анимации. Бегущая строка перемещается слева направо и наоборот и второй пример реализации её на веб-сайте. ольгаевдокимова #разработка #сайт #разработкасайтов #созданиесайтов #интерфейсы #html #версткасайта #саморазвитие #css

Рецепт: малиновый ПП мармелад

Потребуется: Инвентарь: Сотейник с толстым днем или кастрюля; Миски разного ращмера; Венчик; Силиконовая лопатка; Силиконовые формы для мармелада (по желанию); Кондитерский мешок; Плита. Ингридиенты: 100 гр пюре малины без косточки; 30 гр кокосового сахара; 40 гр воды; 4 гр пектина nh; 4 гр агар - агара силой 900; Красный краситель водорастворимый по желанию. 🍭Пюре малины можно купить готовое в кондитерской магазине или приготовить самостоятельно: Измельчите ягоды любым удобным способом: лучше всего справляется блендер, а затем протрите массу через сито с мелкими отверстиями. Чтобы гарантированно избавиться от косточек, сделать это можно несколько раз. 🍭Пектин nh - растительного происхождения, получают из фруктов, ягод и овощей. Обладает более желирующей силой по сравнению с желтым, цитрусовым и яблочным пектинами. 🍭Агар - агар 900 - растительный заменитель желатина. Подходит для различных десертов, хорошо застывает и можно даже заморозить. Приготовление мармеладной массы: 1. Кокосовый сахар соединить с пектином, а агар с водой. 2. В сотейник поместить пюре малины, влить воду с агар - агаром, по желанию добавить краситель и перемешать веничком. 3. Поставить на плиту на средний огонь, и как только сотейник стал тёплым, добавить кокосовый сахар с пектином, при этом непрерывно помешивая венчиком. 4. Довести массу до кипения и прокипятить 1 - 2 минуты, при этом постоянно помешивая. Заполнение форм и застывание: Снять с плины и сразу перелить в кондитерский мешок, отрезать кончик и разлить по формам. Как только масса остынет до комнатной температуры, переставить застывает в холодильник. После полного застывания аккуратно извлечь мармелад из формочек. Хранить в закрыто контейнере в холодильнике не больше 5 суток. В морозильной камере до 1 месяца. Приятного аппетита🌞 #рецепты #пп #еда #мармелад #кондитер #лайфстайл #здоровье #tenchat #ппрецепты #фрукты

Застывшие в смоле сухоцветы в брошах из эпоксидной смолы. Брошь можно использовать не только как самостоятельное украшение, но и как оригинальную застёжку для одежды из мягких струящихся тканей, а также она поможет красиво закрепить шарф или палантин. Диаметр 2.5 см, длина иглы 5 см украшенияручнойработы #эпоксиднаясмола #украшение #брошьручнойработы #брошьвподарок #подарок #hendmade