J!Blank Template - Чистый шаблон для Joomla 2.5.x / 3.x (Less / SCSS / mobile / CSS3 / HTML5 и т.д.) - Joomla 2.5: Разработка шаблонов

J!Blank Template — это современный шаблон для Joomla CMS, ориентированный на разработку индивидуального дизайна с учетом последних стабильных «писков моды» из мира разработки фронт-энда.

Он подойдет вам только в одном случае — вы хотите «с нуля» разработать собственный шаблон Joomla, но лень заморачиваться на мелочи и доделывать собственные пустышки, которые любовно дрейфуют из проекта в проект.

Внимание! Если не знаете как пользоваться HTML+CSS, то, дабы избежать лишней головной боли — пожалуйста не скачивайте и не пользуйтесь этим продуктом. Это сохранит и ваше и мое время (узнавал, штука оказывается очень дорогая).

Краткий список фич

• Полная поддержка Joomla 3.x и 2.5 (1.5.x — нет конечно).
• Актуальные системные шаблоны Joomla.
• Поддержка Less & SCSS (с прозрачным кешированием).
• Режим отладки для работы с препроцессорами CSS.
• Конвертирование мелких картинок в base64 на ходу.
• Простейшее и очень удобное API для управления шаблоном.
• Самый минимум стилей, но с базовым джентльменским набором.
• Авто определение мобильных устройств 2-мя способами (media query или по заголовкам http)
• Включение подшаблонов.
• Туча удобных мелочей.

Ранее проект мертвым лежал на Joomla-Book.ru и долгое время был успешно мной заброшен, т.к я переключился на JBZoo.
Теперь он снова будет развиваться, но уже на более серьезной основе.  

А тут мы написали разжеванный мануал о том как начать работать с J!Blank

Если вам понравился мой проект, то я коллекционирую спасибки  

Спасибо за труды, Денис.
Теперь попроще верстать хоть будет.

так и должно быть:
оюъясните как пользоваться
я ожидал что будет как на демо
___________________
разобрался
снимаю вопрос

\html\mod_whosonline\default.php - в самом конце у вас тег php в <?php endif; не закрыт.

от себя добавлю - <?= лучше заменить на <?php echo  - "береженого бог, бережет"

Все спасибо. как раз собирался верстать под Joomla совершенно бесплатно теперь еще проще.

как раз собирался верстать под Joomla совершенно бесплатно

не понял?
то есть вы шаблончик можете сверстать бесплатно?  
______________
Вы не подумайте я не халявщик, просто интересно
щас вот думаю как сделать шаблон для сайта j2.5 свой, но пока смотрю видео уроки на ютьюбе...не понятно конечно много

думаю данный компонент должен подойти - получается мне надо нарисовать шаблон в PSD потом в Notepad++ его сверстать (дремвувер слишком сложно для меня)
_

кстати гв?

кстати гв?

То еще ГВ как и Артистер =)
Руки и голова - наши лучшие друзья... 

То еще ГВ как и Артистер =)

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

то есть вы шаблончик можете сверстать бесплатно?

бесплатно только сыр в мышеловке
Но мы собираемся делать шаблоны для Joomla 2.5
з.ы. еще руки не дошли посмотреть отличия от шаблонов 1.5, ну думаю там не сильно отличаться будет, тем более если есть такая среда как JBlank Template, то многое в разы облегчается

з.ы. еще руки не дошли посмотреть отличия от шаблонов 1.5, ну думаю там не сильно отличаться будет

не сильно, все изменения то практически только XML файла коснулись...

не сильно, все изменения то практически только XML файла коснулись...

thanks, прост времени нету посмотреть в выходные разберемся

украли у вас http://www.blank.vc/ ??

Небо и земля... совершенно разные вещи
что-то он совсем уж чистый

Небо и земля... совершенно разные вещи
что-то он совсем уж чистый

основа похоже, что одна из пуленепробиваемого шаблона + названия похожи:)

основа похоже, что одна из пуленепробиваемого шаблона + названия похожи:)

