Я ищу графического дизайнера
Я ищу графического дизайнера, который может детализировать некоторые проекты для меня. Например, веб-сайты.
Пожалуйста, пришлите свой Behance
Я ищу графического дизайнера, который может детализировать некоторые проекты для меня. Например, веб-сайты.
Пожалуйста, пришлите свой Behance
Привет, Пикабу!
Сначала небольшая видеодемонстрация того, о чём пойдёт речь:
А теперь, собственно, само описание.
Вероятно, кто-то из вас мог когда-то видеть coub https://coub.com/view/13u3n70o:
Данный coub является фрагментом эпизода Симпсонов "Jazzy and the Pussycats" (сезон 18, эпизод 2). Ссылка на википедию: https://en.wikipedia.org/wiki/Jazzy_and_the_Pussycats. Мне так понравилась эта “ударная установка”, что я воссоздал её и воплотил в виде одностраничного сайта https://thehomerdrums.xyz/
Видеофрагмент серии был сконвертирован в gif и импортирован в Photoshop, где каждый кадр стал отдельным слоем. Рисовать я не умею, зато умею пользоваться инструментами “Перо” и “Заливка”:) В видео ударная установка никогда не умещалась в один кадр целиком. В фотошопе мне удалось собрать все части воедино. Неподвижные элементы ударной установки образовали фон для игрового поля сайта. Каждого из семи “Гомеров” обводил покадрово. Таким образом, было получено семь наборов спрайтов. Кое-что всё-таки пришлось дорисовать самому: одну из ножек для левой барабанной стойки и рот для Гомера с бас-бочки.
С извлечением и нарезкой звуков никаких трудностей не возникло.
На сайте анимацию и звук запрограммировал при помощи jQuery (JavaScript).
Я практически не занимался адаптацией сайта под мобильные устройства - лучше всего он будет смотреться на мониторе мака или ПК. Если игровая область не помещается на экране целиком, то просто немного уменьшите масштаб страницы при помощи Ctrl + “-“. Если соотношение сторон смартфона/планшета приблизительно 16:9, то и на них ударная установка будет выглядеть вполне достойно.
Данная разработка сделана чисто по приколу и никакой смысловой нагрузки не несёт :)
Приятной игры!
PHP
Рекомендуется не закрывать PHP-код в конце файла (через символ ?>), т.к. закрытие PHP-кода может привести к добавлению лишнего символа, из-за чего может возникать ошибка.
JavaScript
Рекомендуется делать выборку элементов по ИД (через метод getElementById), т.к. выборка элементов по ИД работает быстрее, чем по классам
jQuery
Перед анимацией (fadeIn, slideUp) рекомендуется выполнять метод stop(), которая останавливает текущую анимацию. Иначе, например, при нажатии несколько раз на меню, оно будет открываться и закрываться несколько раз (пока не проиграется вся анимация)
MySQL (MariaDB)
При выборки данных, дату рекомендуется формировать заранее (например на стороне PHP), т.к. MySQL не кеширует запросы, если вместо даты будут использованы, например, CURDATE() или NOW().
SEO
В Яндекс.Вебмастер и в "Google для веб-мастеров" рекомендуется добавить свой сайт и указать sitemap.xml, который позволит быстрее найти и проиндексировать сайт
Битрикс
Если элементы содержат URL (новости, статьи), то их рекомендуется выводить через инфоблоки. Если у элементов нет URL (баннеры), то их рекомендуется выводить через Highload-блоки. Выборка Highload-блоков происходит быстрее, чем инфоблоков
Yii
В Yii входит файл «requirements.php», через который можно проверить, соответствует ли текущие настройки веб-сервера для работы с Yii
Оптимизация кода
В циклах «for» размер массива рекомендуется объявлять заранее (пример на картинке ниже). Иначе на каждой итерации цикла размер массива будет заново пересчитываться
Бонус: совет по Photoshop
Можно легко убрать объект на картинке, при этом фон будет автоматически заменён (пример на картинке ниже). Для этого надо выделить объект, нажать правую кнопку мыши и выбрать «Fill».
---------------------
Мой twitter-аккаунт.