Design Make Figma previews look great on any device In this article, we’ll go through the basics and best practices for using Figma Mirror in real-life projects, and how to most accurately transfer your designs to a device on your desk.
Pangea PROTOTYP joins the top 7% at Pangea Osijek, Croatia, 7th of January 2021 - PROTOTYP is proud to announce that we have joined Pangea. We are now members of an elite community where the top 7% of
Development How to set cookies from an embedded iframe In this guide, you can learn how to set cookies from a site embedded into an iframe using postMessage handlers.
Development Avoid the unexpected charges with Firebase and Node 10 Learn what Firebase saves in the bucket called artifacts and how to clean it up to avoid excessive charges when using Node 10 with Cloud Functions.
Development Adding internationalization to client-only routes in Gatsby In this tutorial, I will show you how to add internationalization (i18n) to a Gatsby project with the gatsby-plugin-intl, and how to configure it to also work with client-only routes.
Development We developed a font loader plugin for Gatsby In this article, I will explain how I developed a font loader for Gatsby and how to apply it to work with both web fonts and self-hosted fonts.
Development What makes an essential bug report? In this article, I will take you through a simple, but effective bug reporting method that increases efficiency, simplifies the bug triaging process, and saves a lot of time and resources for everyone involved.
Development The thing about service workers... Do you use service workers at all? In this article, I will go through some of the most common issues that occur while using service workers and share my workarounds for it.
Development Improving website performance by eliminating render-blocking CSS and JavaScript How to improve website performance and achieve great results? This tutorial brings you answers on how to eliminate render-blocking CSS and JavaScript to improve website performance.
Development Best way to lazy load images for maximum performance Lazy loading is important for optimizing image loading and therefore improving web performance. This article covers how to implement native lazy loading with fallback for unsupported browsers.
Design Discovery - this is how we do it How to build up a great digital product that will help your client in achieving business goals? The answer to this is - start with the Discovery process. In this article, you will find out what is the Discovery process and how it can improve your work skills and results.
Development React Native Video — handling fullscreen and controls on Android How to make a custom solution for fullscreen React Native Video on Android.
Development We don’t need no servers, we don’t need no source-control Let’s break this down into several categories that have seen major improvements over the years — hosting, CI/CD tools, Cloud infrastructure tools, marketing tools, and general cloud automation tools.
DevOps Firebase multi-site deployment with CircleCI A long time ago, even the simplest of build and deployment scenarios through a CI/CD pipeline were something that was out of reach for many developers, and smaller teams.
Design UX lessons learned from eCommerce projects In this article, I will present a general overview of some of the lessons and UX best practices that I’ve learned throughout my 4-year career working on eCommerce projects.
Development Multi-language routing in React What if you want to support a true multi-language routing, which will support route names in multiple languages and redirect your users to correct routes when you change languages?
Development Improving CSS performance and file size - an in-depth guide Follow this in-depth-guide and learn ways to improve CSS performance and file size.
General Digitalab.in — conference with a soul Can you think of the most relaxed conference where food is better than the speakers? Well, in those words organizers described Digitalab.in conference and it became a synonym for
Development Improve your CSS with these 5 principles We're going to look at the five simple and very effective principles that will take your CSS to the next level.
Development Optimizing images for the web - an in-depth guide Follow this in-depth-guide and learn different ways to optimize images for your website.
Development Draggable chat-heads in React Native How we’ve used panResponder to create draggable chat-heads which could be paired by overlapping one over another.
Development Implementing Skeleton Loading in React The idea and concept of Skeleton Loading or Skeleton Screens was introduced in 2013. in this blog post by Luke Wroblewski.
Development What we learned about PWAs and audio playback A word of advice for any future projects involving PWA — if it has anything to do with media playback, don’t bet on iOS. Think of PWAs as ProblemsWithApple.
Development Building Custom React Hooks React’s official documentation doesn’t cover custom hooks in detail as it covers the basic hooks, so the focus of this article is going to be primarily on building custom React hooks and best practices.
Development Javascript ES6: Destructuring with default values This is a short, but very useful code snippet for destructuring variables with default values (if the value is undefined). Very useful snippet for avoiding errors caused by undefined variables.