Форум русской поддержки Joomla!® CMS
24.04.2017, 07:45:46 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: 1 [2] 3  Все   Вниз
  Добавить закладку  |  Печать  
Автор

Заготовка болванки - BlankTemplate для Joomla 3.x

 (Прочитано 24224 раз)
0 Пользователей и 1 Гость смотрят эту тему.
buyanov
Осваиваюсь на форуме
***

Репутация: +23/-1
Offline Offline

Пол: Мужской
Сообщений: 159


Сайты 74


« : 17.10.2012, 11:10:57 »

Всем привет! Есть чистый шаблон для Joomla 3.0 с поддержкой BootStrap (для себя делал)
Сейчас шаблон умеет отключать/подключать:
  • mootools;
  • jquery;
  • использует CDN (yandex/google)
  • Bootstrap со стандартным CSS и с CSS из шаблона.
  • Подключать responsive CSS
  • Умеет собирать CSS в кучу и кешировать его в файл

Какие опции по вашему мнению еще необходимы и были бы удобны?

Всем спасибо за ответы, пожелания и советы!

UPD:
http://saity74.ru/uploads/tpl_blank_j3_v1.0.1.zip Не качайте это старье =)

После вчерашней беседы с voland мы пришли к следующим выводам:

1) поддержка HTML5
2) поддержка позиций position- 0-14 (чтобы болванку можно было посмотреть со стандартными демо данными)
3) компиляция LESS с помощью php
4) раз уж есть LESS то будут настройки основных цветов
5) сетка будет от BootStrap
ммм вроде ничего не забыл.

сделаю релиз, выложу сюда!

UPD 13.02.2016: Прошла уйма времени с момента публикации этой темы =)

UPD 9.04.2017: ОООО ДАААА =) Теперь и WEBPACK

В итоге получилось как-то так:

https://github.com/Redknife/joomla-developer-template/tree/dev

Joomla developer template

Joomla! Шаблон для быстрой разработки с нуля.

Особенности

  • Оптимизация загрузки страницы
  • Файлы стилей и скриптов объединяются в один оптимизированный файл, изображения (PNG, JPEG, GIF, SVG) сжимаются без потерь.
  • Современный Javascript (ES2015/ES6)
  • Весь JS код преобразуется в код на предыдущем стандарте ES5, который поддерживается большинством браузеров (IE9+).
  • Препроцессинг CSS
  • Поддержка SASS, автоматическое добавление вендорных префиксов, объединение media queries, etc.
  • Сборка шрифта c иконками
  • SVG иконки собираются в файлы шрифтов и автоматически подключаются в файл стилей.
  • Мгновенная обратная связь (Livereload)
  • Автоматическое обновление страницы в браузере, при изменении файлов (в режиме разработки, при установленном расширении для браузера).

Требования
  • Node.js >= 5.0.0 (желательно использовать последнюю стабильную версию).
  • Глобально установленный gulp-cli и webpack npm install -g gulp-cli webpack
  • Для Livereload: расширение Chrome, расширение Firefox, расширение Safari. Подробнее http://livereload.com.

Быстрый старт

  • Скачиваем архив с шаблоном и устанавливаем стандартным способом в Joomla!
  • В папке с шаблоном: 2.1 Запускаем npm install (установка зависимостей). 2.2 Запускаем npm start (запуск сборки в режиме разработки).
  • Чтобы посмотреть возможные команды, запускаем npm run help

Базовые команды

Команда   Описание
npm run build   Сборка, сжатие, оптимизация всей статики
npm run build:dev   Сборка всей статики без сжатия (+sourcemaps)
npm run build:all   Запуск npm run build:dev и npm run build:prod
npm start   npm run build:dev + livereload
npm run start:prod   npm run build + livereload
npm run clean   Очистить папку public
Gulp tasks

Название   Описание
js   Сборка JS (+sourcemaps)
js:dev   Сборка, сжатие и оптимизация JS
styles   Препроцессинг и сборка CSS (+sourcemaps)
styles:dev   Препроцессинг, сжатие, оптимизация и сборка CSS
images   Оптимизация изображений
Чтобы запустить задание выполните gulp task_name

