LITTLE THINGS – Small yet important things I've learned over the years – Grids are great
LITTLE THINGS – Small yet important things I've learned over the years – Grids are great
0 1
little-things
A slides.js presentation of little things I've learned over the years.On Github etohehir / little-things
LITTLE THINGS
Small yet important things I've learned over the years
DESIGNER THINGS
Grids are great
- GuideGuide (Photoshop)
- Split Object to Grid (Illustrator)
Rounded corners
They've gotten easier
Both Photoshop and Illustrator now have default tools that can adjust rounded corners.
-
Hyphenation sucks
Just makes reading long blocks of text more agg- ravating to do
For the love of God, turn it off.
That example is for Photoshop, but you can do it in any Adobe program.
Fit repeating icons in circles
It looks better than when you try to fit them into squares
Distribute Horizontal
It's your best friend
- It makes organizing repeating objects that much easier.
- Here's how you do it.
Annotate your wireframes
I like actually knowing what things are
DEVELOPER THINGS
Don't git pull, ever
Do a fetch and merge instead
- This lets you check the Git log so you can see what you're getting into first.
- Lets you foresee merge conflicts easier. Helpful, because ain't nobody got time for merge conflicts.
- This article explains it better.
Sublime Text Package Control
'Nuff said. Go install it
:_
Spaces after colons
Legible code is good code
Tabs or spaces?
Just decide on one or the other, consistency is key.
Newlines end every file
Otherwise your compiled code will be a complete and utter mess
With newlines
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }
@font-face {
font-family: "Klinic Slab";
font-weight: bold;
font-style: normal;
}
Without newlines
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }@font-face {
font-family: "Klinic Slab";
font-weight: bold;
font-style: normal;
}
Use Git for everything
It's far too useful not to. I even used it for this presentation
Keep commit messages short
Otherwise something like this will happen
SMACSS & OOCSS
Super useful style organization methods
Sublime Text shortcuts
Hold onto your socks, these are amazing
THINGS FOR EVERYONE
Wrist stretches
Do these every time you sit down at a computer, you'll feel the difference
+
File storage & sharing
Make backups and share instantly through Asana
Text editing shortcuts
Alt and Cmd are more useful than you think
- Hold Alt and use the arrow keys to jump over entire words
- Hold Cmd and use the arrow keys to jump over entire lines
- Use Shift to select and Delete with those previous shortcuts and you'll be editing text much faster!