How I used AI coding agents to rebuild my personal blog in an evening instead of a few weekends.

Rebuilding my blog

The other day, I was having coffee with a friend, and he started telling me about this new gadget he bought and how much money he saved. What really caught my...

Chat GPT explorations

When you use the web in you daily work and life, you get to encounter websites that have challenging UI that makes it hard to navigate or plain simply hard to...

Collection of confusing user interfaces

Use case: Working on 2 dev branches and merging one into the other and want to revert git checkout devbranch git merge mynewfeature // merging my branch into...

Git commands cheat sheet (in progress)

As much as like github for repos - I didn't feel it was \yet\ worth to pay the monthly fee to get unlimited private repos. So I decided to move all my private...

Moving private repos to bitbucket

When I started working back in 2010, we used to support IE7. I still remember how much of a paint it was to debug javascript code. With IE8/IE9 debuggers, what...

Chrome dev tools - secret weapon?

Exploring CSS position:sticky in Chrome 56, which lets elements stick to the viewport when scrolling past a threshold—a long-awaited CSS feature.

css position: sticky

An introduction to git bisect, a powerful debugging tool that uses binary search to find the commit that introduced a bug.

Git bisect

This blog post title is pretty confusing - but if you get to read this blog post by Google, it actually makes sense. It's actually pretty cool. Not that I...

async promises in a sync way?

A quick look at enumify, a small library that brings enum support to JavaScript with a clean, class-based API.

Enums in Javascript

In case you are looking for an ES6 syntax highlighting in sublime, check the babel-sublime project. Here it is: babel-sublime

Babel syntax highlighting for Sublime 3

Starting to learn ES6 with a helpful guide on converting React.js components from ES5 to the new class syntax and features.

Looking into ES6

A beginner-friendly guide to managing CSS in React projects using Webpack, covering CSS modules and build configuration.

Gentle intro to maintaining CSS with Webpack

A straightforward tutorial on configuring Webpack for React.js development with hot module replacement enabled.

One more webpack - react.js tutorial

Tutorials and resources for deploying React apps with Webpack to Heroku, including hot module replacement setup.

Heroku setup for webpack

A collection of resources for learning CSS Flexbox and Grid layout, including react-flexbox-grid and Grid by Example tutorials.

React.js and Flexbox links I want to look at when I have time

I've been watching and following a few tutorials about React.js during my free time, mostly for fun and also for work and I thought that I would share the code...

React.js tutorial code on github

I attended the first day of the conference this year. I didn't take that much notes but here it is in case your interested: Design and Performance by Steve...

HTML5 Dev Conf 2015 - San Francisco

I recently bought a Fitbit scale and spent a few hours trying their APIs. At the same time, I decided to open source the code I wrote. It's basically a Fitbit...

Fitbit API !

I hadn't a chance to go to this Conference. It was at FB headquarters. Instead, I watched a few videos of the conference they posted online:...

ReactJS Conference Jan 28-29 at Facebook

The 2014 Chrome Dev Summit is streaming live—covering the latest in web platform features, performance, and developer tools.

Google Chrome Summit Happening now !

An introductory React.js tutorial covering core concepts like components, state, props, and the virtual DOM.

Simple tutorial on React.js

Key links from Twitter Flight 2014, including Fabric SDK, Twitter Kit for iOS login, and embedded tweets documentation.

Twitter Flight Conference Links

Next week is going to be really fun. I have the opportunity to attend the HTML5DevConf and IOTAConf again and also go to a new conference hosted by Twitter:...

HTML5 Dev Conf and IOTAConf

A quick explainer on AngularJS directive restrictions—what E, A, and C mean and when to use each type.

Directive restrictions: What are E, A or C.

I've been playing around with Angular.js and one thing that I haven't really looked at yet are modules. My app currently has only one module. I was thinking...

angular.js modules?

A comprehensive guide to understanding DOM events, covering event bubbling, capturing, delegation, and best practices.

Great introduction on Dom Event!

A place for a new blog... I'm actually porting an old blog I used to maintain on another domain and now it's all going to be here!

Posts

2026

2023

2021

2019

2017

2016

2015

2014

2007