Как стать автором
Обновить

ЦБ разработал шаблон для раскрытия информации о дебетовых картах

Время на прочтение 1 мин
Количество просмотров 1.3K
Визуализация данных *Финансы в IT

Центробанк разработал специальный шаблон в виде таблицы, в которой будет содержаться информация о дебетовых картах. Регулятор рекомендовал банкам придерживаться этого шаблона при раскрытии данных об условиях выпуска и обслуживания этих карт.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 0

MODx. Базовые вещи

Время на прочтение 4 мин
Количество просмотров 39K
MODX *
Любой, кто начнет разбираться в MODx столкнется с новыми терминами. Все довольно просто запоминается. А чтобы не приходилось запоминать, что и как пишется, мы все отметим здесь.

Также здесь мы отметим небольшие моменты, которые периодически можно подсматривать.

Читать дальше →
Всего голосов 6: ↑5 и ↓1 +4
Комментарии 23

Инструкция о том, Как сделать интересный сайт об автомобилях, потратив 3 дня и 85 $

Время на прочтение 1 мин
Количество просмотров 870
Разработка веб-сайтов *

Топик удален в связи с обилием рекламы сайта автора.


Оригинальный пост — в блоге автора.
Всего голосов 70: ↑33 и ↓37 -4
Комментарии 85

Альтернативная реализация шаблонов в 1С-Битрикс

Время на прочтение 2 мин
Количество просмотров 6.3K
CMS *
Для начала напомню, как реализованы шаблоны в стандартном виде для 1С-Битрикс. Все шаблоны хранятся в папке /bitrix/templates/. Папка шаблона содержит обязательные файлы header.php и footer.php. По сути эти два файла вместе образуют шаблон страницы, т.е. сначала подключается header.php, потом контент страницы, потом footer.php. Схема тупая до безумия. В первую очередь тем, что шаблон разбит на две части и редактировать его как единое целое можно только через систему администирования. А это уже клиника. Второе неудобство такой схемы заключается в том, что мы, по сути, не можем использовать переменные страницы в части header.php, так как на момент вызова первой части шаблона система еще не «знает» об этих переменных. Конечно, можно использовать предлагаемый вариант буферизации данных, но опять же такие переменные можно использовать только на вывод.
Читать дальше →
Всего голосов 10: ↑3 и ↓7 -4
Комментарии 2

Шаблоны

Время на прочтение 9 мин
Количество просмотров 2.9K
JavaScript *
Сейчас на 99.9% сайтов используются PHP шаблоны. Во многих движках это является неотемлемой частью. Я хочу представить вам совершенно другой подход.
Недавно я разрабатывал тестовое задание и решил попробовать использовать JS шаблоны.

И вот то, что у меня в результате получилось
Всего голосов 58: ↑51 и ↓7 +44
Комментарии 92

DIV-ная верстка, footer прижат

Время на прочтение 2 мин
Количество просмотров 5K
Разработка веб-сайтов *
Много способов прижатия футера к нижней кромке окна уже изобретено и описано, стОит только погуглить. Но хочется поделиться тем, к чему пришёл самостоятельно (пришлось изобретать, т.к. не было инета под рукой :))…

Сначала пошёл ошибочным путём: основной DIV с контентом — 100% по высоте, а хидер и футер спозиционированы абсолютно. Выглядит нормально во всех браузерах, но в ИЕ6 вылезал косяк — при динамической смене контента (через javascript) футер оставался на своем месте, т.е. не перемещался вслед за кромкой окна. Поэтому сделал так: DIV с основным контентом, DIV-футер с отрицательным margin-top, DIV-хидер с абсолютным позиционированием. Нарисовался очевидный плюс данного способа: основной контент страницы в HTML-коде максимально приближен к началу документа.
Дальше код и комментарии
Всего голосов 2: ↑0 и ↓2 -2
Комментарии 26

Идеальный шаблон, какой он?

Время на прочтение 1 мин
Количество просмотров 1.1K
PHP *
Тем, кто ежедневно стыкается с разработкой сайтов, наверняка приходится работать с шаблонами, вот и мне пришлось. Как всегда, наличие выбора отбирает свободу действия. Типов шаблонов и готовых решений – огромное множество, я остановился на таких вариантах:

