Верстка і анімація сайту
6000 UAHПотрібно зверстати і анімувати сайт для презентації іконок.
Макет і коментарі
https://www.figma.com/file/3INVg72sEGicEI0d2bm5aF/LiveIcons-v3?node-id=0%3A1
Анімуємо згідно прикладу один в один (швидкість\плавність анімації):
Відео-приклади тут: https://drive.google.com/drive/folders/1Fn5MmCpg_aRx6aOFjhLyDFw32XWoOKXv?usp=sharing
Ефект WebGL для home page: https://paveldogreat.github.io/WebGL-Fluid-Simulation/
Робимо на рух курсора + додати прозорість або зверху колір накласти згідно макету у фігмі.
Приклад реалізації: https://advanced.team/ Параметри Fluid-Simulation зроблені скріном у фігмі.
Іконки з позначкою "svg animation" зроблені в JSON форматі
Посилання на сорси в коментарях фігми. Анімуються при ховері.
Інструкція для підключення JSON-іконок:
https://github.com/airbnb/lottie-web
(в режимі ховер анімація іконок має відіграти до кінця, навіть якщо курсор був прибраний)
Всі інші іконки зберігаємо в png (2x для ретіни)
Відправку форми на стр. контакти і Newsletter у футері потрібно зробити через amazon aws. Зверніть увагу на валідацію.
Скрипт беремо тут:
https://drive.google.com/drive/folders/1s2ckq7YLbBDXgfGcMX-hTCw3GkcNlrCD?usp=sharing
Всі елементи потрібно верстати у відносних одиницях (vw\rem)
На вкладці Resolutions у фігмі показано як має адаптуватися шаблон від 1280 до 2450.
Мобільна версія і планшети на вкладці Mobile.
Фрейм FScreen (у фігмі) має займати 100% екрану на розширеннях від 1280 до 2450.
Картинка, заголовок і текст для SEO на вкладці Meta tag у фігмі.
Gogle pagespeed - в зеленій зоні.
Шрифт: https://drive.google.com/drive/folders/14eo_1S8wzBFSr_RQ5YgkGMn6ODzR3ViN?usp=sharing
ВАЖЛИВО(!) Верстайте будь-ласка Pixel Perfect. (відповідність відступів, шрифтів, і т.д)
Потрібно використовувати щось типу цього:
https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
Актуальные фриланс-проекты в категории HTML и CSS верстка
Посадочная страница для Shopify-магазина по готовому макетуНужно разработать landing page для интернет-магазина на Shopify. Магазин уже работает на купленной теме, поэтому задача — адаптировать готовый визуальный макет и структуру под возможности текущей темы, без полной разработки с нуля. Страница нужна под рекламный трафик из Facebook… CMS, HTML и CSS верстка ∙ 11 часов 25 минут назад ∙ 21 ставка |
Добавить блок на сайтДля сайта: https://queenstabledance.com/ Надо сделать блок контента на двух языковых версиях - что бы он редактировался в админке. Пример блока ниже. HTML и CSS верстка ∙ 13 часов 3 минуты назад ∙ 54 ставки |
Собрать страницу на Elementor ProНеобходимо собрать с нуля страницу на сайте WordPress на плагине Elementor (Pro-версия). Десктоп версия + адаптивная версия планшет и мобильный. Дизайн предоставляем в Figma. Шаблон документа дизайна — в приложениях (только десктоп версия). Необходимо будет использовать… HTML и CSS верстка, Веб-программирование ∙ 15 часов 41 минута назад ∙ 53 ставки |
Обновление плагинов и тем WP сайт putevka.uz«Нужно провести технический аудит WordPress-сайта, проверить актуальность, безопасность и совместимость установленных плагинов и темы. По результатам — предложить легальные варианты обновления, замены устаревших решений или перехода на официально доступные аналоги. Платные… HTML и CSS верстка, PHP ∙ 20 часов 30 минут назад ∙ 34 ставки |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 11 часов назад ∙ 28 ставок |
Ровно