Blog

Headshot of myself, Silvestar Bistrović.
  • 2020-07-21

The first year of my side project: Code Line Daily

It has been a year since I launched my side project: Code Line Daily. In this post, I wanted to reintroduce the project to the community and talk about the challenges along the way.
Headshot of myself, Silvestar Bistrović.
  • 2020-06-03

My Third Year Of Freelancing

The third year of my freelancing career has been successful thanks to honest and open communication, quality time management and support from my family.
Headshot of myself, Silvestar Bistrović.
  • 2020-05-20

Tips On Learning Web Development

If you are a beginner, where would you begin these days? I got some ideas about how to start and where to begin, especially if you are interested in the frontend user interface development.

If you want me on your team, contact me today!

Get in touch ā‡¢Open 2020 Q4
Headshot of myself, Silvestar Bistrović.
  • 2020-04-20

A Story of Becoming a Web Developer

Let me tell you a story about Silvestar, a fellow who learned how to code, took some chances during his career and become a solid, confident web developer.
Headshot of myself, Silvestar Bistrović.
  • 2020-03-22

My Favorite VS Code Settings

These are my favorite VS Code settings: Breadcrumbs, Minimap, Saving and Formatting, Bars and Windows.
Headshot of myself, Silvestar Bistrović.
  • 2020-03-02

I just finished redesigning my site

During the last week, I have been working on redesigning my site. Read all about the changes.
Headshot of myself, Silvestar Bistrović.
  • 2020-02-20

Page builders might not be a good idea

Hereā€™s what I think: page builder might not be a good idea. Read my thoughts about page builders and why you might think twice before you consider using it (again).
Headshot of myself, Silvestar Bistrović.
  • 2020-02-08

How to create a multi-step form the easy way

A multi-step form is a long-form that is broken into pieces. Learn how I add one to my site.
Headshot of myself, Silvestar Bistrović.
  • 2020-01-20

The UI Development Mentoring Program

I have decided to give it a shot with a brand new mentoring program for UI development. Fill out the form today!
Headshot of myself, Silvestar Bistrović.
  • 2020-01-06

How to animate SVG signature

Letā€™s see how to animate SVG Signature with a little bit of JavaScript and CSS. We could use JavaScript function to calculate SVG path length and CSS animation to animate SVG strokes.
Headshot of myself, Silvestar Bistrović.
  • 2019-12-20

2019 Lookback

Last year I wrote my first yearly look back, and now it is time for the 2019 lookback.
Headshot of myself, Silvestar Bistrović.
  • 2019-12-17

How I built my second Progressive Web App (PWA)

As of today, my side project Code Line Daily is available as a Progressive Web App. This post is a sequel to my previous PWA post.
Headshot of myself, Silvestar Bistrović.
  • 2019-11-19

How I built my first Progressive Web App (PWA)

As of today, my site is available as a Progressive Web App. In this post, you would learn more about how and why I added this exciting feature to my site.
Headshot of myself, Silvestar Bistrović.
  • 2019-11-09

Interview for Remote Working Hub

Remote Working Hub is a place where you could find useful information about remote working. I have been asked to share my remote working experiences. I said to myself, why not.
Headshot of myself, Silvestar Bistrović.
  • 2019-10-18

What I learned from my GitHub profile

GitHub profile is often recognised as a developer's portfolio. It reveals how often do you contribute, and what kind of projects do you like. Here's what I learned from my GitHub profile.
Headshot of myself, Silvestar Bistrović.
  • 2019-09-26

A Comparison of Static Form Providers

Static Form Providers do all tasks like validating, storing, sending notifications, and integrating with other APIs. Read the review of the most popular static form providers.
Headshot of myself, Silvestar Bistrović.
  • 2019-09-11

My favorite extensions for web development

A web browser is one of the essential tools for web development. Besides default dev tools, there are extensions you could use to make a better web product. I am using Chrome most of the time and these are the extensions I prefer.
Headshot of myself, Silvestar Bistrović.
  • 2019-08-08

Announcing Code Line Daily

Last week I released my side project: Code Line Daily. It is a quite straightforward project: a new line of code would be introduced every day. The lines are mostly frontend, PHP, and WordPress code. Here's how I build it!
Headshot of myself, Silvestar Bistrović.
  • 2019-08-05

My favorite Netlify features

Being a JAMstack developer in 2019 makes me feel like I am living in a wonderland. Yet, there is one particular platform that stands out with its formidable products and featuresā€”Netlify.
Headshot of myself, Silvestar Bistrović.
  • 2019-08-01