P.S. Начинающим разработчикам очень рекомендую избрать такой путь  Smiley
А от бывалых надеюсь получить обратную связь, там много чего можно допилить, надеюсь обсуждение в данной теме приведет нам к истине  Wink
« Последнее редактирование: 09.04.2017, 10:11:50 от buyanov » Записан
 
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #31 : 17.10.2012, 21:28:23 »

А что про SASS то?
Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #32 : 17.10.2012, 21:30:34 »

voland, может стоит начать с малого? Компиляторы и прочее оставить на потом?

----------------------------

Предлагаю данный вариант разработки не просто так, а основываясь на собственном опыте.
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #33 : 17.10.2012, 21:32:59 »

Начинать надо с целей, задач, перспектив и багтрекера.
Желательно еще git и команду разработчиков.

А технические детали - уже потом.
Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #34 : 17.10.2012, 21:34:38 »

Т.е. ты сначала оптимизацию проводишь, а потом верстку делаешь?
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #35 : 17.10.2012, 21:36:52 »

Я сначала ставлю задачи, будет то и это, а се не надо.
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +23/-1
Offline Offline

Пол: Мужской
Сообщений: 159


Сайты 74


« Ответ #36 : 17.10.2012, 21:37:14 »

Ок =) буду рад если есть у кого готовые решения этих вещей...
так-то по-хорошему надо бы переписать и com_contact, latestnews, breadcrumbs дофига чего...
еще один косяк нашел с gzip сжатием... пофиксил

можно выкинуть на gitHub и там ковырять, правда я им по стольку по скольку пользуюсь =)
« Последнее редактирование: 17.10.2012, 21:41:39 от buyanov » Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #37 : 17.10.2012, 21:42:56 »

voland, удачи.

Умываю руки.

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

А на счет использования SASS (SCSS) я бы поспорил - начиная от порога вхождения, заканчивая компиляцией.
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #38 : 17.10.2012, 21:47:49 »

Если делать SASS, то делать это нужно сразу. При помощи него разрабатывать сетку. Или потом придется все переписывать с нуля. Ну, или почти с нуля. Кстати о сетке, можно интегрировать с grid960, баян, который уже в каждом шаблонном фрэймворке, но штука удобная. Шаблон делать адаптивным, по всей технологии, включая авторазмер изображений в блоке, свертывания горизонтальной навигации в drop-down и т.д. Детально проработать типографику, как русскую, так и буржуйскую. А модули - зачем они в бланке? Абсолютно любой модуль в бланк должен садиться нормально. И да, зачем это все? Цели, задачи, площадки - это есть платформа проекта.
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #39 : 17.10.2012, 21:49:25 »

Можно и LESS подключить, но на уровне сервера, а не клиента.

Собственно я про то, что эти 5 дней надо провести в верном направлении, а не переделывать потом.
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #40 : 17.10.2012, 21:50:37 »

Если делать SASS, то делать это нужно сразу. При помощи него разрабатывать сетку. Или потом придется все переписывать с нуля. Ну, или почти с нуля. Кстати о сетке, можно интегрировать с grid960, баян, который уже в каждом шаблонном фрэймворке, но штука удобная. Шаблон делать адаптивным, по всей технологии, включая авторазмер изображений в блоке, свертывания горизонтальной навигации в drop-down и т.д. Детально проработать типографику, как русскую, так и буржуйскую. А модули - зачем они в бланке? Абсолютно любой модуль в бланк должен садиться нормально. И да, зачем это все? Цели, задачи, площадки - это есть платформа проекта.
Вот, точно выразил технические детали.
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #41 : 17.10.2012, 21:51:03 »

SASS тоже не нравится. Хз что он там облегчает кому, но то, что можно написать двумя строчками при "помощи" него раздувается до пяти. Удобен только в шаблонах, где таблица стилей переваливает за пару тысяч строк. При меньшем объеме все его достоинства превращаются в недостатки.
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +23/-1
Offline Offline

Пол: Мужской
Сообщений: 159


Сайты 74


« Ответ #42 : 17.10.2012, 21:51:18 »

Подходов много опыт, у всех разный... На самом деле важен только результат! Посему предлагаю не тянуть в разные стороны, а как-то договориться и если не интересно то вообще ниче не делать и не сотрясать воздух, а если интересно то:
критикуешь - предлагай, предлагаешь - делай =) по моему так.