Вариант 1.

<!--Begin[News_List]-->
 <!--Begin[News_ListItem]-->
  {date} <a href="{link}">{title}</a>
  <br />
  {header}  
 <!--End[News_ListItem]-->
 <!--Begin[News_ListItemEdit]--><a href="#">edit</a><!--End[News_ListItemEdit]-->
<!--Begin[End_List]-->

Достоинства: понятный, читабельный в паре с html
Недостатки: громоздкий

Вариант 2.

<? foreach($news as $item) { ?>
<?=$item->date?> <a href="<?=$item->link?>"><?=$item->title?></a>
<br />
<?=$item->header?>
<? if($permitted) { ?><a href="#">edit</a><? } ?>
<? } ?>

Достоинства: шустрый
Недостатки: нечитабельный, так и хочется дописать логику к отображению

Вариант 3.

<component name="news">
 <item>
  {date} <a href="{link}">{title}</a>
  <br />
  {header}   
  <secured roles="{roles}"><a href="#">edit</a></secured>
 </item>
</component>

Достоинства: понятней некуда, присутствует что-то родное 
Недостатки: нечитабельный в паре с html

В примерах представлено отображение списка новостей.
Хотелось бы прийти к оптимальному результату, по этому интересует мнение опытных front-end разработчиков. Возможно, есть лучше варианты — буду рад рассмотреть.
Всего голосов 22: ↑9.5 и ↓12.5 -3
Комментарии 27

Базовый css-шаблон

Время на прочтение 1 мин
Количество просмотров 3.6K
CSS *
Вечером знакомый попросил быстро сделать ему основу для его блога. Даже не сверстать макет, а сделать именно основу.

Так как я сижу без работы и становится скучно, решил безвозмездно посодействовать. Что получилось, смотрите под ниже.
Читать дальше →
Всего голосов 128: ↑99 и ↓29 +70
Комментарии 76

Использование шаблонов SMARTY с PEAR HTML_QuickForm

Время на прочтение 13 мин
Количество просмотров 3.5K
PHP *
Перевод

1. Введение.


Что из себя представляет эта статья.


Данная статья является простым введением в использование шаблонов Smarty с классами PEAR HTML_QuickForm. Статья не является исчерпывающим руководством, и фактически представляет лишь малую часть функциональности шаблонов Smarty. Однако для новичка в использовании шаблонов Smarty данная статья будет полезной базой.

Идем дальше...
Всего голосов 9: ↑5 и ↓4 +1
Комментарии 4

Шаблонизатор PHPTAL

Время на прочтение 3 мин
Количество просмотров 829
Чулан
У данного шаблонизатора подход, который отличается от прочих типов шаблонизаторов. И это не может не заинтересовать.
По запросу PHPTAL хабр выдает только одну ссылку,
TAL — это Атрибутивный Язык Шаблонов. Он так называется, потому что команды языка являются атрибутами тегов.
читать дальше
Всего голосов 28: ↑13 и ↓15 -2
Комментарии 17

Thick As Brick – простейший html шаблон для верстки

Время на прочтение 2 мин
Количество просмотров 14K
Разработка веб-сайтов *
Я почему вредный был?
Потому что у меня велосипеда не было!
Мультфильм «Трое из Простоквашино»


Когда десять раз делаешь одно и то же, на одиннадцатый раз ты волей-неволей начинаешь задумываться о том, как бы процесс оптимизировать. Так и с версткой: после десятка сверстанных страниц хочется слегка упростить свою задачу. Тут на помощь, конечно же, приходят разнообразные фреймворки (чего только стоит oocss или наикрутейший CSS-фреймворк от Яндекса или целая куча других не менее интересных фреймворков). Пригодятся и системы сборки (Ant стоит на службе у студии Артемия Лебедева, да и я потихоньку постигаю его Дао). Не стоит забывать и различные хаки и шаблоны лейаутов, коих в интернете бесчисленное множество.

