Photo by Adi Goldstein on Unsplash

This is a TL;DR version of the above article in a format of Q & A. I highly recommend reading the article.

There is a total of 12 points. The more points you have, the closer you are into a crisis.

1. Does my company encourage developers to become high performers without reviewing their code?

If so, +1. If not, what is the system…

Slide Animation, Swipe, and SPA-friendly

Sidebar is a way of page navigation, especially convenient for mobile SPA applications, which ensure that certain page elements are always in view.


  • Blocker is used to covering the full screen in a half-transparent mode in mobile devices
<div class="sidebar">
<div class="blocker"></div>
<div class="content">
Sidebar Content


.sidebar {…

Free, No Key, No Limit, No Effort, and Openlayers6

Import Library/CSS

<link rel="stylesheet" href="" type="text/css">
<script src=""></script>
<div class="map"></div>


const map = new ol.Map({ target: this.querySelector('.map') });
setCenter(map, [40.6892, 74.0445]);
setZoom(map, 15);
function setLayers(map) {
const layers = [new ol.layer.Tile({source: new ol.source.OSM()})];
map.addLayer(new window.ol.layer.Group({layer}));

Allen Kim

Lead Front-End Engineer

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