Peter Ramsing

LostGrid Version 8

December 28, 2016

Version 8 is now available

What Changed?

See full changelog below for all the changes.

Breaking Changes

• Waffle grids now have their last element floated to the left. This can be changed to make the last element float to the right. You can revert to having the last element float to the right by adding “float-right” to the end of line. a { lost-waffle: 2/5 3 0 no-flex float-right; }
• The Offset was initially done backwards (negative went right and positive went left). This is now more intuitive. You can get your existing project working with version 8 by simply making your previous negative fractions positive and your positive fractions negative. (e.g. lost-offset: 1/3; => lost-offset: -1/3;)
• LostGrid no longer supports 0.10 and 0.12 versions of Node.

New Features

• You can now use vw and vh as units for grid calculations instead of the default %. Read the Docs
• A new “rounder” feature was added allowing you to adjust the rounder multiplier. (See this post to learn more)

LostGrid to no longer support older versions of Node

Some notes about LostGrid and Node versions.

November 9, 2016

LostGrid is going to drop support for Node v0.10 and v0.12

Okay okay…not just yet. But I’m releasing a patch today that will start to put warnings out there about the drop of Node support in Version 8. Version 8 isn’t quite ready yet and I’m going hold off releasing it until December when Node support for v0.12 ends.

Moving forward, LostGrid is going to support Node versions according to the Node LTS docs. See Docs here

LostGrid, the Pixel Gap

LostGrid's new beta is looking to solve some of the pixel gap issues with a new rounding parameter.

November 6, 2016

LostGrid Version 8 Beta 1 (the second one) (v8.0.0-beta.1)

This second beta release of LostGrid’s Version 8 is working to solve the pixel gap issues that some users experience using Calc-based grids. Inspired by the original creator of LostGrid, Cory Simmons, there is now a “rounder” parameter.

Read Beyond Yourself

Do you ever read a book that is beyond you...that you don't feel like you're completely ready for? Good.

October 30, 2016

My mom did a lot of things right; I am so blessed by her. I was reading a book this evening, The Essential Wooden: A Lifetime of lessons on Leaders and Leadership, and something hit me and hit me hard. …and something I realize my mom, whether she knew it or not, was doing very, very right: She got me books I wasn’t ready to read.

Have a few books on your bookshelf you’re not ready for. One day, maybe not tomorrow, you’ll be ready for them…and when you are you’ll be glad they are there.

LostGrid Gets A New Beta

LostGrid has some updates that are now in beta; things like lost-offset are getting a facelift.

October 18, 2016

LostGrid has a beta! (v8.0.0-beta.0)

This first release has a new more intuitive version of lost-offset that now shifts the content a bit more like you’d feel it should. Negative fractions moves it to the left and positive fractions move it to the right. It feels great to use!

The Ongoing Adventures of a Frontend Developer

Links and notes from my talk at Clark College in Washington.

October 5, 2016

I was asked to give a talk on “The Ongoing Adventures of a Frontend Developer” at Clark College in Vancouver, Washington. Here are some links and notes from that talk.

Creating a Maintenance Site with Express and Pug

Setting up a maintenance site for multi-domain routing.

September 9, 2016

If you’ve ever had to create a maintenance page for your website when you need to do some server work or some larger database operation that will need your system offline, you’ve probably suffered a headache about how to do it well. How about if you have multiple sites that you have to take down and you want there to be a “we are down right now” but branded for each domain? This was the dilemma that I had to solve and I must say, I like what I came up with.

New LostGrid release 7.1.0

New LostGrid Darcy release with feature enhancements and a major under-the-hood refactor.

August 29, 2016

What changed?

Changelog

• #322 [FEATURE ENHANCEMENT] There is a new ability to add an rgb color value to lost-utility: edit; to customize your editing color. lost-utility: edit rgb(60, 0, 0);
• #324 [REFACTOR] LostGrid’s core is now written to follow the airbnb javascript styleguide with ESLint linting along the way.

I’ve missed diving into code like I used to. This is a minor release adding a little feature enhancement for lost-utility. There are some cases where you might want to have different colors used in the edit mode of lost-utility. Now you can add in an rgb value. When I went to bed after hitting “release” last night I realized that I should probably also add in some color variables as well like “blue” and “red” etc. Because I’m converting it to rgba I don’t think it would be as simple as accepting valid css colors but that’s certainly something that could be in the cards.

How to add gradients to images with CSS ::after

Adding a linear-gradient to images is rather easy and can be adapted to create a variety of design enhancements.

July 23, 2016

If you’re wanting to add a gradient to an image I have found a lot of posts that explain how to do it with background images. This has been the go-to strategy of mine for a while but I thought it didn’t feel quite right for every case.

HTML's Background Color and Overscroll

A quick web tip on overscroll background color.

July 15, 2016

Here’s a little tip if you’re working on a site whose header and footer are the same color.

Comparison Between Tags on GitHub

Comparing between two versions using the GitHub compare tool

July 12, 2016

Updated date: November 9, 2023

Update on 2023-11-09 I went back to see if this still worked since this post gets a fair amount of traffic. Github is really awesome in that since this post was written over seven years ago, it still remains accurate. Way to go Github for keeping your URLs consistent!

Define Your Assumptions

what are the assumptions disguised as fact?

July 10, 2016

There are numerous moments when I have assumed something was fact when it was really just an assumption. Whether it was my own assumption or I was hearing an assumption of someone else it’s not hard to see the trouble this could cause if we step back a moment.

LostGrid, the new Darcy Release

LostGrid releases new version called Darcy

July 1, 2016

LostGrid, the Darcy Release

Tonight I released the latest version of the open source project, LostGrid I maintain. The main focus of this release was to fix some bugs that caused some breaking changes, start a new version naming strategy, add a feature for lost-row and to also ensure that there was movement on the project.

I Made A Site About AirDrop

For when you need to let someone know...

June 28, 2016

youmightwanttoturnoffairdrop.com

It’s a joke

So I don’t actually think this is an epidemic. I just think it’s funny. There have been many times when I will see people with AirDrop on and feel like sending them something. Now…I get to!

Good Quality Code != Perfect Code

Great code, unless shipped, doesn't do much.

June 22, 2016

We’ve all been there. You’ve written a pretty solid feature and you’re just about done but you keep finding little areas to improve. Those little things that you keep committing such as “cleans up x” or “refactors x to make simpler”. As your deadline approaches your stress level grows, the product owner is getting nervous, and the late nights are inevitable.