Однако как быть с сайтом, для которого надо сверстать пару-тройку типичных страниц? Нет смысла тащить с собой кучу лишнего CSS-кода. Кроме того, многим верстальщикам гораздо проще написать качественный код с нуля, чем перегружать кучу заранее объявленных бесполезных классов. Что делать?

Чтобы решить эту высосанную из пальца нетривиальную задачу я написал простейший шаблон для верстки, который сильно облегчил мне работу над проектами. Шаблон примитивен и прост (потому так и зовется), на звание фреймворка ни в коем случае не претендует (минус в карму тому, кто обзовет его фреймворком! ;) ). Он несет в себе заранее объявленные CSS-классы для работы с меню, списками, формами, ресеты основных тегов (вроде сброса отступов у форм и правильных отступов у <p>) и еще кое-какие полезные для меня вкусности.

Читать дальше →
Всего голосов 138: ↑116 и ↓22 +94
Комментарии 128

Golden Grid CSS: PSD-шаблон

Время на прочтение 1 мин
Количество просмотров 9K
CSS *
Относительно недавно познакомился с CSS-сеткой Golden Grid. Мне она понравилась небольшим весом и использованием правила «золотого сечения». Golden Grid более простая, чем Blueprint. Я не настаиваю на том, что она более удобная, но для моих задач подходит как нельзя лучше.

Вместо обозначений классов span-1, span-2… используются более интуитивные g160, g320 и т.д. Кроме того, неплохая типографика, подстроенная специально под сетку.

Сетка относительно новая (2009), поэтому не хватает многих важных деталей. Например, psd-шаблона. Решив заполнить столь значимый пробел, я создал такой шаблон, благо много времени это не занимает. Проведены и линейки, и серые прозрачные прямоугольники. Это сделано для того, чтобы сетку можно было ставить поверх основного дизайна.

Скачать (.zip, 20 кб)
Всего голосов 8: ↑5 и ↓3 +2
Комментарии 8

Не строим с нуля. Теперь у Вас есть шаблон для верстки HTML5

Время на прочтение 2 мин
Количество просмотров 17K
Разработка веб-сайтов *
Перевод
Любовь к HTML5 продолжает вдохновлять Поля Айриша. Во-первых, он подарил нам Modernizr, а сейчас он объединился с Divya Manian для создания шаблона HTML5, который использует передовые техники, чтобы Вы могли начать использовать его в своей практике.

Он, в сущности, является хорошей отправной точкой, состоящей из HTML и CSS, предлагающим также и структуру папок, которая работает. Но созданным с учётом многих лет передового опыта профессионалов в разработке клиентской части. Загляните в исходные тексты, чтобы почувствовать, что находится внутри. А если вы думаете, что этого слишком много, просто удалите лишнее.
Читать дальше →
Всего голосов 157: ↑146 и ↓11 +135
Комментарии 48

Итоги конкурса на новый дизайн LiveStreet CMS

Время на прочтение 1 мин
Количество просмотров 2.3K
LiveStreet
Завершился наш недавний конкурс на новый дефолтный дизайн LiveStreet CMS.
Из более чем 30 работ мы выбрали трех победителей.

1 место — 20 000 рублей + дефолтный шаблон в дистрибутиве LS

image
Читать дальше →
Всего голосов 45: ↑37 и ↓8 +29
Комментарии 45

Готовим .psd для верстки

Время на прочтение 2 мин
Количество просмотров 50K
Веб-дизайн *
Из песочницы
Не претендую на новаторство, возможно, многие уже используют все то, что будет описано. Этот топик скорее предложение к дискуссии по поводу подготовки макетов к верстке. Думаю, обитатели хабра, особенно посещающие ветку «Веб-дизайн», в основной массе знакомы с ресурсом ilovepsd.ru. Поэтому пожелания с этого сайта, по работе с файлами, я перечислять не буду. Кто заинтересовался, прошу под хабракат.
Читать дальше →
Всего голосов 60: ↑51 и ↓9 +42
Комментарии 80

Re:StartPSD или Браузеры в стиле Aero

Время на прочтение 2 мин
Количество просмотров 2.4K
Веб-дизайн *
Это ответ на пост StartPSD — в помощь дизайнерам сайтов, автоматизируем работу. В комментариях очень многие интересовались, почему же использовался Safari и Mac, поэтому я решил сделать аналогичную штуку только в стиле Аэро. Возможно кому-то пригодится.

