Here’s my new 404 page. What do you think? Click here to test it

I like being able to see the invisibles in my text editor. While the invisibles are enabled in Atom though, it shows all of the invisibles and it may be overwhelming.

To make it a little saner use:

showInvisibles: true
invisibles:
    eol: false

in your Atom config file.

To get to the config use Atom → Open Your Config

Enjoy.

Try the markdown writer plugin for the Atom. You would most likely be very pleasantly surprised at all the additional functionality that you get out of this great plugin for general markdown editing but with great features to make your static blogging ever so more pleasant!

Atom editor in general is taking pretty good shape. Hopefully I will soon be able to completely switch to Atom from Sublime Text.

Don’t forget the companion markdown preview package to preview your markdown files as you type if you want to.

Good design is obvious. Great design is transparent

––Joe Sparano

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away

––Antoine de Saint Exupéry

Here’s an excellent plugin to preview any arbitrary file as a text file.

Very handy for previewing README or any other weird extension files that finder would not preview by default.

Once you unpack the archive, you need to move the plugin to ~/Library/QuickLook. To get there fast (or any folder for that matter) you can use a nifty Finder shortcut: ⌘ + ⇧ + G

To delete lines 2, 12-17 and line 57 from file data.txt using sed you could do something like this:

sed -e '2d;12,17d;57d' data.txt

[Source]

Font weight is basically its strength or prominence if you think about how hard you have to press the pencil then strength comes to mind if you think about how hard you have to squint then prominence comes to mind.

Various fonts come in various weights. Some fonts come in only 2 weights normal and bold

For TrueType fonts it is somewhat standardized in a 100 to 900 system where 400=normal and 700=bold

TrueType Weights

100  
200  
300
400
500
600
700
800
900

CSS sample

```css p.normal { font-weight: normal; }

p.thick { font-weight: bold; }

p.thickest { font-weight: 900; }

Based on the title case project. Which I discovered through this jekyll fix titlecase an npm package while switching to jekyll (in fact there are numerous npm packages that wrap this same library)

The author of the npm package adds 3 more exceptions to the original source code

###TL;DR Check out the sample Get the great Meslo LG here

Add to CSS

@font-face {
  font-family: 'Meslo LG S';
  font-style: normal;
  src: local('Meslo LG S'), local('Meslo LG S'),
  url(http://inteist.com/public/fonts/MesloLGS-Regular.ttf)
  format('truetype');
}

or

The Full Story

Use Compress HTML Liquid plugin.

The size difference for this blog having ls | wc -l => 188 entries many of which are not too large was ~2Mb of generated HTML. Although most older posts are doubled to support the older /YYYY/MM/TITLE slug format. So roughly 350 posts and pages.

The setup literally takes about 30 seconds…

1. download the plugin
2. copy to your _layouts folder
3. in your main layout add a frontmatter

---
layout: compress
---

And you are done.

For more info visit the plugin’s documentation page