How to add a contact form to a static website

With the rise of the static site, developers need a service that could handle forms. Static website contact form is the most common case, and in this article, you would learn how to add one with Kwes form builder.
Headshot of myself, Silvestar Bistrović.
  • 2019-05-23

My second year of freelancing

About two year ago, I started with a freelance career. Here is what I have been doing, what did I learn and which problems I stumbled upon.
Headshot of myself, Silvestar Bistrović.
  • 2019-05-15

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

Letā€™s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation.
Headshot of myself, Silvestar Bistrović.
  • 2019-05-15

5 things to consider when creating your CSS style guide

CSS style guides should be considered an equal citizen of every project requirement. Here are five things that you should keep in mind when working with CSS style guides.
Headshot of myself, Silvestar Bistrović.
  • 2019-04-11

Bookmarks, Saves, Hearts, Stars, Claps

I realized that I rarely use bookmarks, but I still bookmark interesting sites, projects, or tools.
Headshot of myself, Silvestar Bistrović.
  • 2019-03-05

Custom WordPress Theme Development with SPRO

SPRO is a boilerplate of predefined Gulp tasks. The mission is to set up the development environment for your project without writing Gulp tasks again and again. In this article, I am going to show you how to configure SPRO for custom WordPress theme development.
Headshot of myself, Silvestar Bistrović.
  • 2019-02-28

Introducing SPRO

SPRO, or Starter Project CLI, is the best starting point for your next project. SPRO aims to set up a perfect development environment by learning about your project architecture and then setting up Gulp tasks for all your needs.
Headshot of myself, Silvestar Bistrović.
  • 2019-02-14

Just My Routine As A Remote Worker

As a remote worker, having a routine and self-discipline is critical. Keeping up with multiple clients, personal projects, and continually improving your skills is a challenging task. Here's my recipe on how to stay sane and be a more successful remote worker.
Headshot of myself, Silvestar Bistrović.
  • 2019-01-05

2018 Lookback

It is the beginning of the new year, and it is time to look back to 2018, but from a technology perspective. I have learned a lot, here are my findings.
Headshot of myself, Silvestar Bistrović.
  • 2018-12-07

Building an Animated Sticky Header With Custom Offset

With the appearance of the position: sticky property, we could create sticky elements without JavaScript plugins. But creating sticky elements with animations couldn't be achieved without a little bit of JavaScript.
Headshot of myself, Silvestar Bistrović.
  • 2018-11-06

Alpha, Beta, Gamma naming convention

A few months ago I started using Alpha, Beta, Gamma naming convention. It began as a temporary thing, but it stuck eventually, and now I am using it all the time.
Headshot of myself, Silvestar Bistrović.
  • 2018-10-24

If you are starting a new website, consider using Hugo

Other than it is ā€œthe worldā€™s fastest framework for building websites,ā€ Hugo is packed with powerful features that would make the website development process more pleasable.
Headshot of myself, Silvestar Bistrović.
  • 2018-09-27

Roadmap, September 2018.

I have built this roadmap to remind myself how important is to have a plan for a career. It doesn't matter if I don't fulfill every objective, as long as I am keeping track of the vision.
Headshot of myself, Silvestar Bistrović.
  • 2018-09-05

Using CSS Grid where appropriate (revisited)

This solution is a follow-up post on my last year's article "Using CSS Grid where appropriate." The goal is to find a solution for navigation with an unknown number of items.
Headshot of myself, Silvestar Bistrović.
  • 2018-08-07

Overview of Popular Static Site Generators

There are many obvious benefits to serving a static HTML file, such as easier caching, faster load times, and a more secure environment overall. Each static page generator produces the HTML output differently.
Headshot of myself, Silvestar Bistrović.
  • 2018-06-26

The essential skill of a developer

Being a developer requires specific skills and tools. I realized what the essential skill for one developer is.
Headshot of myself, Silvestar Bistrović.
  • 2018-05-21

My first year of freelancing

About a year ago, I started with a freelance career. This experience has changed me as a professional, but also as a person.
Headshot of myself, Silvestar Bistrović.
  • 2018-04-22

Starter Project - Gulp tasks for CSS

This article is part of a series about Starter Project, and this time I will explain all about Gulp tasks for CSS.
Headshot of myself, Silvestar Bistrović.
  • 2018-03-23

Starter Project - A set of the latest best practices packed in Gulp tasks

This article is the very first article in a series about Starter Project, a set of the latest best practices packed in Gulp tasks. In this article, I am going to explain the idea behind this project, how it could help you on your project and how to use it.
Headshot of myself, Silvestar Bistrović.
  • 2017-11-28

