Home » Web » Page 2

Web

In this short article, we’ll take a look at one way to generate a QR code using PHP.
According to the “brain” of our internet (Wikipedia), which rarely lies :), a QR code is:

QR code (Quick Response Code) — a trademark for a type of matrix barcode (or two-dimensional barcode), originally developed for the automotive industry in Japan.

To put it simply, a QR code is an image containing a square-shaped barcode. It can be scanned using a mobile phone (with the proper software installed) or a special scanning device.

Let’s get to the point

We won’t reinvent the wheel — to generate a QR code in PHP, we’ll use the ready-made library “phpqrcode” (thanks to the author!). The library can be downloaded from GitHub via this link.

The library is lightweight and consists of just a few dozen files totaling a little over 250 KB.

2017-12-17 Pavel Web CommentsNo Comments

Custom layout on Bootstrap 3

Hello! In this article, I want to share my experience of custom layout development using the Bootstrap 3 framework.

What exactly will we do?

Learn how to install the SCSS version of Bootstrap via Bower
Configure Bootstrap's grid and other framework settings (if needed)
Include specific Bootstrap components in the final stylesheet

Project Configuration

First, let’s define the directory structure of our project. For example:

/_data
/scss
/bootstrap //This directory contains the Bootsrap files we modified
_bootstrap.scss //Connected components
_variables.scss //Variables
style.scss //Contains connections to other files
template.scss //Project styles
.bowerrc
bower.json
gulpfile.js
package.json
/assets //Contains scripts loaded by bower
/image //Images and project styles
index.php

2017-12-07 Pavel Web CommentsNo Comments

How to install NodeJs, Gulp and Bower under *ubuntu (briefly)

This article is more of a necessity than a detailed guide on Node, Gulp, Bower, and NPM. The next few articles will touch on layout and front-end workflows, and lately, I’ve been increasingly using these tools to simplify and optimize the development process.

Brief overview:
Gulp — a project build tool written in Node.js
Bower — a package manager for web frontend, also built on Node.js
Node.js — a platform based on the V8 engine (which translates JavaScript into machine code)
NPM — the package manager for Node.js (Gulp and Bower are installed as its packages)

So, what do we ultimately need? — a working installation of Gulp and Bower. These will help us boost our productivity in web development.

To do this, we need to install Node.js and NPM. Let’s go.

Installation

Install NodeJs:

$ sudo apt-get install nodejs

Install the NPM package manager:

$ sudo apt-get install npm

Not sure how it works on Windows, but on Ubuntu it’s super easy 🙂 No need to download anything manually. Just enter the command, and voilà — it’s ready.

2017-12-07 Pavel Web CommentsNo Comments

Localization of a custom website using WordPress

One of the latest projects I worked on for about a month was developing a social network. The site itself isn't very complex. But there was (and still is) one thing that bothers me — language support. In WordPress, this issue has long been well developed. And if you’re comfortable with using a computer and writing/editing text, translating a theme or plugin is not a big deal. But for a custom CMS, which I use in almost all of my projects, this becomes a problem — especially if language support wasn’t properly thought out from the start.

2015-06-05 Pavel Web CommentsNo Comments