Сообщений в теме: 37

[SmetDenis]

Недавно я посмотрел статистику скачиваний JBlank и был слегка шокирован.

 

На данный момент

- Старую версию (2.2) скачали более чем 24 000 раз

- Новую версию 3.x в районе 4000 раз за последние полгода.

 

И это без учета гитхаба.

 

Весьма и весьма не плохо для шаблона-пустышки, который использует не просто User, а Advanced User (шуткую конешн).

 

В то время как Google честными, красивыми и не красивыми способами знает аж 12 тысяч сайтов

 

---

А вот так чтобы взять посмотреть список красивых сайтов на JBlank - нигде в интернетах нет места. 

Печаль, парадокс и не порядок.

 

Так что предлагаю всем желающим делиться ссылками и примерами работ прям тут 

 

 

 

[CB9TOIIIA]

Красота! Всегда радуюсь, когда среди джумлаводов встречаются те, кто не боится сделать сам

 

Намек понял. Сделаем.

 

Спасибо!  Ага а то форум закрытый, и нельзя посмотреть извне, поэтому думаю темку про JBlank нужно будет сделать и перенести туда))

 

Мне понравился процесс разработки + пользуясь случаем RSFORM сменил на simple и напичкал его HTML5 тегами

[kostricyny]

Наверное все можете тестить, спрашивать, может что-то упустил.

Возможно вопрос и не по адресу, но спросить незнамо где:

"Часто использую разнообразные типы микроразметки и есть одно неудобство. Например, при редактировании страницы из back-end (JCE) удаляются значения геолокации!!! Значения других свойств остаются нетронутыми. Как бороться с такой нелюбовью JCE к свойству геолокации?"     

[CB9TOIIIA]

Сайт московского салона красоты, находится рядом с метро Люблино и называется Салон красоты Сюзанна.
URL: http://salonsuzana.ru/
 
Сайт пережил 3 версии шаблона. Переезд с 2.5 на 3.4.x , кучу версток... и вот на данный момент окончательный вид адаптивного сайта. Дизайн купили на мегагруппе + немного переделал его, т.к. изначально он был для салона ткани / швей
 

 
Постарался оптимизировать как можно лучше, итого главная 8 запросов к серверу делает:

 
И оптимизировал кеш:
 
Joomla! Debug Console - примерно 2-4 запроса к БД на всех страницах / делается полная копия HTML страницы и ложится в кеш.
 

Profile Information
Application 0.000 seconds (0.000); 0.75 MB (0.751) - afterLoad
Application 0.272 seconds (0.272); 5.45 MB (4.699) - afterCache

Memory Usage
5.52 MB (5,786,160 Bytes)

Под капотом JBlank и немного кастомные правила для верстки variables.less
 

Spoiler

// ***************************************** Media queries for different devices ***************************************
// more info https://gist.github.com/gitawego/5803557
@print:       ~"print";                               // print version of website
@mobile-mini: ~"only screen and (min-width: 220px) and (max-width: 479px)";  // smartphones, iPhone, portrait 480x320 phones
@mobile:      ~"only screen and (min-width: 480px) and (max-width: 599px)";  // smaller tablets 600 or 640 wide
@tablet-mini: ~"only screen and (min-width: 600px) and (max-width: 800px)";  // portrait tablets, portrait iPad
@tablet:      ~"only screen and (min-width: 801px) and (max-width: 1024px)";  // tablet, landscape iPad
@desktop:     ~"only screen and (min-width: 1025px) and (max-width: 1280px)"; // big landscape tablets, laptops
@desktop-xl:  ~"only screen and (min-width: 1281px) and (max-width: 1365px)"; // hi-res laptops and desktops
@desktop-xxl:  ~"only screen and (min-width: 1366px)"; //  desktops

// devices with retina display (http://css-tricks.com/snippets/css/retina-display-media-query/)
@retina: ~"only screen and (-webkit-min-device-pixel-ratio: 2)",
         ~"only screen and (   min--moz-device-pixel-ratio: 2)",
         ~"only screen and (     -o-min-device-pixel-ratio: 2/1)",
         ~"only screen and (        min-device-pixel-ratio: 2)",
         ~"only screen and (           min-resolution: 192dpi)",
         ~"only screen and (            min-resolution: 2dppx)";

 
Результатом доволен главное Я и конечно клиент
 

 
Мне очень понравилось работать с JBlank, правда использовал наверно совсем немного его мощи! Понравилось играться с правилами главная / не главная ( $tpl->isFront ) / использовать сниппеты: $tpl->partial('maintext.php');
 

 
Также на сайте использовал микроразметку адреса, он прописан в футере и дает вот какую информацию:
 

