Tools

Configuring Webpack LiveReload with Laravel.mix

You probably know that Laravel.elixir was replaced with Laravel.mix in Laravel 5.4. If Laravel.elixir was based on Gulp, then Laravel.mix is built on top of Webpack. Therefore, Gulp plugins are not suitable anymore and we have to replace them with Webpack plugins. Luckily, there is a webpack plugin for those who prefer LiveReload to BrowserSync.

Webpack LiveReload plugin will automatically monitor your files for changes and refresh the page when the changes are detected. In this short post I will show you how to make it work.

Realtime Apps With Laravel Echo: Tips and Tricks

Some time ago, I had the pleasure of developing a realtime app for my client. The app was based on Laravel, Node.js, Redis and Laravel Echo. During the process of development, I found a few things that can be not so obvious to developers who just started to tackle the problem of creating a realtime app with Laravel. In this post I’ll share my insights.

How to Fix the Error: This Page Is Not Secure Because of Mixed Content

Insecure resources warning in Chrome

You have just switched your site from HTTP to HTTPS but your browser is displaying mixed content warnings. I’ll tell you how to handle this situation.

Susyboot - Bootstrap Grid Replacement Powered by Susy

Grid Series no. 1 Image

I like Bootstrap because, with this framework, I do not need to think about how to name grid classes. This decision has already been made for me. From project to project, my content manager and I know exactly which classes we should use for building a table of three columns. Those classes are even supported by WYSIWYG editors. Also, there are many good CMS plugins, which depend on the Bootstrap grid classes, for example Panels Bootstrap Layouts for Drupal.

Susy is light and flexible and I love it for that. With Susy, I build the grid the way I prefer by naming grid classes as it is required by the application context. And that’s awesome. However, my content manager is not very fond of Susy because she has to put some effort into splitting the article content into three columns and make it look nice on mobiles in case of using Susy.

Right Nginx Configuration for Drupal on Ubuntu

First of all I should mention that I have been working with Drupal for several years. I used to work with Apache, and I thank this great server for our long and productive relationship.

But one day I tried lighttpd and it changed my views a lot. It is easier to configure than Apache, it’s faster and lighter. By trying something new I understood that there are other ways which can fit my needs better. I’m still using lighttpd for some of my projects but my new passion is nginx.

nginx

Nginx is lightweight server with extensible features. It serves perfectly static files and it can be used as proxy cache server. So I decided to find the best configuration of this server for Drupal and I’ve done it.

5 Most Popular HTML5 Responsive Frameworks

HTML5 Boilerplate

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.

(html5boilerplate.com)

Although it is not a framework I decided to mention it first because it is good starting
point for any HTML5 project.