Сетка взята из шаблона Firefox для «мака» от cherenkevich (там еще неплохая серия статей про модульную сетку) — cherenkevich.livejournal.com/40021.html
Читать дальше →
Всего голосов 54: ↑42 и ↓12 +30
Комментарии 11

Шаблоны *.docx с использованием скриптлетов Groovy

Время на прочтение 4 мин
Количество просмотров 12K
Разработка веб-сайтов *Программирование *Groovy & Grails *
image

В одном из своих проектов мне понадобилось автоматизированно формировать документы договоров для клиентов. Договор представляет собой юридический документ длиной около 10 страниц и является шаблоном: в нужных местах подставляются данные конкретного клиента.

Задача


Первичные требования были такими:
В сложном стилизованном документе doc или docx вывести нужную информацию в помеченных местах.

В дальнейшем они были уточнены и расширены:
  • В сложном стилизованном документе docx вывести данные в помеченных местах.
  • Разметка вывода данных должна быть похожа на скриптлеты: ${}, <%%>, <%=%>.
  • Данными для вывода могут быть объект. Нужна возможность обращения к полям.
  • Для вывода использовать один из скриптовых языков: Groovy, JavaScript.
  • Нужно иметь возможность выводить списки объектов в таблицы, в каждой ячейке отображая поля.


Имеющиеся решения


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

Jasper reports

В качестве шаблона использует файл xml-разметки *.jrxml. Файл разметки документа + данные (как из БД, так и Map параметров) отдаются процессору, который формирует любой из следующих форматов: PDF, XML, HTML, CSV, XLS, RTF, TXT.
Не устроило:
  • Это не WYSIWYG, даже при наличии iReport — визуального средства формирования jrxml-файлов.
  • Надо хорошо изучить JasperReports API, чтобы создать и стилизовать сложный шаблон.
  • Не выводит в нужном формате. Можно и PDF, но хотелось бы иметь возможность потом поредактировать выходной документ.
Читать дальше →
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 10

Памятка системного администратора: шаблоны — первый шаг миграции в облако

Время на прочтение 5 мин
Количество просмотров 12K
Блог компании КРОК
Собираетесь мигрировать в облако, но не знаете, с чего начать? Уже готовы сделать этот ответственный шаг или вплотную задумываетесь о том, чтобы перейти в виртуальную среду?



Наверняка вы уже задали себе вопрос вроде: «А что делать, если уже куплены лицензии Windows, RHEL, Suse?» или, например, «Как эффективно протестировать функциональность, которую мы хотим предоставить из облачной среды?»

Необходимо самостоятельно устанавливать собственные операционные системы и готовить из них шаблоны — эталонные конфигурации серверов.

Читать дальше →
Всего голосов 12: ↑7 и ↓5 +2
Комментарии 1

MR шаблон для написания сервисов на Node.js

Время на прочтение 3 мин
Количество просмотров 4.5K
Разработка веб-сайтов *Node.JS *CoffeeScript *
Recovery mode
image
Суть такова: node.js не дает готового решения для создания проекта. Первый мой проект на node.js состоял из одного coffeescript файла и run.js для запуска из IDE. Когда роутов было пять штук, все было замечательно, но когда проект оброс моделями и роутами, это превратилось в ад. Решают эту проблему разными способами, кто-то используй hub, кто-то global, кто-то все в один файл заносит.
Читать дальше →
Всего голосов 19: ↑14 и ↓5 +9
Комментарии 13

Как я делал дизайн для «клона Хабра»

Время на прочтение 4 мин
Количество просмотров 2.3K
Я пиарюсь
Synio . LiveStreet


Как многие уже догадались из названия, речь пойдет о движке LiveStreet, а вернее о базовом шаблоне Synio, который включается в сборку CMS, и автором которого мне повезло стать.

Сегодня я хотел бы рассказать о процессе его создания и о том, что удалось воплотить.
Читать дальше →
Всего голосов 135: ↑116 и ↓19 +97
Комментарии 33