Notes and anecdotes

Techstuff rambling

Creating a Google Chrome Extension

I’ve heard multiple say that creating a chrome extension is about as easy as creating a static web page. Is it really? Here’s a step-by-step on how I created my first Trello-integrated chrome extension, almost like a simple and developer-friendly version of Momentum.

tomfa • 2017-04-02

CSS systems and principles

What’s wrong with CSS? How do you write scalable CSS? What’s the difference between SMACSS, BEM, OOCSS, SUIT CSS and Atomic Design? Here’s some opinionated thoughts on the confusing world of CSS.

tomfa • 2017-03-30

Semantic vs Content-Independent CSS

Say you have a search form in the top right corner of your website, that looks something like the picture below. What should be the class name of a component? If you use semantic classes, you could name it something like “search” or even “header-search”, because it is how it’s used. If you use content-independent classes, you might call it…

Continue Reading

tomfa • 2017-03-29

Chromes Awesome Developer Tools

Here is a great talk about them Chrome tools. You can emulate reduced network speed You can emulate other device You can force states (:active etc) for elements You can smartprint objects You can group console logging You can time sections of the code or timestamp all logging You can insert debugger stops debugger; You can…

Continue Reading

tomfa • 2016-01-04

Grunt: Don’t worry about webkit-*, moz-* when typing css

Would you like to skip having to think about vendor prefixes when typing css? Wouldn’t we all. We could skip it though, with grunt autoprefixer.  

tomfa • 2014-09-21