Рубрика «шаблоны» - 5

Анатомия шаблонов Blogger

Вступление

В Сети, как оказалось, не так уж и много информации относительно того, как создавать свои собственные темы оформления для блоговой платформы от Google, во всяком случае, в Рунете. Есть какие-то куцые посты про то, как настроить отдельное свойство конкретного виджета, да и только. Посему, в этой статье я решил консолидировать знания на данную тему.
Читать полностью »

Эта статья рассказывает о том, как создать проект с использованием БЭМ-технологий.
Мы шаг за шагом создадим страничку каталога товаров, пользуясь принципами БЭМ в CSS, возможностями писать декларативный JavaScript на фреймворке i-bem.js и с использованием шаблонизатора BEMHTML. Помогать делать всё это будут bem tools, в частности — инструмент для разработки bem server.

Онлайн магазин

Важно: в статье нет особенных подробностей, её цель — получить проект максимально быстро. Текст, раскрывающий больше информации, пройдёт следующим постом.Читать полностью »

Поработав на некотором количестве веб-проектов в роли frontend/backend-разработчика/верстальщика в разных компаниях, я постоянно сталкивался с неэффективным и некрасивым подходом к задаче подключения необходимых статических ресурсов (будем пока считать это .css и .js файлы) для отображения на странице.

Основная проблема всех повстречавшихся мне подходов — это тесная связь между структурой frontend кода, логикой деплоя и backend кода (в основном шаблонов), а также отсутствие семантики. Далее под термином frontend-код будет подразумеваться вся совокупность .js, .css и каких-либо других файлов или ресурсов, которые отдаются браузеру. Как правило этими файлами занимаются frontend-разработчики (sick!).

Сначала я приведу пару реальных примеров (на псевдокоде, так как везде использовались разные фреймворки и языки, и реальный код будет только сбивать нас с толку), рассмотрю недостатки и проблемы, связанные с используемыми подходами, а в конце опишу своё видение данной проблемы.
Читать полностью »

Письма пишут все. Особенно если вы — компания, и у вас есть клиенты (партнёры, контрагенты, заказчики). В этом случае необходимость создания шаблона фирменного письма обычно встаёт сразу за разработкой дизайна визиток и переделкой сайта. И часто возникает вопрос — как это делать, с чего начать. В этом обзоре мы расскажем вам пять простых шагов, которые специалисты UniSender рекомендуют следовать при разработке шаблона корпоративной рассылки.

Пять шагов по созданию корпоративного шаблона письма
Картинка по запросу «шаблон»
Читать полностью »

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

Возможно, вы скажете, что это всё ерунда и ненужная трата времени. А, возможно, среди вас найдутся люди, мыслящие точно также. Мне было бы интересно познакомиться с вами и обменяться опытом. Вдруг, с кем-то из вас мы впоследствии разработаем проект моей жизни — правильный сервис быстрой разработки сайтов.

Итак, речь пойдёт о том, как можно оптимизировать работу над постами контентного проекта в его административной части (или, проще говоря, в админке).

Читать полностью »

Вслед за выпуском Google Drive поисковый гигант более чем существенно обновил свой онлайновый офисный пакет.

Прежде всего изменения коснулись оформительских возможностей документов — были добавлены 450 новых веб-шрифтов из каталога Google Web Fonts. Также для пользователей стали доступны более 60 новых шаблонов документов. Таким образом, фактически, новые возможности Google Docs (по крайней мере, с точки зрения шрифтов) превышают по умолчанию возможности десктопных офисных пакетов.

Также любопытными особенностями обновления является возможность интеграции документов с фотоархивом журнала Life и вставки изображений прямо с веб-камеры.

Читать полностью »

Привет, читатели!
Хочу рассказать о проекте Agora, которым занимается наша команда.
Agora — это платформа, позволяющая организовать дистрибьюцию товаров через интернет. Платформа интегрируется с ERP дистрибьютора и автоматизирует прием заказов, просмотр остатков, получение актов взаиморасчетов и много другое. Пользователь работает в веб-интерфейсом платформы и все его действия отражаются в ERP дистрибьютора.

В статье “Как я написал «драфт» системы В2В” в блоге нашей компании я описал некоторые проблемы, c которыми мы столкнулись, создавая нашу платформу.Читать полностью »

Знакомство с javascript-фреймворком Backbone я, как и многие, начинал с todo-туториала, на базе которого строилось дальнейшее использование фреймворка в своих проектах.

Но туториалы заканчиваются, и начинаются рабочие будни.


Думаю, многим знаком такой участок кода (из вышеупомянутого туториала):

window.AppView = Backbone.View.extend({      // Instead of generating a new element, bind to the existing skeleton of     // the App already present in the HTML.     el: $("#todoapp"),      // Our template for the line of statistics at the bottom of the app.     statsTemplate: _.template($('#stats-template').html()),       ... 

Давайте разберемся подробнее:


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js