Как реализован этот эффект?

dicem, а ещё ссылочек не покидаете посмотреть?)

Какие есть сообщества иллюстраторов (Телеграм, форумы)?

jeruthadam,

недавно закончившие школу

чувак, я проекты даю верстать только окончившим школу, без шуток. так что у тебя старперские представления о молодых. на выходе: качественные сборки.

консультации по железу беру у 15 летнего чувака, он шарит похлеще бородатых сисадминов. так что под одну гребенку - невежество автора. времена поменялись как бы.

А если брать это в связке с ньюансами SVG - то это вообще эзотерическое знание какое-то

у svg есть спеки

продвинутые анимации SVG

то, что ты привел в пример это не продвинутая анимация.

Кого нанимать для разработки мобильного приложения: фриланс разработчиков или студию?

хотелось бы внести пять копеек:

автор, как так называемый Юай энд Юикс дезигнер в курсе, что хороший интерфейс это гипотеза, которую нужн проверять. Отсюда пойдут изменения в макеты, что в свою очередь говорит о том, что придетс платить переодически на доработки?

Бюджет на разработку 1-3 тыс. долларов

вот с таким разбросом цен, отвечаю: вы тупо не чекали рынок, гугл и так далее, на тему: как устроен бэкенд мобильной разработки, сколько стоит, сколько занимает время и так далее.

Какие есть сообщества иллюстраторов (Телеграм, форумы)?

можно ссылку-пример на продвинутую анимацию свг?

Какие программы или платформы есть для проектирования и оформления веб-интерфейсов?

Дополню:

чтобы еще автоматически собиралось СЯ и автозапуск бесплатной рекламы с гарантией конверсии лидов

Курсы Contented по интерфейсам?

Rodiosha, если есть самодисциплина и желание, кроме ссылок есть и другие разделы, по композиции, цвету, ролики на ютабе: предлагаю автору дойти до них самому.

+англоязычные страницы, где также всё разжевано

Как грамотно построить и организовать сетку сайтов?

Александр, а что можно покурить про бэкенд: статьи/видосы/ссылочки без эканья мэканья есть? или может как-то инфографично об устройстве бэка для чайников?)

ps. не прогер, дизайнер.

Где найти критерии вёрстки из HTML Academy?

Olek1, только то, что есть выше

Где найти критерии вёрстки из HTML Academy?

Olek1, Базовые критерии
Разметка
Б1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
Б2. К страницам подключён один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два файла).
Б3. Стилевой файл подключён внутри .
Б4. Грубые ошибки в разметке отсутствуют.
Б5. Документ проходит проверку на валидность validator.w3.org/nu/.
Стилизация
Б6. Вся собственная стилизация выполнена в одном стилевом файле.
Б7. Раскладка блоков на странице сделана с помощью флексбоксов.
Б8. В CSS отсутствует !important.
Б9. Подключены правильные шрифты, их размеры, высота строк, цвет и толщина равны соответствующим параметрам в макетах и техническом задании.
Б10. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Б11. При наполнении контентом (как в макете) элементы каждой страницы соответствуют макету.
Тестирование
Б12. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 11+.
Б13. Сайт нормально смотрится на минимальной для макета ширине.
Разное
Б14. В корне документа имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
Б15. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
Б16. Выбран подходящий формат изображений.
Б17. Проект соответствует техническому заданию
Дополнительные критерии
Разметка
Д1. У всех изображений в теге прописан размер.
Д2. Использовано минимально возможное количество HTML-элементов (нет лишних элементов).
Д3. Все скрипты подключены непосредственно перед .
Д4. Названия полей форм привязаны к своим полям с помощью .
Стилизация
Д5. Использован normalize.css.
Д6. Для стилизации не использованы #id.
Д7. Нет вложенности селекторов больше двух.
Д8. При использовании блочно-строчных элементов явно указывайте вертикальное выравнивание
Д9. Для CSS-свойств с префиксом указан его вариант без префикса, и это указание идёт последним.
Д10. Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет).
Д11. Все состояния элементов (смотрите styleguide.psd) прописаны в стилевом файле.
Д12. Стилизация нестандартных элементов форм.
Д13. Файл стилей представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д25. Нет глобальных стилей тегов.
JavaScript
Д14. Собственные скрипты собраны в отдельном JavaScript-файле, который подключён в HTML перед закрывающим тегом body.
Д15. JavaScript-файл представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д16. С помощью JavaScript реализовано открытие/закрытие окна с формой (без вспомогательных библиотек).
Д17. С помощью JavaScript добавлена анимация формы (без вспомогательных библиотек).
Д18. Добавлена интерактивная карта (допускается подключение с помощью iframe).
Тестирование
Д19. Вёрстка проходит тест на переполнение контентом.
Доступность
Д26. У интерактивных элементов при нажатии или фокусе с клавиатуры есть активное состояние.
Д27. Все интерактивные элементы имеют текстовое описание.
Разное
Д20. Критическая функциональность сайта работоспособна без JavaScript (использовано прогрессивное улучшение).
Д21. Отсутствует транслит в названиях классов, атрибутах, названиях файлов и так далее.
Д22. При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения (если иное не прописано в техническом задании или styleguide.psd).
Д23. Проведена базовая оптимизация: минифицированы стили и скрипты (при наличии).
Д24. Страницы должны ссылаться друг на друга из главного меню.