Сразу скажу в гитхабе командой ни разу не работал, поэтому если у кого есть опыт с радостью пообщаюсь на эту тему!
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #43 : 17.10.2012, 21:53:40 »

На самом деле важен только результат!
Типичное заблуждение.

Гораздо важнее возможности, развитие, поддержка и соответсвие тенденциям.
А для результатов есть и Артистиры всякие.
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #44 : 17.10.2012, 21:54:21 »

По поводу Грида - бутстрап и так содержит сетку и типографику)
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +23/-1
Offline Offline

Пол: Мужской
Сообщений: 159


Сайты 74


« Ответ #45 : 17.10.2012, 21:54:36 »

на счет площадки могу предоставить ftp и ssh доступ к своему серваку (4 пенек с 2 гб оперативы) не торт но и не виртуалка либо могу vps еще взять для такой темы =)
Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #46 : 17.10.2012, 22:07:50 »

Неее)) Взялись, так уж до победного! ))

Рекомендую все же начать с малого - с качественной, более или менее универсальной болванки.
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #47 : 17.10.2012, 22:08:58 »

А сама команда уже отыскалась? Вы просили предложений, а теперь уже предлагающий должен сам реализовывать свое предложение. Давайте так, соберите сетку, сделайте форсированные позиции для объединения ячеек (например когда нужно организовать шапку сайта или футер), а мы будем тестировать и указывать на слабые места. Подходит такой вариант? Может быть в будущем кто то и приложит руку к дальнейшему развитию. Лично я пока перспектив не вижу. Пока...
Записан
Fedor Vlasenko
Профи
********

Репутация: +699/-5
Offline Offline

Пол: Мужской
Сообщений: 3827


Все начинается с Value


« Ответ #48 : 17.10.2012, 22:09:32 »

Можете мои 5 копеек вставить в шаблон
Мультиязычное лого картинкой
Ширина модулей в зависимости от количества опубликованных позиций Стоит доработать немного
Класс страницы добавьте. И выкиньте все что связано с CSS и js из шаблона? это не уровень шаблона
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #49 : 17.10.2012, 22:10:03 »

Неее)) Взялись, так уж до победного! ))

Рекомендую все же начать с малого - с качественной, более или менее универсальной болванки.
Потом переделывать ее под SASS, потом окажется что позиций маловато, а через месяц понять что доктайп не тот?
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #50 : 17.10.2012, 22:10:59 »

И выкиньте все что связано с CSS и js из шаблона? это не уровень шаблона
Не понял, это как?
Записан
Fedor Vlasenko
Профи
********

Репутация: +699/-5
Offline Offline

Пол: Мужской
Сообщений: 3827


Все начинается с Value


« Ответ #51 : 17.10.2012, 22:15:37 »

Сжатие, оптимизацию, объединение, минимизацию и кеширование CSS js
Это не уровень шаблона
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #52 : 17.10.2012, 22:16:20 »

Да и все равно, бланком "по-умолчанию" останется beez20  Grin
Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #53 : 17.10.2012, 22:16:33 »

voland, ты сам то SASS (SCSS) используешь?

Вот лично я - нет, даже LESS за частую избыточен, кроме того, за основу берется bootstrap, причем здесь использование SASS ?
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #54 : 17.10.2012, 22:17:45 »

Сжатие, оптимизацию, объединение, минимизацию и кеширование CSS js
Это не уровень шаблона
Возможно - да, но вроде в движок это до сих пор не добавили, стандарт де-факто - реализовывать это в студийных шаблонах.
Соответсвенно и в чистом шаблоне\шаблоне для прототипирования логично делать это на уровне шаблона.
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #55 : 17.10.2012, 22:20:21 »

voland, ты сам то SASS (SCSS) используешь?

Вот лично я - нет, даже LESS за частую избыточен, кроме того, за основу берется bootstrap, причем здесь использование SASS ?
В проектах на Joomla - нет. В MaxSite использую LESS, куда он встроен.
Пока нет явного лидера и наработок - мне все равно, какой именно язык встраивать.

Но для быстрого прототирования (а именно это задача подобных шаблонов) - вещь просто необходимая - в 2 клика сменить цветовую гамму.
Записан
buyanov
Осваиваюсь на форуме
***

