Головна » Web » Сторінка 2

Web

У цій невеликій статті розглянемо один зі способів генерації QR-коду на PHP.
Згідно з «мозком» нашого інтернету (Wikipedia), який бреше, але рідко :), QR-код — це:

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

А якщо простіше, то QR-код — це зображення, яке містить квадратний штрихкод. Його можна зчитати за допомогою мобільного телефону (з відповідним ПЗ) або спеціального технічного засобу.

Перейдемо до справи

Ми не будемо вигадувати велосипед, а для генерації QR-коду на PHP скористаємось готовою бібліотекою «phpqrcode» (дякуємо автору!). Бібліотеку можна завантажити з GitHub за цим посиланням.

Бібліотека «легка» і містить всього кілька десятків файлів, загальний розмір яких трохи більше 250 КБ.

2017-12-17 Pavel Web КоментаріНемає Коментарів

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

Здравствуйте! У цій статті хочу описати свій досвід кастомної верстки з використанням фреймворку Bootstrap 3.

Чим саме ми займатимемося?

Навчимося встановлювати SCSS-версію Bootstrap через Bower
Налаштовувати сітку Bootstrap та інші параметри фреймворку (за потребою)
Вмикати ті чи інші компоненти Bootstrap у «результативний» файл стилів

Конфігурація проєкту

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

/_data
/scss
/bootstrap //У цьому каталозі знаходяться змінені нами файли Bootsrap
_bootstrap.scss //Підключені компоненти
_variables.scss //Змінні
style.scss //Зміст підключення інших файлів
template.scss //Стилі проекту
.bowerrc
bower.json
gulpfile.js
package.json
/assets// Містить завантажені бовером скрипти
/image //Зображення та стилі проекту
index.php

2017-12-07 Pavel Web КоментаріНемає Коментарів

Як встановити 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:

$ sudo apt-get install nodejs

Встановлення менеджера пакетів Npm:

$ sudo apt-get install npm

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

2017-12-07 Pavel Web КоментаріНемає Коментарів

Локалізація самописного сайту засобами WordPress

Одним з останніх проєктів, над яким я працював близько місяця — розробка соціальної мережі. Сайт не такий вже й складний. Але був (і є один момент), який не дає мені спокою — це підтримка мов. У WordPress це питання давно й добре опрацьоване. І якщо ви вмієте працювати за комп’ютером, писати та набирати текст — перекласти тему чи плагін не складає великих труднощів. Але для самописної CMS, яку я використовую майже у всіх розробках — це проблема. Якщо з самого початку підтримка мов не була реалізована на належному рівні.

2015-06-05 Pavel Web КоментаріНемає Коментарів