Classily.js - Toggling classes more classily

I created a JavaScript plugin for toggling classes more classily, and I called it Classily.js. The plugin is simple yet powerful, and, if used correctly, it could solve tasks that are not so simple.
Headshot of myself, Silvestar Bistrović.
  • 2017-10-19

From WordPress to Hexo

Static site generators are systems that compile templates into static HTML pages. If that sounds efficientā€”yes, it is. There is no server processing or rendering, so static websites tend to be very fast and lightweight.
Headshot of myself, Silvestar Bistrović.
  • 2017-09-07

Fixing Google Analytics caching issue

Getting the perfect score from Google PageSpeed Insights could be a tedious task, especially if Google Analytics is present on the website. You end up thinking that 99/100 is the perfect score. My friend, the solution is here.
Headshot of myself, Silvestar Bistrović.
  • 2017-07-30

Using CSS Grid where appropriate

Recently I've redesigned my blog, as some of you could notice. During this process, I decided it is time to learn more about CSS Grid and actually use it. Here's what I learned.
Headshot of myself, Silvestar Bistrović.
  • 2017-07-25

How to create crooked shadow

Recently I was working on a very interesting and challenging project. That was actually the first time I've heard someone says those words and my heart was full of joy. One of the most challenging features to build was to add a shadow on a crooked border.
Headshot of myself, Silvestar Bistrović.
  • 2017-05-27

_bem - WordPress theme with BEM methodology

This is a post about building custom WordPress themeĀ withĀ BEM naming methodology.
Headshot of myself, Silvestar Bistrović.
  • 2017-02-20

CSS sidebar toggle

CSS sidebar toggle presented in this post is made with CSS only. These days accessibility is pretty important stuff and, because changing the state of the elements cannot be done without JavaScript, I've added a smallĀ snippet for this feature.
Headshot of myself, Silvestar Bistrović.
  • 2017-02-03

Angular dragtable

Angular dragtable is an Angular directive that allows table column reorder.
Headshot of myself, Silvestar Bistrović.
  • 2017-01-07

Recursively includible Angular directive

I've been working on a complex Angular CRUD-ish project recently and one of the requirements was to create a form based on an MVC model. I've created a directive that could generate a form for every complex model.
Headshot of myself, Silvestar Bistrović.
  • 2016-11-30

How to automate development with Atom

We should automate our development process whenever possible. But there are so many tools available and new ones are published every week. Even though these tools help us, it could be very time consuming to learn and to handle all of these tools.
Headshot of myself, Silvestar Bistrović.
  • 2016-11-01

CSS tabs, part II: Accessibility

Recently I've been writing about CSS tabs. Topic was surprisingly popular, gaining several thousand users to my page. What was even more surprising were comments about accessibility. I decided to investigate a little bit more and add accessibility to my solution.
Headshot of myself, Silvestar Bistrović.
  • 2016-10-15

How to handle keybindings in Atom

In recent articles about Atom, I've talked about different packages that could help us make our daily jobs easier. Many of those packages have different keybindings. But what happens when a keybinding is already used by some other package?
Headshot of myself, Silvestar Bistrović.
  • 2016-10-07

How to make tabs using only CSS

I know there are more than a few articles about this topic. And there are 2 basic approaches: using target pseudo selector and using list with checked pseudo selector.
Headshot of myself, Silvestar Bistrović.
  • 2016-10-02

How to lint inside Atom

Lint, linter, linting? What is it and why you should use it? I'll try to show you how Atom linter packages could save you a lot of development time.
Headshot of myself, Silvestar Bistrović.
  • 2016-09-05

Perfect local server with Atom

Even now, that I'm experienced developer, I don't need complicated solutions for more than half of my tasks, so I decided to findĀ simpler solution for development inside my Atom.
Headshot of myself, Silvestar Bistrović.
  • 2016-08-30

Github Atom minimap packages

One of the most popular features for Atom out there is a minimap. It's a code preview in a small sidebar window.

Did you know that I run the UI Dev Newsletter?

Subscribe here ā‡¢New issue every Monday
Headshot of myself, Silvestar Bistrović.
  • 2016-08-22

Github Atom Git packages

Developers often rely onĀ a version control system and one of the most popular is Git.
Headshot of myself, Silvestar Bistrović.
  • 2016-08-19

First steps with Github Atom

This is the first article in a series about my perfect Atom setup. First topic is installation and initial setup.

Powered by Starter Project.