frontend
WebAssembly with Go
· ☕ 6 min read
I will start this post with a quote from webassembly.org: WebAssembly (abbreviated Wasm) is a binary instruction format for a stack-based virtual machine. Wasm is designed as a portable target for compilation of high-level languages like C/C++/Rust, enabling deployment on the web for client and server applications. webassembly.org blockquote p { padding: 15px 15px 0; } That’s a lot of technical jargon. In very simple terms,

Move Item to Next Row on Resize with Flexbox
· ☕ 2 min read
In this tutorial, I’ll show how to make items of a flexbox to go to the next line on the window resize. There comes a time in life when you need to create layouts where block snaps to next line when the window is too narrow. This is a best practice in responsive web design. The Setup Let’s get started creating a skeleton for our experiments: 1 2 3 4 5 6 <div class="flex"> <div class="item">HTML</div> <div class="item">CSS</div> <div class="item">JavaScript</div> <div class="item">MongoDB</div> </div> As we have the skeleton, let’s start designing.