Репутация: +23/-1
Offline Offline

Пол: Мужской
Сообщений: 159


Сайты 74


« Ответ #56 : 17.10.2012, 22:30:52 »

На счет команды и т.д. Тут у меня подход простой:

если бы мне надо было сделать продакшн версию со всеми видимыми и не видимыми приблудами я бы написал хотелки и заплатил... тут дело больше в интересе заниматься чем-либо, что кому-то когда-то пригодится, если бы когда-то разработчики Joomla (а тогда еще мамба) начали задумываться о том а где же команда? а где же на взять то-то а как же наш план! а кто его нам сделает?! или Торвальдс Линус запарился бы со своим юниксом... ничего бы не было мы бы щас не сидели с пеной у рта и не ругались бы и вообще возможно сайтов не писали и ни хрена не делали бы =)

Поэтому если есть предложения предлагай как это сделал Poznakomlus
Если нет тогда лучше не мешайся =) Логично?  по моему да.

Могу пообещать только одно что все дельные идеи признанные большинством и конструктивная критика все будут в авторах этого проекта (если мы прийдем к компромиссу и сделаем хоть что-то =)
Записан
al-teen
Support Team
*****

Репутация: +221/-10
Offline Offline

Пол: Мужской
Сообщений: 2461



« Ответ #57 : 17.10.2012, 22:33:36 »

В последнюю версию Gantry запилили SASS. Что на самом деле создало больше путаницы, чем какой то практической пользы. Хотя Роккеты его больше для себя делают, а с их шаблонами он может быть вполне оправдан. Все ж это тенденция.

P.S. МаксСайт ще нэ вмэр? Три года назад активно его использовал. Отечественный Wordpress так скть.
Записан
Fedor Vlasenko
Профи
********

Репутация: +699/-5
Offline Offline

Пол: Мужской
Сообщений: 3827


Все начинается с Value


« Ответ #58 : 17.10.2012, 22:34:34 »

Цитировать
реализовывать это в студийных шаблонах.
Да на уровне плагина. Возьмите клубный шаблон или фреймворк за эту работу отвечает плагин. Потому советую не сваливать все в кучу. Плагин для сжатия, объединения, минимизации, отключения, загрузки, перенесения скриптов и js отложить да и вообще не рассматривать
Записан
voland
Профи
********

Репутация: +511/-93
Offline Offline

Пол: Мужской
Сообщений: 9498


СКАЙП утерян! Пишите в телеграм!


« Ответ #59 : 17.10.2012, 22:39:34 »

Интерес есть, но я совсем не верстальщик, хотя может по мелочи чем и помогу.
 
Есть желание сделать неодноразовый проект - то все просто.
1) перечисляем задачи
2) перечисляем используемый инструментарий
3) саппорт\баги и прочая основная ерунда.

На вскидку..
HTML5
LESS
Bootstrap + JQuery + mootoools (всё отключаемо)
Позиций по аналогии с современными yootheme\rocket плюс дублирование их названий в стиле Atomic (position7 итп)
Адаптивный вывод разметки
Стили
Автообновление (добавил)

Выше основное, в перспективе
Микроразметка контактов
Каноникал
итп
« Последнее редактирование: 17.10.2012, 22:44:11 от voland » Записан
NightGuard
Практически профи
*******

Репутация: +378/-7
Offline Offline

Пол: Мужской
Сообщений: 3035


вжжж-вжжж


« Ответ #60 : 17.10.2012, 22:39:42 »

А что предлагать? Мое предложение сделать более или менее универсальный бланк, для начала, в последствии можно прикрутить LESS (на выбор php/js, варианты компиляции выбирать в настройках шаблона), но прикручивать уже как развитие проекта, а не как изначальный функционал. Прикручивать SASS (SCSS) вообще смысла не вижу.

Сетку брать - bootstrap, типографика в комплекте будет, проработать шаблонизацию компонентов/модулей, чтобы всё пинать минимальными движениями, добавить возможность смены цветового оформления сайта, всё, больше на начальной стадии не сделать (компрессия и прочее это само собой разумеющееся).
Записан
Страниц: 1 [2] 3  Все   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet