Image for post
Image for post
https://ageorgiev.com/blog/how-to-create-a-custom-scrollbar-in-your-website/

Sooner or later all developers are faced with the need to customize scrolls. I hope this article will give you enough information to make the right decision and not waste days fixing bugs, as the author did :)

A brief history of styling scrollbars:

  1. It used to be a thing only Internet Explorer could do (ancient versions) with stuff like -ms-scrollbar-base-color. These do not exist anymore.
  2. Then WebKit-based browser engines got on board with stuff like ::-webkit-scrollbar. It works across the Chrome, Edge, Safari and Opera landscape today.

Standards have finally been incorporated, and those styling options are covered by un-prefixed properties like scrollbar-color and scrollbar-width. …

Image for post
Image for post

I’m a Front-end Lead at JustCoded with 10+ experience in front-end development. Social networks are developing rapidly and capturing more and more audiences. According to Statista, every third person on earth is registered in at least one of the social networks. The three most popular social networks are Facebook, Youtube, WhatsApp. This is a huge number of people who want to access content on your site and have the opportunity to share it. So, we have dozens of social networks and billions of websites. How do we deal with them?

The Open Graph protocol

Image for post
Image for post

I’m a Front-end Lead at JustCoded with 10+ experience in front-end development. The things I explain in this article may sound controversial to some of the developers and SEO specialists. I based most of these conclusions on Google articles and videos from official channels. However, none of the sources guarantees that the implementation of the recommendations will improve your ranking in search results.

Meta tags

Image for post
Image for post
https://github.com/justcoded/web-starter-kit

Hi, there.

In the next pages, I am going to share our experience with the custom Gulp Build https://github.com/justcoded/web-starter-kit. We have been using and supporting for the last 4 years on FrontEnd projects that ranged anywhere from 1 to 40 pages, 70% Markup and 30% JS. It is a story of fails and successes that I believe will help you find a happy medium when it comes to deciding on when to use or not to use Gulp/Grunt/WebPack in your project.

Four years ago we faced issues of huge projects, tons of code, libraries that are needed to be automated. At the same time we decided to use SCSS as the main preprocessor, ES6 for JS, and use the component approach in the development for all of our projects. …

Image for post
Image for post
Image Credit: proto.io

In order to achieve optimal performance and keep the customer happy it is advised to follow these guidelines. Before deploying, check if you have added these functionalities, and add them if you didn’t. Follow these guidelines to achieve the optimal performance and to keep your client happy. Before you deploy anything, make sure to implement everything described below. These are the things that our clients do not usually ask for, however, they add quality to our work and add value.

1. The Design

Image for post
Image for post

Clients, managers, and maybe even you want to know when the task will be ready. The first step is the most crucial of any development process. Without a timeline, you can’t start any part of the work. It can be measured in any number of units, such as hours, days, weeks, point, elephants.

In the next 10 minutes, I am going to share one of the approaches for estimating any part of the work on your project.

First of all, we need to write down our results somewhere. Don’t judge me, but I am a big fan of Google Sheets. …

Image for post
Image for post

The topic “How to optimize your site for better load speed” is a hot one in all chats and forums. Google has announced that page speed is now the main factor for Google Search and Google Ads. Here is the link for proof: https://developers.google.com/web/updates/2018/07/search-ads-speed Also, almost 50% of users will not wait more than 3 sec for a page to load https://www.marketingdive.com/news/google-53-of-mobile-users-abandon-sites-that-take-over-3-seconds-to-load/426070/

In the next 15 minutes, we will figure out how to increase your page speed by optimizing images.

First of all why are images important? Because the images could take up to 90% of the whole site. You can check it by using one of the hundreds of resources to check. …

Image for post
Image for post

A couple of months ago we received a request for the development of push notifications in a PWA (Progressive Web Application). The main idea was to increase the conversion of users by adding notifications about new products. The website was built on a CMS with a standard tech stack (HTML5/CSS3 + JS + jQuery).

I don’t want to go too deep into what push notifications are, however, you can find a lot of technical articles about it. For example https://medium.com/better-programming/everything-you-need-to-know-about-pwas-push-notifications-e870bb54e14f

My main focus is to share our experience with push notifications to help save you time.

So let’s get back to our story :) We had little experience with push notifications in PWAs at that time, so we decided to develop a small prototype to play around with and here is what we found…

When I started my career as a markup developer 10 years ago there weren’t any courses, mentoring institutes, conferences or videos on YouTube. We had to deal with every bug by ourselves which included long nights of experimenting with the console to fix IE. There weren’t any debug tools and IE6 was the main browser. Can you imagine that? I remember when the firebug console appeared in the first Firefox version. We bought a bottle of wine and celebrated all night long. Nowadays people have all of the good stuff for a quick start in their career as a QA/FE/BE/PM. …

About

Stanislav Gurin

I am lead Front-End Developer at JustCoded

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