Tworzenie mini witryny / krajów na 3 stronach HTML / CSS / JQuery
Twoje doświadczenie
Casey
Przybliżone terminy
Ceny
W odpowiedzi musisz dodać, że zapoznałem się z zadaniem, aby zrozumieć, że chciałbyś przeczytać do tego punktu)
Opis projektu: Gra przeglądarka rock-paper-scissors oparta na blockchain.Zadania: Wersja mini witryny za pomocą HTML5/CSS3/Jquery.Strony: 3 (pk+mob) - główna, referencja, faq.Dostęp do figury: https://www.figma.com/file/jqqMijb48BpWbxuupLxfYi/FRONT-TZ?type=design&node-id=0%3A1&mode=design&t=QzGTUBdkeRgvdrfN-1 Dostęp do wszystkich obrazów i niezbędnych plików już na żądanie.Platformy: Windows, MacOs.Browsers: SafariGoogle ChromeMozilla FirefoxOpera Przeglądarki urządzeń mobilnych iOS 7 i powyżej Przeglądarki urządzeń mobilnych Android 5 i powyżej, z wyjątkiem UC Browser Przy wykresie uwzględniają cechy przeglądarek, ich ograniczenia wyglądu i zachowania obiektów.Standardy: HTML5/CSS3/Jquery Zgodność projektowania: warstwa mogą nie być wykonane za pomocą metody Pixel Perfect i możliwe są różnice z względną błędem do 5% (rozmiary elementów, renderowanie znaków i odległości międzyliteraturowych/literaturowych, a także wewnętrzne i zewnętrzne odstępy).Wszystkie: Wszystkie elementy tekstowe w projektach muszą być wykonane tekstowo, z wyjątkiem przypadków, gdy taka realizacja jest technicznie niemożliwa.Zrozumiały i strukturalny kod.Do witryny zostaną dodane skrypty śledzących typu: GTM, HotJar, Pixels itp.Przed uruchomieniem: Sprawdź dostęp do figurySprawdź dostęp do czcionek (publikuję na żądanie, jeśli nie są w Google)Daj feedback na poprawę, propozycje i ulepszenia tz i lendosa.Przed chwilą sprawdź wzory na temat możliwości eksportu plików wektorowych, trybów ustawień i możliwości technicznych wdrażania pomysłów projektanta.Sprawdź ukryte warstwy, jeśli takie są obecneW procesie pracy sprawdź style tekstów w planie line-height, letter-spacing itp.Często znikają z widzenia.Sprawdź sieć maket.Czasami sieci mają gutter space w 20px lub 50px, a nie standardowe 30px.To pomoże uniknąć potrzeby w kasztlach w dalszym ciągu.Uwaga dla projektantów na warstwie
Szerokość strony: statyczna, strona jest równa w centrum.Przy 1024px nie powinno istnieć skręcania horyzontalnego.Podłoga przyjmuje się do dolnejSzybkość rozszerzenia: bloki z zmieniającym się treścią są dostosowane zgodnie z projektem przy zmniejszeniu/rozszerzeniu zawartości.Dla bloków tekstowych wypełnionych za pomocą edytorów wizualnych, powinny być przepisane style rozmieszczenia c tagami.Skalowanie stron: strony przy skaliowaniu strony w zakresie od 70 do 150% w przeglądarkach Chrome, Safari powinny wyglądać tak samo, jak w 100%.Dostępne są drobne błędy, które powstają z powodu nieprawidłowych okrągłości koordynatów przeglądarek.Kod HTML:Kodowanie - utf-8Kod strukturalny, komentowany (zaznaczony początek/koniec dużych bloków).Na przyciskach są identyfikatory do dalszego wykorzystania tragerów na tych przyciskach.Imię klas i identyfikatorów - na twoje uznanie.Rysunki:Wszystkie obrazy muszą być zoptymalizowane za pośrednictwem usługi tinypng w celu zmniejszenia całkowitej masy obrazu.Nieprzejrzyste obrazy muszą być eksportowane w .jpg w celu oszczędności rozmiaru pliku.Ikony i małe obrazy: Pierwszym priorytetem jest użycie przenośników svg.Druga priorytet - png przestaje przez element , Trzecia priorytet - etykiety html img Wszystkie ikony muszą być zoptymalizowane dla ekranów retina
Wpisy: Wpisy dostępne za pośrednictwem serwisu Google fonts muszą być podłączone do CDN https://fonts.google.com/ Organizacja plików: pliki HTML leżą w korzeniach.Strona główna - index.html Pozostałe - według nazw maketów.Style w folderze /css/Javascript - /js/Rysunki - /img/Rysunki zawartości - /pic/Adaptacja: Zawartość strony jest dostosowana do rzeczywistych rozmiarów okna przeglądarki, bez strumieni w szerokości globalnych kontenerów na punktach kluczowych Przy rozmiarach powyżej 320px nie powinny występować horyzontalne skręcenie strony.Używanie metody desktop first w podejściuZ podstawowych rozdzielczości pobieramy - 1920(hd+), 1440 (hd), 1200px (wide), 992 px (desktop), 568 px(mobile), 414 px(mobile).Dodatkowo: przy włączeniu adblock musi być dostępny cały treść na stronie.W ostatniej wersji strony - logo będzie inny, teraz warto zamknąćDodaj meta-tagiDodaj faviconZapewnij, że podczas udostępniania linków naszej strony - był przegląd obrazu (logu) i tekstu z tagów.Zadania :
Ogólne zalecenia dla wszystkich stron:Można użyć Lazy Load, płynny wygląd treści (mob + pk)Animacja linków w nagłówku, przykład - https://infinizai.webflow.io/ (pk).Wersja MOB to klasyczne menu burgerowe.Linki prowadzą do https://www.google.com/.Animacja wszystkich przycisków, przykład - https://axieinfinity.com/ (pk+mob)Animacja ikon sieci społecznościowych - https://orivium.io/contact.Linki prowadzą do https://www.google.com/. (pk + MB)
Główna strona:
- Animacja adresu torebki w tabeli - łatwe ciemność podczas skierowania.Adres adresowy prowadzi do transakcji Etherscan (przekazuję).(pk+mob) - Animacja monet wokół ludzi - lekki efekt parzenia w powietrzu, jak na tym przykładzie parują węzły.w różnorodności.(pk+mob) - Animacja pojawienia się drugiego bloku z tekstem, tabelą i przyciskiem - na przykład tutaj.Tabela po lewej stronie, tekst i przycisk po prawej stronie (pk).Animacja w wersji mob nie istnieje - stosuje się zwykły wygląd.- Animacja pojawienia się trzeciego bloku tekstem i kartą NFT podobnie do drugiego.Animacja w wersji mob nie istnieje - stosuje się zwykły wygląd.- Animacja tekstu View More w tabeli - łatwe oświetlenie podczas skierowania.Przesyłanie jest przekazywane do Etherscan.W wersji MB ten przycisk nie istnieje. - Tabela jest realizowana metodą ajax.Wydaję plik do pobierania informacji, linków itp.Faq strona :
Nie ma animacji, z wyjątkiem tych wskazanych w głównych dla wszystkich stron.Referral page:Animacja błyskawicy między palcami rąk.Można wykonać łatwą animację światłem.Takie jest animacja parujących monet jak na głównej.(pk+mobWprowadź program referencyjny z funkcją weryfikacji adresu.Przykładem jest:
str.match(/(\b0x[a-f0-9]{40}\b)/g)Kiedy użytkownik wprowadza adres do pola adresowego, automatycznie generuje się i wyodrębnia unikalny link (parametry pobierania) do pola.Użytkownik może kliknąć przycisk Kopiuj, aby go skopiować lub po prostu oddzielić.
Opinia zleceniodawcy o współpracy z Andrey Soin
Tworzenie mini witryny / krajów na 3 stronach HTML / CSS / JQueryОтличная оперативная работа, качественная верстка! Все в срок!
Opinia freelancera o współpracy z Alex Smirnov
Tworzenie mini witryny / krajów na 3 stronach HTML / CSS / JQueryОтлично поработали!
Норм заказчик, норм требования.
По ходу были вопросы и предложения, все оперативно решали и т.д
Рекомендую к сотрудничеству)
-
Zadanie jest zrozumiałe, przygotowanie się do rozpoczęcia.
Mój płyta: JS, TS, ReactJS, Redux, HTML, SCSS, adaptacja do wszystkich urządzeń.
Napiszcie, chętnie pomogę.
-
11111 99 0 1 Zdrowie .
Wszystko można zrobić na webflow.
Odpowiada na wszystkie prośby,
Oprócz
Wykonaj program referencyjny z funkcją weryfikacji adresu. Przykładem jest:
str.match(/(\b0x[a-f0-9]{40}\b)/g)
Kiedy użytkownik wprowadza adres do pola adresowego, automatycznie generuje się i wyodrębnia unikalny link (parametry pobierania) do pola. Użytkownik może kliknąć przycisk Kopiuj, aby go skopiować lub po prostu oddzielić.
To oddzielny back.
-
17342 387 3 2 Dzień dobry . Gotowy do pracy, ma duże doświadczenie w pracy. Obracaj się
-
262 Dzień dobry Alex!
Webevery to innowacyjna firma informatyczna, która jest gotowa wziąć na siebie cały cykl rozwoju Twojej strony internetowej, od projektowania po SEO. Nasz zespół ekspertów obejmuje projektantów, frontendów i deweloperów, specjalistów QA i ekspertów SEO.
Co oferujemy:
- Unikalny design: Wyznaczony styl wizualny dla Twojej strony internetowej. - Specjalizacja techniczna: wysoka wydajność i funkcjonalność.
Testy jakości: Testy intensywne dla bezgotówkowej pracy.
- Optymalizacja SEO: Podnoszenie wyników wyszukiwania Google.
Projekty - https://webevery.dev/ourProjects
Jesteśmy gotowi do współpracy w celu pomyślnego uruchomienia Twojego projektu.
Interesuje Cię nasza propozycja? Czekamy z niecierpliwością na możliwość omówienia szczegółów Twojego projektu. Napisz nam !
… Z szacunkiem !
WebEvery - Empowering Twój sukces
Webevery.dew
-
Правильно ли я понимаю, что после валидации инпута регуляркой, нужно будет конкатинироваать к некой ссылке, некие параметры -- на выходе это и будет реферальной ссылкой которая будет копироваться в буфер?
что то на бек будет уходить? инфа о сгенерированой ссылке или что то типа такого?
-
Aktualne zlecenia dla freelancerów w kategorii Java
Rozwój platformy internetowej do handlu z integracją danych SBPro, wyświetlaniem klastrów, płynnościrozwój platformy internetowej do handlu z integracją danych SBPro, wyświetlaniem klastrów, płynności, dużych zleceń limitowanych (Clouds), HeatMap oraz automatycznymi ustawieniami wskaźników dla różnych interwałów czasowychEtap 1. Podłączenie do Transaq APIUzyskiwanie danych… Java, Programowanie stron internetowych ∙ 2 godziny 30 minut temu ∙ 23 oferty |
Dostosowanie ekranu ładowania i menu Minecraft 1.12.2 (Tech Survival)
75 PLN
Potrzebne jest dopracowanie gotowego klienta Minecraft 1.12.2 z modami oraz wdrożenie własnego projektu interfejsu w stylu technicznego przetrwania (Industrial / Tech Survival).Co trzeba zrobić1. Niestandardowy ekran ładowania modów Konieczne jest zastąpienie standardowego… Java, Tworzenie gier ∙ 21 godzin 12 minut temu ∙ 4 oferty |
Integracja modułów skanerów stomatologicznych w CRM
2235 PLN
Opracowaliśmy system CRM do współpracy z dentystami i laboratoriami. Należy zintegrować usługi iTero, sirona, medit i inne, aby pliki były automatycznie pobierane. AI i uczenie maszynowe, Java ∙ 21 godzin 51 minut temu ∙ 19 ofert |
Opracowanie prostych gier 2D (Wąż, Galaktyka itp.) na rynek Google PlayWitam! Szukam dewelopera (lub początkującego z dobrą podstawą), który będzie w stanie stworzyć kilka prostych klasycznych gier 2D na platformę mobilną Android z dalszą publikacją w Play Market.Na początek trzeba opracować jedną-dwie gry. Przykłady settingu i mechanik: klasyczna… Java, Tworzenie gier ∙ 3 dni 1 godzina temu ∙ 17 ofert |
Tworzenie aplikacjiChcę stworzyć aplikację mobilną do komunikacji, w aplikacji ma być audio, wideo rozmowa, tworzenie grupowych czatów, możliwość synchronizacji z kontaktami telefonu, ustawieniami konta: powiązanie przez e-mail, 2fa, numer telefonu, możliwość dostosowywania powiadomień aplikacji,… Java, Python ∙ 7 dni 19 godzin temu ∙ 40 ofert |