booster78:
mark74
Спасибо за развернутый отзыв.
Несчитая мелких багов (как иконки и тд) сайт должен быть функиональным даже на очень древних браузерах и первых смартфонах. Много пришлось заменять-дописывать от десктопной версии, чтобы было возможно просмотреть на Samsung Galaxy Ace и иже с ним.
Цвет поменял изза Material design guide https://www.google.com/design/spec/material-design/introduction.html он там как бы один из основных (ну и чуть в лево, в право, чтоб выделить что написано синим шрифтом или приглушить, т.е. шапки получаются уже приглушенные посравнению с версией ранее).
Возможно чуть за яркий, просто символика (оффлайн) питомника, украшения клетки и все, в подобном цвете, но наверное меньше вырвиглаз. Можно попробовать убрать насыщенность. Сам люблю более пастельные тона, но пробуя идти в ногу со временем, получилось нечто среднее между собственными желаниями и рекомендацией гугл.
Логотип на момент оригинального поста еще был, и меню было 250 пикселей высоты, НО тогда приходилось сворачивать в мобильную версию меню уже в 1280, просто нехватило места, а втяпать никуда неполучилось. Сегодня стер полуфоновый полупрозрачный-серый который вписывался между шапкой и контентом.
Загромождает и там появляющееся обьявление (или несколько), когда есть котята, поэтому просто нет места.
http://s011.radikal.ru/i315/1605/75/c35081579b20.png
Фреймворки и библиотеки неиспользованы. Просто сел писать сайт, первый, и вот уже 4 раза переписывал, сталкиваясь потом с проблемой функциональности, дизайна, эргономики и администрирования. В первых вариантах просто уставал обновлять с каждым обновлением статуса и фотографий.
Скрипты:
Adaptive Images (заливаются фото ОТ 2560х1600 в качестве JPEG 80, он ресайзит и шлет уже под экран пользователя, экономя трафик)
Colorbox (лайтбокс, в нем открываются фото)
Lazysizes (при поддержке браузера, вместо img-src меняет на data-src и подгружает по необходимости когда страница скролится и в бэкграунде, теже фоны загружаются этим способом нетормозя загрузку текста, особенно хорошо видна работа скрипта в Галерее, скроля через 600+ фото)
mCustomScrollbar (заменяет на минимальные прокрутку в блоках с текстом)
NivoSlider (центральные слайды у котят)
Owl (прокрутка в бок фото под каждым котенком)
SuperFish (меню, очень сильно переписанная версия + добавлено HamburgerMenu скрипт для мобильной версии)
html5.js/css3-mediaqueries.js для древних браузеров для совместимости.
А все остальное, анимированные при нажатии кнопки, фреймы в полу-материал дизайн стиле и тд - это писалось по ходу..
На самом деле, еще столько же кода, ушло на админку, дописающуюся теперь и начатую случайно..
Изза нее и перенес все в Mysqli, до этого хранилось все в массивах в php файлах.
Мне вот ненравится местами, как награмождено, а убрать или внятно разделить между собой - уже нечего/неполучается, если только убирать фон и делать вместо Hero стиля с полноэкранным бэкграундом - зебру (т.е. для каждого экрана при скролле - свой цвет бг)
mark74
Спасибо за развернутый отзыв.
Несчитая мелких багов (как иконки и тд) сайт должен быть функиональным даже на очень древних браузерах и первых смартфонах. Много пришлось заменять-дописывать от десктопной версии, чтобы было возможно просмотреть на Samsung Galaxy Ace и иже с ним.
Цвет поменял изза Material design guide https://www.google.com/design/spec/material-design/introduction.html он там как бы один из основных (ну и чуть в лево, в право, чтоб выделить что написано синим шрифтом или приглушить, т.е. шапки получаются уже приглушенные посравнению с версией ранее).
Возможно чуть за яркий, просто символика (оффлайн) питомника, украшения клетки и все, в подобном цвете, но наверное меньше вырвиглаз. Можно попробовать убрать насыщенность. Сам люблю более пастельные тона, но пробуя идти в ногу со временем, получилось нечто среднее между собственными желаниями и рекомендацией гугл.
Логотип на момент оригинального поста еще был, и меню было 250 пикселей высоты, НО тогда приходилось сворачивать в мобильную версию меню уже в 1280, просто нехватило места, а втяпать никуда неполучилось. Сегодня стер полуфоновый полупрозрачный-серый который вписывался между шапкой и контентом.
Загромождает и там появляющееся обьявление (или несколько), когда есть котята, поэтому просто нет места.
http://s011.radikal.ru/i315/1605/75/c35081579b20.png
Фреймворки и библиотеки неиспользованы. Просто сел писать сайт, первый, и вот уже 4 раза переписывал, сталкиваясь потом с проблемой функциональности, дизайна, эргономики и администрирования. В первых вариантах просто уставал обновлять с каждым обновлением статуса и фотографий.
Скрипты:
Adaptive Images (заливаются фото ОТ 2560х1600 в качестве JPEG 80, он ресайзит и шлет уже под экран пользователя, экономя трафик)
Colorbox (лайтбокс, в нем открываются фото)
Lazysizes (при поддержке браузера, вместо img-src меняет на data-src и подгружает по необходимости когда страница скролится и в бэкграунде, теже фоны загружаются этим способом нетормозя загрузку текста, особенно хорошо видна работа скрипта в Галерее, скроля через 600+ фото)
mCustomScrollbar (заменяет на минимальные прокрутку в блоках с текстом)
NivoSlider (центральные слайды у котят)
Owl (прокрутка в бок фото под каждым котенком)
SuperFish (меню, очень сильно переписанная версия + добавлено HamburgerMenu скрипт для мобильной версии)
html5.js/css3-mediaqueries.js для древних браузеров для совместимости.
А все остальное, анимированные при нажатии кнопки, фреймы в полу-материал дизайн стиле и тд - это писалось по ходу..
На самом деле, еще столько же кода, ушло на админку, дописающуюся теперь и начатую случайно..
Изза нее и перенес все в Mysqli, до этого хранилось все в массивах в php файлах.
Мне вот ненравится местами, как награмождено, а убрать или внятно разделить между собой - уже нечего/неполучается, если только убирать фон и делать вместо Hero стиля с полноэкранным бэкграундом - зебру (т.е. для каждого экрана при скролле - свой цвет бг)
