You are welcome to join

Photo by Yannick Pulver on Unsplash

Now let’s try this. Is this thing on? Hello, test, test… Ok, I am ready.

Let me kick it off by saying that I am not a writer. I am sure most of you will notice quite soon that my writing style could be better. But hey, at least I am above the eighth-grade level … I think.

As a developer I am reading quite much, however, I seldom write anything, that should be read by someone else. And my code does not count. …


Patch … patch everything!

Photo by Robbie Noble on Unsplash

Sometimes you have to change a small (or not so small) piece of third-party code and you do not want to go through all the hassle of creating a GIT fork or wait for a merge request to be approved. Who knows, there may not even be a GIT repository. That’s what patches are for.

A patch is, by definition, a software update consisting of code, that replaces or enhances already existing code. It can be applied manually or automatically while deploying for example.

Patches are supposed to be small, usually, a few lines of code, and are supposed to…


It is faster, easier, and more secure!

Photo by Markus Winkler on Unsplash

When connecting via SSH (Secure Socket Shell) you can authenticate in different ways. There is, of course, the standard and always reliable username and password. However, you can also authenticate using key-based authentication, which is safer, quicker, more reliable, and all in all the better option.

connecting with a key-based authentication has to be set up first, but when done, it offers multiple advantages:

  • it is quicker
    since you do not have to input your password every time you connect, accessing a remote server only takes a few seconds at most
  • it is safer key-based authentication is limited to specific…

A powerful tool to be a better programmer

Photo by Ben on Unsplash

I recently found out about a powerful feature in PHPStorm called live templates. They are templates that you can insert into your code by typing a shortcut. But they are so much more than that.

you can write your own templates that use complex methods to get information from your own code as well as other sources to generate exactly the code you want. All within seconds.

I recently found out about live templates when I needed to refactor about 500 classes. All with the same change, with only minor differences. This was a tedious task and as a developer…


And Here is Why

Photo by Volodymyr Hryshchenko on Unsplash

Ah, JavaScript. The web scripting language of our time. Because of it, websites actually became useful. Let’s be honest, there are much better programming languages than JavaScript, and for good reason.

This language has been over-simplified and not much thought has been put into optimizing it. Especially since it always was only meant to complement websites and not provide the main functionality. But that changed in recent years as a new method emerged. Meet Javascript modules.

TLDR;
Javascript modules are a relatively new technology that is finally supported natively in browsers. …


Including those Font Awesome icons somehow

Photo by Brett Jordan on Unsplash

Custom fonts can be used for much more than just styling text. Let’s take, for example, one of the most popular fonts for including custom icons.

Font Awesome is … well… awesome. It opens a whole new world for developers where they can build a decent-looking web application without being aesthetically gifted. Just include the CSS and you can start using a selection of over 7000 icons. Font Awesome is a selection of external stylesheets and fonts, which normally have to be included in the header of a web application. And if we use web components, we start getting problems.

The Problem


Styling CSS without SCSS

Photo by Alina Grubnyak on Unsplash

With web applications increasingly gaining importance and slowly replacing all desktop applications (we all know it to be true, do not fight the future) styling and theming web applications becomes more and more important.

And since they are now supported by all major browsers, CSS variables became an important tool to style websites as well as web apps. In this article I’ll explain what CSS variables are, what their benefits are and how you can use them to style your next web application.

What Are CSS Variables?

As the name suggests, CSS variables are variables you can use in your CSS file to save…


Isolate Your Code in Style

Lately, I had to work increasingly on modular projects, and in the process, I discovered a nifty new little thing called CSS modules. Ok, to be perfectly honest, they are not as new as one would expect, but they were new to me.

In this short article, I am going to explain what CSS modules are, why they can be a powerful tool if working on a modular frontend and why you should consider using them in your next project.

TL;DR

CSS modules are a nifty little feature, that can be used in combination with a module bundler like Snowpack…


Photo by Matthew Ansley on Unsplash

Shadow DOM is fairly new to the world of web development. It was first introduced as an experimental technology in 2014 and wasn’t adopted by browsers up until 2017. It enables you to completely isolate parts of your web application and thus providing a level of isolation we never knew before. Well, except for iframes, but we do not talk about iframes, ever!

Shadow DOM brings a lot of advantages, but it also comes with a major feature some might consider as a drawback. Everything inside a shadow DOM element is isolated, even the styles. Suddenly sharing common styles becomes…

Ziga Petek

Developer, writer and a pure genious ... I may have exagerated a little ... have a look: https://ziga-petek.medium.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store