Бесплатный шаблон "Developer-Kit"

По аналогии с шаблоном "Starter-Kit" решил сделать нечто подобное и для девелопера, правда в итоге немного увлекся и прикрутил к нему еще и Bootstrap. В итоге получился легкий шаблон для разработчиков со всеми прелестями Бутстрапа.

Что было сделано
  • Максимально облегчен девелопер.
  • Убраны все стили описанные в Бутстрапе (остался лишь необходимый для ЛС минимум: расположение блоков, элементов и проч.).
  • Html старался изменять по-минимуму, но некоторые изменения все же были: структуру подогнал более-менее под synio, что-то переписал под Бутстрап, плюс еще какие-то мелочи, которых уже и не припомню.

Распространение шаблона
Шаблон распространяется бесплатно и как есть, после модерации будет доступен для скачивания в каталоге. Все баги и предложения просьба оставлять там же, в багтрекере.

Лицензия
Шаблон распространяется по лицензии Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) по которой вы можете свободно:
  • делиться — копировать, распространять и передавать другим лицам данное произведение
  • изменять (создавать производные произведения) — чтобы приспособить это произведение к своим задачам
  • использовать произведение в коммерческих целях

При обязательном соблюдении следующих условий:
  • Вы должны атрибутировать произведение (указывать автора и источник) в порядке, предусмотренном автором (активная ссылка на мой профиль, которая уже прописана в копирайтах).

Снять мой копирайт можно за донейт от 10уе.

GitHub: github.com/vj-team/developer-kit
Шаблон присутствует на Гитхабе, правда с ним я знаком на уровне клиента для windows, так что не судите строго если что.

78 комментариев

avatar
Отлично!
avatar
Спасибо.
avatar
Шаблон понравился, спасибо! Всё так чётко, акуратно и без излишеств, что просто ня. Самое то для обкатки/подгонки/etc.
avatar
Спасибо.
avatar
Что то тут не так)

Opera 12.14
avatar
Это просто ширина модальных окон используется Бутстраповская, принял к сведению.
avatar
Как ты это решил? Просто есть один сайт и я не знаю как такое решить(
avatar
решил что?
avatar
С обрезкой изображений во время вставки.
avatar
оно в движке так и есть (в настройках профиля)
avatar
Очень, очень круто!
avatar
Спасибо.
avatar
ой молодцы :)
avatar
Спасибо. А почему во множественном числе? Я один делал. Надеюсь, без обид за конкуренцию?
avatar
Спасибо большое за шаблон. Но было еще круче, если старые всемилюбимые шаблоны были тоже апргретнуты под 1.0
avatar
Пожалуйста.

Если хотите обновления какого-то из старых шаблонов — можете простимулировать это дело. )
avatar
ну я с уважением обратился на ВЫ :) мы же не знакомы.

Да какая конкуренция, да вы внедрили стили, да сделали адаптивность, это конечно супер, но вы сами написали что обрезали много, а это не хорошо :)

ну так сказать ваш шаблон для одного, мой для другого, я только рад за вас.
avatar
супер, но вы сами написали что обрезали много, а это не хорошо :)

вырезались только стили уже прописанные в бутстрапе, функциональность шаблона не изменялась
avatar
а я не это имел ввиду, я имел ввиду что вы урезали бутстрап, а у меня в шаблоне наоборот по максимуму вживить его, включая не только стили но и его js
avatar
бутстрап не урезал, да и js его подключен, другой вопрос что js ЛС не отключал и не перевешивал на бустраповский
avatar
извините тогда я не понял что вы урезали? стили LS? которые дублировались в BS?
avatar
так я же и не говорил, что что-то урезал )

взял девелопер, облегчил его, т.е. повырезал стили «красивостей», получилось нечто похожее на Starter-Kit, затем стрельнуло в голову основные стили вынести в отдельную папку, сделать что-то типа фреймворка, когда начал это делать понял что в ней собирается нечто похожее на тот же Бустрап, тогда и подумал а почему бы и не воспользоваться собственно самим бутстрапом…