Spoiler

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <span itemprop="name">Салон красоты Сюзанна</span>
 <a target="_blank" href="https://maps.yandex.ru/-/CVWy6W~A">  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
 <!--    <span itemprop="url">http://salonsuzana.ru/</span> -->
    <span itemprop="addressLocality">Россия, Москва</span>
    <span itemprop="streetAddress">ул. Верхние поля, д. 36 к. 2</span>
  </div>
 </a>
<span itemprop="telephone">+7-495-514-53-73</span>
<span itemprop="email">salonsuzana@yandex.ru</span>
  <div itemprop="paymentAccepted"  style="display: none" >cash</div>
<strong class="key">Часы работы салона красоты:</strong> <br>
<span class="value">
<time itemprop="openingHours" datetime="Mo-Sa 09:00−21:00">пн.-сб. 09:00−21:00</time> /
<time itemprop="openingHours" datetime="Su 10:00−21:00">вс. 10:00−21:00</time>
</span>
  <div itemtype="http://schema.org/GeoCoordinates" itemscope="" itemprop="geo">
    <meta itemprop="latitude" content="55.666674" />
    <meta itemprop="longitude" content="37.763709" />
  </div>
</div>

Георасположение, способы оплаты, адрес и все, что требуется для организации.
 
Также на странице онлайн-заявки: http://salonsuzana.r...ru/online.html я переделал simpleform ( подробнее) встроил HTML5 теги и новые фичи - теперь с телефонов одно удовольствие заполнять форму.
 

 
Кому надо код весь расписал на JSupport'е.
 
Ну и просто just for fun и немного юзабилити на этой странице используется Advance Module Manager от Nonumber'a и стоят временные промежутки:
 


Наверное все можете тестить, спрашивать, может что-то упустил.
 

Сообщение отредактировал CB9TOIIIA: 01 June 2015 - 10:00

[CB9TOIIIA]

Возможно вопрос и не по адресу, но спросить незнамо где:

"Часто использую разнообразные типы микроразметки и есть одно неудобство. Например, при редактировании страницы из back-end (JCE) удаляются значения геолокации!!! Значения других свойств остаются нетронутыми. Как бороться с такой нелюбовью JCE к свойству геолокации?"     

 

Я прописывал в footer шаблона (не через модуль), а вообще можете для этих дел rokpad поставить или чистый... для кода именно. JCE бывает шалит.

Я лично с гита скачивал шаблон и переименовал папку с шаблонов jblank на название домена.

"знает аж 12 тысяч сайтов" - страниц)))

Сообщение отредактировал CB9TOIIIA: 01 June 2015 - 09:57

[SmetDenis]

Я лично с гита скачивал шаблон и переименовал папку с шаблонов jblank на название домена. "знает аж 12 тысяч сайтов" - страниц)))

 

 

Да, многие так и делают. Конечно может сайтов и не 12 тысяч, даже если их всего 2-4 тысячи, мне это как бальзам по сердцу.

 

--

PS Ели как смержил сообщения, из-за порядка их возникновения и идешников слегка сбились первые 3 сообщения в топике. Думаю не смертельно

[laRus]

Спасибо за такое подробное описание Вашей работы и используемых методов (есть на чем поучиться!) Большая работа проделана! Молодец! 

 

Сайт отлично смотрится на разных устройствах (хотя для больших мониторов хотелось бы сделать крупнее текст - трудно читать). И еще микро-предложение: ограничить возможность выбора даты и времени в форме Online записи (сейчас можно записаться на любую дату в прошлом и будущем и любое время, а не только рабочее.):

 

 

Остальное очень хорошо, спасибо еще раз! 

 

[CB9TOIIIA]

Спасибо за такое подробное описание Вашей работы и используемых методов (есть на чем поучиться!) Большая работа проделана! Молодец! 
 
Сайт отлично смотрится на разных устройствах (хотя для больших мониторов хотелось бы сделать крупнее текст - трудно читать). И еще микро-предложение: ограничить возможность выбора даты и времени в форме Online записи (сейчас можно записаться на любую дату в прошлом и будущем и любое время, а не только рабочее.):
ss.PNG
 
Остальное очень хорошо, спасибо еще раз! 

Ну у меня FullHD вроде норм)) есть такая беда в хромеподобных, т.к. используется там вебкомпонентс.

 

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

<p>{element label="На дату" type="date" class="inputtext" placeholder="[[date:%d.%m.%Y]] "    required="required" error="На дату"  /}</p>
<p>{element label="На время" type="time" class="inputtext"  placeholder="[[date:%H:%M]]"   required="required" error="На время"  /}</p>

Воспользовался php strftime() и вывел текущую дату и время... чтобы лишний раз пользователь не тупил в подсказку.

[laRus]

чтобы лишний раз пользователь не тупил

во-во!    

возможно в будущем подключим инструмент онлайн записи

понятно, спасибо 

[Павел Акимов]

онлайн запись http://www.floomby.ru/s2/dUG4Wd как то много значков.  вообще была недавно задача похожая. Наша реализация http://wineambassador.ru