Web

Как сгенерировать QR код для сайта
Как сгенерировать QR код для сайта

В этой небольшой статье, рассмотрим один способ генерации QR кода на PHP.
Согласно «мозгу» нашего интернета (wikipedia) который врет но редко :), QR код это:

QR-код (англ. Quick Response Code — код быстрого реагирования; сокр. QR code) — товарный знак для типа матричных штрихкодов (или двумерных штрихкодов), изначально разработанных для автомобильной промышленности Японии.

Но а если проще, то QR код, это картинка содержащая штрихкод квадратной формы. Прочитать который можно мобильным телефоном (с установленным ПО) или специальным техническим средством.

Перейдем к делу

Мы не будем придумывать велосипед, а для генерации QR кода на PHP будем использовать готовую библиотеку «phpqrcode» (спасибо автор!). Библиотеку можно скачать с гитхаба по этой ссылке.
Библиотека «легкая» и имеет всего лишь пару десятков файлов, занимающих в общей сумме чуть больше 250 кб.

читать полностью...

Кастомная верстка на Bootstrap 3
Кастомная верстка на Bootstrap 3

Здравствуйте! В этой статья, хочу описать свой опыт кастомной верстки, с использованием фреймворка Bootstrap 3.

Чем именно мы займемся?

  1. Научимся устанавливать SCSS версию Bootstrap через Bower
  2. Настраивать сетку бутстрапа и другие параметры фреймворка (по необходимости)
  3. Включать те или иные компоненты Bootstrap в «результативный» файл стилей

Конфигурация проекта

Для начала, давайте определимся со структурой каталогов нашего проекта. Возьмем к примеру следующий:

[sourcecode]
/_data
/scss
/bootstrap //В этом каталоге находятся измененные нами файлы Bootsrap
_bootstrap.scss //Подключенные компоненты
_variables.scss //Переменные
style.scss //Содержит подключения других файлов
template.scss //Стили проекта
.bowerrc
bower.json
gulpfile.js
package.json
/assets //Содержит загруженные бовером скрипты
/image //Изображения и стили проекта
index.php
[/sourcecode]

читать полностью...

Как установить NodeJs, Gulp и Bower под *ubuntu (кратко)
Как установить NodeJs, Gulp и Bower под *ubuntu (кратко)

Данная статья скорее необходимость, чем подробное руководство по node, gulp, bower и npm. Дело в том, что последующие пару статей затронут материал касающийся верстки. А я последнее время все больше и больше использую такие «механизмы» для облегчения и оптимизации рабочего процесса.

Краткое описание:
Gulp — сборщик проектов написанный на node.js
Bower — менеджер пакетов для фронтенда в web. Так же написан на node.js
Node.js — программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код)
Npm — пакетный мендежер для node.js (а Gulp и Bower являются его пакетами)

И так, что нам нужно в итоге? - установленные и рабочие Gulp и Bower. Которые в последствии позволят нам увеличить производительность в плане web разработки.

А для этого, нам потребуется установить Node.js и Npm. Поехали.

Установка

Установка NodeJs:

[sourcecode]
$ sudo apt-get install nodejs
[/sourcecode]

Устанавливаем менеджер пакетов Npm:

[sourcecode]
$ sudo apt-get install npm
[/sourcecode]

Не знаю как под Windows, но под ubuntu это делается очень просто :). Даже ничего предварительно не нужно скачивать. Ввел команду, и вуаля — все готово.

читать полностью...

Локализация самописного сайта средствами WordPress
Локализация самописного сайта средствами WordPress

Одним из последних проектов над которым я работал около месяца — разработка социальной сети. Сайт не такой уж сложный. Но был (и есть один момент) который мне не дает покоя — это поддержка языков. В WordPress, данный вопрос давно и хорошо проработан. И если ты имеешь навыки работы за компьютером, писать и набирать текст. То перевести тему или плагин большого труда не составит. Но для самописной CMS, которую я использую практически во всех разработках — это проблема. Если изначально, поддержка языков не была проработано на должном уровне. читать полностью...