так что да, из шаблона выпиливались стили дублирующиеся в бутстрапе + структура html подгонялась под бутстрап, но об этом всем есть в топике…
avatar
просто я вас не понял, а теперь понял )
avatar
ничего страшного )
avatar
затем стрельнуло в голову основные стили вынести в отдельную папку, сделать что-то типа фреймворка, когда начал это делать понял что в ней собирается нечто похожее на тот же Бустрап
github.com/livestreet/livestreet/tree/master/templates/framework/css
avatar
да видел это, но где-то через неделю после начало работы… а так может и не заморачивался бы со всем этим ))
avatar
а если ли разница делать это в папве фреймворка или создать свою папку?

это я к тому спрашиваю используются какие либо переменные для использования этой папки?
avatar
У ul элементов по дефолту остается list-style-type, что выводит лишние «точки» в разных кастомных меню и т.п. Хотя это, конечно, спорный вопрос как должно быть, но в остальных ЛС шаблонах это ресетится.
avatar
Я в курсе, но оставил это по-бутстраповски, а спискам достаточно добавить класс unstyled чтобы убрать «точки» и отступы.
avatar
Это понятно, что сделать можно все, что угодно :) Но это значит надо делать какие-то дополнительные телодвижения, чтобы нормально работало именно под ваш шаблон и те, которые будут основаны на вашем. Почему бы не следовать стандартам, сложившимся в ЛС?
avatar
Я просто максимально облегчал шаблон. Можно было бы конечно и сделать ресет списков (да и еще некоторых вещей), но тогда пришлось бы дописывать стили в тех случаях, когда они необходимы, хотя таких, как правило, меньше… тут действительно палка о двух концах, но я решил, сделать так.
avatar
Ну в таком случае вы потенциально обрекаете те 100+ плагинов для ЛС 1.0.х на доработку к вашему плагину. На мой взгляд это не совсем правильно.
avatar
к вашему шаблону, конечно же.
avatar
Если будет спрос на шаблон я адаптирую плагины под него без проблем, да и как-бы здесь уже практика такая сложилась… ну а если уж будут возникать постоянные заморочки с этим, то в шаблоне поправлю. Но в любом случае, пока — так.
avatar
да и как-бы здесь уже практика такая сложилась…
От этой (порочной) практики пытаются отойти. Стандартизировать классы так, чтобы изменения от шаблона к шаблону требовались бы минимальные, в большинстве своем именно косметические и никак не добавлением 700100500 классов в теплейты плагинов. Ведь понятно же, что шаблон делается один (как правило) для сайт, а вот плагинов на сайт можно понаставить десятки. Поэтому шаблоны должны быть стандартизированы так же как и сам ЛС.
avatar
Вы — молодец!
avatar
Спасибо!
avatar
Отсутствует класс modal-content с отступами.

П.С. И да: вы — молодец. Багрепорты из желания довести творение до ума :)
avatar
Ну и вообще с классами для модального окна — определенная беда :)
avatar
где и в чем? или имеется ввиду ширина модальных окон?
avatar
modal-content заменен на modal-body, который есть в Бутстрапе

вообще в таких случаях поступал следующим образом: если класс описан в бутстрапе, вырезал стили для него из шаблона, если класс описан в бутстрапе, но имеет другое название, то либо переписывал класс в шаблоне, либо добавлял в шаблон бутстраповский класс, все зависело от ситуации
avatar
На мой взгляд было бы правильней добавлять к бутстраповскому названию класса — ЛСовское. Это было бы правильней с точки зрения совместимости с существующими плагинами.
avatar
в основном старался так и поступать modal-content один из немногих случаев, очень уж не хотелось городить огород типа class=«modal-content modal-body»
avatar
Соглашусь, ты очень крут. Скажи, а сколько фин.поддержки займёт обновление шаблона Стартер?
avatar
обновление до чего?
avatar
Ну я не спец в этом, но если бы шаблон стартер ужимался так же, как и тот, что обсуждается здесь — это было бы круто, вот я что имел ввиду. сколько сие может стоить? так же готов обсудить и другие доделки.
avatar
если имеется ввиду адаптивность, то любой шаблон можно сделать адаптивным, если вы имеете ввиду будет ли стартер совмещен с бутстрапом, то — нет, не вижу смысла

