Kyle Simpson (@getify) gave a talk on the “economy of keystrokes” at the last MallorcaJS meetup on October 15th, 2019. Kyle's talk was sometimes eye-opening, sometimes encouraging and sometimes controversial but indeed worth listening to.

For those of you who don't know Kyle Simpson, It's an author of the “You don't know JS” book series, speaker, teacher and more. Kyle was invited to Mallorca by Trivago guys and kindly agreed to share his wisdom with MallorcaJS community.

I'd like to share a few takeaways from Kyle's talk with you because I believe it's something that every developer should contemplate.

I have been told recently that the times when Drupal 8 was slow passed long ago, that increased number of abstractions in Drupal 8 doesn’t affect its performance, and that Drupal 7 hook system worse than Drupal 8 events in terms of speed. When I don’t believe, I measure and encourage others to do so.

Recently I had a task to transfer a few sites secured by Let's Encrypt certificates from one Ubuntu server to another. In this post, I'll share my experience in transferring SSL certificates - or better to say - reobtaining them.

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.

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.

We usually apply laravel-localization middlewares to the entire web route group. It means that laravel-localization package redirects broadcasting/auth route to en/broadcasting/auth, which crashes Event Broadcasting.

The problem is related to the fact that Laravel Echo Server does not support redirects (HTTP statuses other than 200) of the Laravel authorization service broadcasting/auth.

It is probably possible to improve Laravel Echo Server in order to support redirects, but from my point of view it is easier to solve the problem from the Laravel side.

Drupal Console brings a whole new developer experience (DX) to Drupal 8. This console tool is similar to Drush but has some mind-blowing features, which I cannot wait to show you in action. Although, Drupal Console is in RC stage at the moment, it performs its functions well enough.

In this tutorial, we will generate boilerplate code for Drupal 8 via command line. In some frameworks this approach can be also called scaffolding. With about five lines of custom code and a few console commands we will create a fully-functional Drupal 8 module with a field formatter that will display QR codes in fields of Link type. The module will be using a third-party service to generate QR codes of entered URLs.

Some developers don't even know what MySQL storage engine is, and they don't need to know that today because the decision on what to use is made for them by framework developers. For example, Drupal uses InnoDB for its tables. It was not always that way though. I remember the time when we had to convert Drupal 5 tables into InnoDB on a site with intense load. It was so long ago, maybe in my previous life.

Until today, I thought (or I wanted to think) that all modern PHP frameworks use at least InnoDB by default (there are newer storage engines). It turned out that I was wrong. Today I noticed that tables of the Laravel 5.2 application I worked on were in MyISAM. You can’t even imagine my confusion.

You may have heard of or used such JavaScript frameworks as React, Angular and Ember. They are quite popular and have their pros and cons. I personally worked with Angular 1 and learned basic principles of others. You know there is no ideal framework, but there is one framework that I like more than others. It’s Vue.js

Vue.js (pronounced /vjuː/, like view) is a library for building interactive web interfaces. The goal of Vue.js is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible. (from docs).

Vue.js is used by many companies and people across the globe. The thing that attracts me more is that a few open source products believed in Vue and included it in their code base. The products are Laravel, PageKit and some others.

In this quick tutorial we’ll create a simple Vue.js component that will calculate the length of a word and display it on the fly. Let’s get started...

We can't open index.html file of some front-end projects in a browser because it requires a web server with a virtual host configured. On the other hand, configuring a separate virtual host for every front-end experiment is a waste of time. Of course, you can automate it but today you don't have to.

I'll show you how to run a simple web server using PHP, Python or Node.js with one command. Here we go.

You have just switched your site from HTTP to HTTPS but your browser is displaying mixed content warnings.

Mixed Content: The page at 'https://yoursite.com/article1' was loaded over HTTPS, but requested an insecure image 'http://example.com/insecure.png'. This content should also be served over HTTPS.

I’ll tell you how to handle this situation.

Some of you may know me as a local Drupal community coordinator and organizer of community events in Saint Petersburg. Even though I am not much involved in the Drupal community today, I still advise other conference organizers on their small-to-medium events.

In this post I am going to share mistakes, which organizers often make despite the fact that most of them are warned about potential pitfalls.

(Philip Kirk, CC BY-NC-SA 2.0, модифицированное, https://www.flickr.com/photos/bigheadedrobot/3923311830/)

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.

Group chats are helpful if used wisely. However, If you cannot concentrate on your work throughout the day because of your team chat, you are not alone.

I have just released my article "Do You Use Your Group Chat or the Group Chat Consumes You?" on Medium, where I discussed a group chat addiction and its consequences. In addition, I gave some tips on how to use group chats without the loss of productivity.

Everybody knows what the green lock in the browser address bar means. Briefly, it means security. But what if you have nothing to secure? What if you do not sell anything through your site and do not store any private data of your users. Well, it is in your interests to enable HTTPS, anyway. In this post, I will give you four reasons why.

As you probably know, Varnish does not support SSL/TLS. This fact could mean for many people that their sites, which use Varnish as a proxy cache, would remain without HTTPS forever. It is not as bad as it sounds because you are now going to learn how to work out a solution.

Nginx is a really useful software because it can play multiple roles at once. You know that it is a quite efficient web server but it can work as a proxy server as well. In our case, it will become our SSL Termination Proxy.

It's actually content of one of the emails that I send to my current team on regular basis, it's called "Tip of the Week". By sending such emails I share great ideas about the project, experience and best practices and sometimes news from the development world.

When we need to make strategic decision related to using this or that module I suggest learning other people experience.

I’d like to briefly consider the benefits for companies which spend money and time to contribute to Open Source. I’m a contributor to Drupal extensions, so I will speak in the context of Drupal extensions, but the ideas mentioned should also be applicable for other Open Source systems and products.

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 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.

Developing responsive websites I created simple 3 columns grid for Views. It is based on CSS3 media queries, selectors and SCSS. I’d like to share it with you.