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…

Regular Responder vs. Polite Listener

Photo by Laura Ockel on Unsplash

Throttle 1 Second

Hello, I am a robot. As long as you keep calling me, I will answer you but 1 second each. I just love to reply at exact intervals. It would be like this;

Annoying Me: Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi…

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.

HTML

  • 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
</div>
</div>

CSS

.sidebar {…

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

Import Library/CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.6.0/css/ol.css" type="text/css">
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.6.0/build/ol.js"></script>
<div class="map"></div>

Code

const map = new ol.Map({ target: this.querySelector('.map') });
setLayers(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