Сайт для іконок
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.
- Шрифт в бразуері може відрізнятися від макету. Тому на готову верстку потрібно накласти jpeg макету
і відрегулювати розміри при потребі.
- При перегляді фінального результату буду звертати увагу на всі дрібниці (шрифти, відступи, і т.д)
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 1 година 44 хвилини тому ∙ 11 ставок |
Налаштування інтернет-магазину тканин на WordPress + WooCommerce за шаблоном Astra
14 825 UAH
Потрібно налаштувати та підготувати до роботи інтернет-магазин меблевих тканин для ринку Норвегії. Домен, хостинг та WordPress уже встановлені: eximtextilnordiq.com Сайт потрібно зробити не з нуля і без індивідуального програмування, а на готовому безкоштовному шаблоні Astra,… CMS, HTML та CSS верстання ∙ 6 годин 37 хвилин тому ∙ 46 ставок |
Сайт реберня-піцеріяКлієнтська частина — динамічне меню з Firebase, категорії з вкладками, картки страв з фото і цінами, підтримка двох розмірів (піца 30/40 см), адаптивний мобільний дизайн, бічне меню з контактами і локацією. Адмін-панель — авторизація, управління категоріями і стравами… HTML та CSS верстання ∙ 10 годин 28 хвилин тому ∙ 72 ставки |
Потрібно зробити доопрацювання на сайті Modx Evolution CMS 3.1.7
1000 UAH
Розробляється доопрацювання дизайну та верстка сайту, потрібно буде впровадити ці роботи на сайт.Також впровадити деякі доопрацювання на сайті. HTML та CSS верстання, PHP ∙ 11 годин 8 хвилин тому ∙ 21 ставка |
Розробка Minecraft Java Seed Map / Seed Viewer для сайтуРозробка Minecraft Java Seed Map / Seed Viewer для сайтуОпис проєкту Потрібно розробити browser-based інструментMinecraft Java Seed Map / Seed Viewer, який буде працювати на нашому сайті та дозволятиме користувачу ввести seed Minecraft Java Edition і переглянути інтерактивну… C та C++, HTML та CSS верстання ∙ 1 день 3 години тому ∙ 13 ставок |
Рівне