на счет каких-то платных доработок — ничем не смогу помочь, сейчас время высокой занятости
avatar
Хорошо, давайте тогда разобьём мой же вопрос на две части:

1 что есть этот ваш бутстрап?

2 адаптивным шаблон сколько будет стоить сделать и кто может взяться за сие?
avatar
avatar
Вот русская версия — bootstrap.veliovgroup.com/.
Сижу — изучаю.
Неплохо было добавить эту ссылку выше в пост.
avatar
Спасибо jnanamurti.
avatar
Благодарю за проделанную работу! Отличное решение!
avatar
Спасибо!
avatar
Здорово! Спасибо!!! надо будет поиграться)
  • ASA
  • 0
avatar
играйтесь на здоровье! )
avatar
со всеми прелестями Бутстрапа
И пока у других лишь планофф громадьёю… Отл.
avatar
При пролистывании до следующего топика, заголовок топика скрывается под панелью меню.
avatar
Еще уведомления появляются и закрывают кнопки авторизации. Опустите их пониже чуток.
avatar
это не самостоятельный шаблон, он скорее больше для разработчиков предназначен, поэтому эти вещи не стал менять — менюшка может быть и не прикрепленной кверху, да и нотисы у каждого могут быть сделаны по-своему
avatar
Я люблю Боотстрап, он же такой няшный ;)
avatar
ну да, только на каждом третьем сайте в сети уже этот бутстрап :)
avatar
вот такой сложно напяливать? )))
  • Rega
  • 0
avatar
не знаю, пробовал делать нечто похожее по структуре из дефолтного шаблона особенных сложностей не возникало
avatar
Красавчик)
avatar
Шикарно выглядит, пробоавл на планшете, при поворотах и прочем вроде ниче не плывет и нормально отображается.
На телефоне с разрешением 400x240 тоже нормально получилось, правда там сайдбар не отображается, но это наверное к лучшему )

Интересно как он будет вести себя в сочетании с плагинами в часности с ДАО
avatar
сайдбар вниз опускается
avatar
Не люблю я плавающую шапку, да и сообщество не одобряет… Хотя все по разному к ней относятся.
avatar
к ней, наверное, хорошо относятся те, у кого по вертикали много места
avatar
не любите — достаточно заменит класс navbar-fixed-top в навбаре на navbar-static-top…
avatar
это всего лишь пример использования, не более
avatar
101кб кода в одну строку, для разработчиков это конечно жестоко (файл bootstrap.min.css), если для разработчиков может стоило uncompressed версию?

Шаблон супер, один из лучших среди платных и бесплатных для ls )
avatar
Так не проблема же скачать бутстрап, залить файл bootstrap.css и прописать его в конфиге вместо bootstrap.min.css, если есть желание редактировать сам файл фреймворка. Но лучше переопределять его стили в своей теме — меньше проблем с обновлением будет.

Спасибо.
avatar
Можете подсказать в каком файле изменить классы всплывающих сообщений, вроде «Необходимо авторизоваться!» и т.п: никак не могу найти, наверное это где то не в самом шаблоне…
avatar
jquery.notifier.css
avatar
Не. Я хочу прописать div-ы от bootstrap-a для всплывающих сообщений, должен быть какой-то tpl файл или что-то в этом роде.
avatar
сомнительная затея. Лучше взять стили из бутстрапа и продублировать их в упомянутом выше css (#notifier — основной контейнер, #notifier .n-box — отдельные сообщения,.n-notice и .n-error — стили сообщений).

Но если очень-очень хочется расковырять jquery-плагин, являющийся частью движка, то он здесь: /engine/lib/external/jquery/jquery.notifier.js
avatar
конкретно — функция box и опции ..._class в начале плагина
avatar
О, спасибо большое, буду разбираться.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.