Как шаблонщик знакомый с обоими проектами (blank.vc И JBlank) могу сказать, что у авторов данных разработок 2 разных подхода.
blank.vc - практически чистейший шаблон для Joomla 2.5:

• минимизация и объединение CSS и JS
• нет шаблонов для стандартных компонентов

JBlank:

• своеобразное мини-API для управления JS/CSS и модулями шаблона
• CSS-grid
• шаблоны для стандартных компонентов
• симпатичная типографика и стили основных элементов
• отсутствие минимизации и объединения CSS и JS

Денис а как поправить
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
а то валидатор ругается

Денис а как поправить
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
а то валидатор ругается

В файле "/php/template.php" в районе 200 строки

В исходном коде вижу похожие элементы. Впечатление, будто кто то у кого то что то содрал.

ориентированный на HTML5

Почему Вы считаете, что ограничившись доктайпом хтмл5 получите хтмл5 шаблон? Таким макаром любой дурак может "верстать на хтмл5".
Да и бредовая претензия на неотехнологии это. Делая шаблон по технологии html5 придется прикручивать костыли даже для новых браузеров. Очередной понт, который, как известно, дороже денег?

Вобще, я сомневаюсь что профессиональные верстальщики будут использовать подобные вещи. Я например никогда не полагаюсь на какие то фрейворки и вещи, сделанные не своими руками. У меня самого есть болванка, где есть все необходимое мне. Из css-фреймворка взял только типографику из blueprint да оформление элементов форм. Остальное, всякие гриды и прочая фигня меня не устраивает, это уместо только для какихто мегауниверсальных шаблонов, а когда имеется конкретный дизайн, то все стили и разметка пишутся уникальные. Получается все минималистично, четко и разборчиво. Вот пример кода index.php из последней работы:

link rel=link rel=

Вобще, я сомневаюсь что профессиональные верстальщики будут использовать подобные вещи. Я например никогда не полагаюсь на какие то фрейворки и вещи, сделанные не своими руками. У меня самого есть болванка, где есть все необходимое мне. Из css-фреймворка взял только типографику из blueprint да оформление элементов форм. Остальное, всякие гриды и прочая фигня меня не устраивает, это уместо только для какихто мегауниверсальных шаблонов, а когда имеется конкретный дизайн, то все стили и разметка пишутся уникальные. Получается все минималистично, четко и разборчиво. Вот пример кода index.php из последней работы:

Ну вот и я про то же. Гриды используют клубы потому что их шаблоны обязаны быть универсальными с кучей настраиваемых позиций. В обычных проектах весь этот мусор больше мешает. А если какой то нестандартный макет, то с гридами там вообще каши не сваришь. Да и расположить элементы на странице можно и без них. Аналогично, думаю как и у любого опытного верстальщика, имею собственные болванки на разные макеты. Несколько файлов типографики, несколько типов ресетов и тому подобной перхоти, экономящей время. И все это дело написано собственноручно, потому уже знаешь поведение того или иного на странице в деталях. И вообще, брать и переделывать чужое намного сложнее, пока расковыряешь, пока разберешься где там файл рогов, а где настройки цвета копыт - не экономично в плане трудозатрат. Подобные "бланки" больше подойдут для любителя - заменить картинки и радоваться. Специалисту они не помогут никак.

Чет не получается вывести так

а получается аж вот как

а может отсюда начать ?

А в чем проблема то? Ну устанавливает Joomla мета тэг указывающий кодировку не в html5 варианте. И что?
html5 не запрещает использование meta http-equiv тэгов.
Этот тэг по сути вообще нафиг не нужен, сервер отсылает в любом случае заголовок с указанием кодировки.Тэг этот нужен только при открытии локальной копии html-файла на компе, ибо при этом некому слать заголовки с указанием кодировки.

Проблема в том что валидатор пи... на эту строку

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Я так понимаю потому что она выводится в самой ж... а должна

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

а Joomla код я лесть не хочу

а может отсюда начать ?

Именно от туда и надо было начинать )))
Там написано

Удалить, если вы используете Htaccess

P.s Денис а может как то подправить ? а то удалять не совсем правильно ))

