otherside, приятный дизайн, молодец!
По теме оформления пожелания будут? Может быть что то модифицировать для удобной вёрстки?
О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
Открыть
Ответить
Сайты на Slaed CMS на версии 6.x
О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
- Группа
- Клиент
- Пункты
- 40279
- Регистрация
- 30.04.2005
- Пол
- Мужчина
- Из
- Germany
- Предупреждения
- Нет
3.24
3.24
- Администратор
По теме оформления пожелания будут? Может быть что то модифицировать для удобной вёрстки?
Когда много лет пользуешься продуктом и знаешь его практически полностью, перестаешь замечать неудобства. Лично мне более чем удобно создавать темы. Не могу припомнить каких-либо проблем.
- Группа
- Активисты
- Пункты
- 10766
- Регистрация
- 28.10.2005
- Пол
- Мужчина
- Из
- Москва
- Предупреждения
- Нет
3.97
3.97
Барбершоп - красавчик !
- Группа
- Местные
- Пункты
- 6248
- Регистрация
- 19.07.2005
- Пол
- Мужчина
- Из
- Таллин
- Предупреждения
- Нет
4.00
4.00
Как и обещал в соседней теме про css фреймворки, перевел один из сайтов на фреймворк Bulma. Это первый опыт работы с ним.
Вобар.ру
Естественно, сайт полностью адаптивный, правильно отображается на всех устройствах
- Группа
- Активисты
- Пункты
- 10766
- Регистрация
- 28.10.2005
- Пол
- Мужчина
- Из
- Москва
- Предупреждения
- Нет
3.97
3.97
otherside, понравилась реализация проекта, просто и со вкусом, ничего лишнего. Продолжайте в том же духе!
О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
- Группа
- Клиент
- Пункты
- 40279
- Регистрация
- 30.04.2005
- Пол
- Мужчина
- Из
- Germany
- Предупреждения
- Нет
3.24
3.24
- Администратор
-
Решил тоже не отставать от otherside и перевести сайт на адаптив. Конечно не так профессионально. Использовал фреймвёрк Pure (https://purecss.io), о котором так же писал ранее.
Как и бульма занимает крохи. Сначала хотел перевести сайт на бульма, но не нашёл примера той вариации, которая мне была нужна. А в Pure откопал. Думаю в любом фреймвёрке можно всё - дело в опыте.
Вобщем? чем мне понравился Pure - хорошо адаптирует многоколоночные страницы.
Сетка у него двух вариантов: 5-блочная или 24-блочная. Но можно сгенерировать и свою.
Границы переходов разрешений можно сгенерировать свои, либо оставить по умолчанию. Мне по умолчанию не понравились и я сделал свои.
Принцип работы Pure такой:
Есть класс отвечающий за определённое разрешение экрана и класс отвечающий за поведение блоков.
Комбинируя их можно легко настроить любый варианты.
Пример:
<div class="pure-u-1 pure-u-sm-1-2 pure-u-md-1-4 pure-u-xl-1-4">Здесь
u1 - отвечает за мобильную версию
u-sm - за таблетную
u-md - планшетную
u-xl - десктопную.
А цифры, которые идут далее отвечают за ширину отображения.
1 - весь экран
1-2 - полэкрана
1-3 - треть экрана
1-4 - четверть экрана
И т.д.
Основной подход, что мобильный вариант главный.
Т.е. если два блока подряд идут такие:
<div class="pure-u-1"></div><div class="pure-u-1"></div>то они окажутся друг под другом при любом разрешении экрана.
а если так:
<div class="pure-u-1 pure-xl-1-2"></div> <div class="pure-u-1 pure-xl-1-2"></div>то в десктопной версии они будут одной строкой, а в остальных случаях друг под другом.
Сайт который я делал https://coffeemollka.ru.
Обратите внимание на чёрные прямоугольники ( пока в виде картинок) - как они ведут себя при изменении размеров экрана. Сначала ужимаются, потом перестраиваются в три-два, и потом ещё раз но уже а в два-три.
Вобщем, хороший фреймворк. До этого пробовал темплейтс. Там так я не смог сделать.
olevpa, в целом очень даже неплохо, мне понравилось.
Вижу тема CSS фреймворков становится актуальной.
Что думаете по поводу полного перехода системы на один из них?
Всех желающих прошу высказываться в теме. Хотелось бы конструктивно, все за и против.
О сколько нам открытий чудных,
Готовит просвещенья дух,
И опыт, сын ошибок трудных,
И гений, парадоксов друг...
- Группа
- Клиент
- Пункты
- 40279
- Регистрация
- 30.04.2005
- Пол
- Мужчина
- Из
- Germany
- Предупреждения
- Нет
3.24
3.24
- Администратор
-
olevpa, кстати, круто получилось. Если позволите, маленький совет. В некоторых местах не хватает воздуха. Особенно заметно, если смотреть с маленьких экранов.
Первое, что сразу бросилось в глаза, то что блок с контактами и временем работы вплотную приклеен к блоку с поиском. Если добавить внизу такой же отступ, как наверху, сразу по-другому смотрится.
- Группа
- Активисты
- Пункты
- 10766
- Регистрация
- 28.10.2005
- Пол
- Мужчина
- Из
- Москва
- Предупреждения
- Нет
3.97
3.97
olevpa, кстати, круто получилось. Если позволите, маленький совет. ...
Благодарю за комментарий. Заказчику "вечно некогда", поэтому изменений так и не последовало.
Переводил в адаптив сайт https://olik.by/
результат (на тестовом сайте):
http://olik-by.ru/index.php
фреймвёрк всё тот же - purecss.io
Да, дизайн отличный. Если комментарии принимаете, я бы чуть-чуть отодвинула текст капсом (типа "АДРЕС") от нижней строчки. Или сделать его на 50% светлее
