Evolution of Web Design and Development 1990-2019
The world first website was published in 1990. Comparing to today’s website, It’s really impressive to see how far we have come. In this post, we will travel back in time to see each step….
Read more
How many tabs can be open in Chrome?
On average, people usually open around 10-20 tabs on their browser. The most I have seen is closed to hundred and Chrome is still working fine. So I have been wondering for while that what….
Read more
How to Create CSS Horizontal Scrolling Website
Horizontal scrolling has been around for quite a while and can be often seen on personal portfolio and resume website. So In this tutorial we’ll show you how to create it with pure CSS using….
Read more
How to Apply CSS to iFrame
iFrame is a very convenient way to display an external content on your webpage. However, it’s little bit complicate if you want to add additional or alter the existing CSS style. You cannot simply add….
Read more
Write a Batch Script to Open Chrome
Whether you want to automate your routine tasks, doing some experiment or just setting up some pranks, Google Chrome supports command line and let you create a batch script file to control it. In this….
Read more
How to Center Div Vertically with CSS
Vertically centering div can be accomplished by many approaches but the most practical and efficient is using Flex/Grid layout or 2D Transform. Additional consideration is needed if there are more than one div under the….
Read more
Find Diff between 2 Strings with JavaScript
Levenshtein Algorithm is a well-known method to find differences between 2 arbitrary strings. However, if the given strings have equal length, the process is very much simpler by comparing characters on the same position and….
Read more
Creating 3D Cube with Pure CSS
3D cube effect can be achieved easily with CSS 3D Transform by creating div for each side of the cube. Then use rotateX, rotateY and rotateZ to put them into their places. Transform-origin is also….
Read more
How to Create Glass Blur Effect with CSS
CSS Glass blur effect is very popular on web page that want the div to be transparent and see through background or create a glass cover on another element. The snippet below uses masking trick,….
Read more
How to Add CSS Animation with JavaScript
A JavaScript snippet to dynamically add shorthand CSS animation property to any element. Useful method to insert an animation on a certain scenario. The syntax used in JavaScript code is similar with one in CSS…..
Read more
Toggle Active Button State with JavaScript
JavaScript code snippet to add “active” class to any button or div to toggle an active state. Useful for changing styles and appearance of clicked button. The snippet below will add click event listener to….
Read more