Понты дороже денег... ?)))))

Ни разу не просил денег за него, а скачало его более 20000 раз. Каждую новую версию сбрасываю счетчик....

Ориентирован на HTML5 потому что:
 - в CSS ресете перечислены все (или большая часть тегов) из нового спека.
 - в CSS учел некоторые популярные замечания по новым элементами HTML (например svg {overflow: hidden;} чтобы победить IE, или сброс "::selection" на более приятный цвет итд). Думаю бывалый верстальщик заметил
 - частично собран с использованием html5boilerplate.com (нуждается в представлении?)
 - используется "modernizr.js". Надеюсь не нужно объяснять бывалым верстальщикам зачем он тут
 - в формах используются некоторые мелкие приятные фишки css3, градиенты, небольшие закругления, тень итд Для старых браузеров это и не нужно поддерживать, и выглядеть будет терпимо. Для новых - более приятный интерфейс.
 - добавлен плагин placeholder - как бы намекает на новые удобства HTML5
 - и да! как вы смоги заметить - новомодный доктайп ! который любит вставлять каждый

про то что будет кросcбраузерный html5 я нигде не писал. считаю это не нужным. Пусть это будет своя битва каждого из вас
сам давно в своих разработках отказался от браузеров ниже 8ие. в паре проектов и от 8ие отказались. слишком уж там крутой интерфейс будет... да и Joomla там к счастью не пахнет.
другим тоже советую отказываться

960грид я и не считал большим достижением, старо как мир. И уж тем более не приписывал его к HTML5
Просто с прошлых версий очень много народу попросило меня его добавить. Я противился, но все же добавил опциональную возможность. ... значит кому то удобно
...а мне грид помог быстро собрать демку

Практически все что есть в шаблоне можно отключить мышкой и получится не больше чем написано у товарища danik.html
Только вот в моем шаблоне будут удобства, например таймстамп модификации в имени файла, а вы будете говорить вашим клиентам коронную фразу "Почистите кеш".


Давайте не забывать что это все таки ЧИСТЫЙ ШАБЛОН БОЛВАНКА. Он не предназначен для решения всех проблем с вашим сайтом. А только поможет в чем то.
Не обязательно использовать все подряд из шаблона. подключайте только то что вам нужно.
Если вы не понимаете в чем смысл этог шаблона, зачем качаете?


PS К счастью для меня Joomla не занимался почти 2 года. Сайт о ней - это просто хобби. Судя по всему картина не изменилась среди "вебмастеров")))) 
PSS меня очень удивило и даже польстило что такие крутые верстальщики как "danik.html" и "al-teen" зашли скачать JBlank. Зачем? у вас же есть своя сборка на коленке в 3 файла

2 oriol
Это (IE=edge,chrome=1) нужно для поддержки в IE раcширения chrome. Вещь оченьредконужная. Может она вам и не нужна?

PSS меня очень удивило и даже польстило что такие крутые верстальщики как "danik.html" и "al-teen" зашли скачать JBlank. Зачем? у вас же есть своя сборка на коленке в 3 файла

    Он думает, вы пользоваться будете.... А то, что на коленке - это понты....

Это (IE=edge,chrome=1) нужно для поддержки в IE раcширения chrome. Вещь оченьредконужная. Может она вам и не нужна?

Я же написал

Денис а может как то подправить ? а то удалять не совсем правильно

Что надо сделать чтобы валидатор не ругался?


P.s. Да и я не удаляю безвозвратно а просто выношу в .htaccess

Ну, я вобщем то ничего тут не скачивал, ибо представляю что в архиве, и если мне что-то нужно, то я добавлю это себе сам, из первоисточников.
Насчет таймстампа - я считаю что шаблон должен делать не более чем обязан  - а именно быть "шкуркой" сайта. Всякие таймстампы, минимизация js/css, jquery и прочее - это все должны обеспечивать плагины, потому как CSS и js, и тем более jquery используется не только собственно в шаблоне.
И зря ты так про "на коленке". Файлы не на коленке созданы, а путем эволюции при создании десятков шаблонов.