Как грамотно построить и организовать сетку сайтов?

на прогера: 20-25к есть

Где найти критерии вёрстки из HTML Academy?

Olek1, это из личного кабинета на сайте с интенсива

Где найти критерии вёрстки из HTML Academy?

еще один чек-лист

Как грамотно построить и организовать сетку сайтов?

Максим Тимофеев, вот есть курс обучающий, неизвестно, захотят ли они добавлять еще курсы, поэтому создается лендинг узконаправленный.

но если они захотят добавлять еще курсы, то придется делать полноценный сайт с разделом курсы, где будут добавляться вкладки-ссылки на страницы конкретного курса.

каких-то особых наворотов нет. изменения минимальны: заголовки города/фотка
на каждый поддомен: контекстная реклама + SEO

сайт только для сбора заявок: почта, телефон, имя (без личных кабинетов)

Как грамотно построить и организовать сетку сайтов?

crdrads, не привлекать лишнего внимания

Как грамотно построить и организовать сетку сайтов?

тематика - курсы. текущий сайт планируется по одному образовательному курсу, лендинг. но курсы могут добавляться у клиента и лендинг тогда превратится в сайт.

для детального ответа не хватает данных

если вам не трудно укажите каких, я напишу

Как грамотно построить и организовать сетку сайтов?

crdrads, не девочка, а девушка

Как грамотно построить и организовать сетку сайтов?

1. а почему именно wp? Когда 1 блог - понятно. Но при сложной кастомной структуре готовая cms может оказаться ошибочным выбором.

потому что мне не известно, почему не wp. поясните, почему выбор готовой cms может оказаться плохим выбором?

2. как можно что-то обсуждать при абстрактном "сайт". Где конкретика, взаимосвязи и различия сайтов?

тематика - курсы. текущий сайт планируется по одному образовательному курсу, лендинг. но курсы могут добавляться у клиента и лендинг тогда превратится в сайт.

В иллюстраторе исчезла функция?

Ctrl + Shift + B попробуй

Как лучше разместить логотипы на темном фоне?

McBernar, Тут ты не совсем прав. Если логотип со сложным вектором, градиентами и т.д по-хорошему его нужно перерисовывать под темную поверхность:



Но и Олек тоже приврал про ультра-мега-разработку. Если сайт не колхозный, а логотипы должны быть на темном фоне, то перерисовать это норма, привлечь иллюстратора, чтобы оптимизировал контуры, но повторюсь, если разработка делается профессионалами.

Как лучше разместить логотипы на темном фоне?

Пример:



на заметку:

смотрите гайды по стилю у компаний, там иногда бывают рекомендации для логотипов: с использованием 1 цвета, со сложными контурами, упрощенные версии логотипа и т.д, все это можно иногда скачать в векторе

если нет вектора - трассируем вручную в иллюстраторе, собираем по частям с картинки образца.

если в данном случае делать на текущем фоне, то можно также пробовать 1 цветом, даже не обязательно именно светло серым, это может быть любой цвет, который сочетается с цветами на сайте.

учитывать ситуацию, когда логотип является ссылкой, или при ховере есть какие-то действия: появляется плашка и т.д