Сайт для іконок
134 USDПотрібно зверстати і анімувати сайт для презентації іконок.
Макет і коментарі
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
Current freelance projects in the category HTML & CSS
WordPress site optimization: mobile version performance + video quality correctionAbout the project: Website on WordPress — anzeymedia.com. We need a specialist in optimization (WordPress performance / front-end) who will achieve measurable results, not just "install plugins". Task 1 — Mobile version performance Currently, the Google PageSpeed Insights score… HTML & CSS, Website Maintenance ∙ 1 hour 3 minutes back ∙ 18 proposals |
Transfer of a small business card website with 58 pages from Joomla 1.5 to Joomla 6There is a small business card website made on Joomla 1.5 with 58 pages (if counted in two languages), which contains small texts with photos. One page has a table. Two pages have PDF files that take up the entire page in a frame. The site is made in two languages with a… Content Management Systems, HTML & CSS ∙ 5 hours 24 minutes back ∙ 26 proposals |
Redesign and relaunch of the Brovchak Family Dental Care clinic websiteRedesign and Relaunch of the Brovchak Family Dental Care Website http://brovchak-clinic.com.ua/ terms of reference from SEO expert https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/About… HTML & CSS, Search Engine Optimization (SEO) ∙ 1 day 21 hours back ∙ 57 proposals |
I want to learn how to create websites for CS:GO/CS2I need a mentor who will teach me how to create a CS2/CS:GO server. I want to go through step by step via Discord/Zoom: hosting/VPS, server.cfg, maps, plugins, admin panel, ban system, Discord, website, and statistics. Language: Ukrainian or Russian. HTML & CSS, Web Programming ∙ 1 day 23 hours back ∙ 16 proposals |
Ищу программиста или вайб кодинг Автоматизация scraping данныхמחפש מתכנת או תומך בקידוד וייב. גירוד נתונים אוטומטי. https://drive.google.com/file/d/1Ogsx2iyahw79sleaDEUwMnSTPHhwF3Nu/view?usp=sharing HTML & CSS, Web Programming ∙ 2 days 22 hours back ∙ 41 proposals |
Rovno