This is a list of stuff that the average software developer does from week to week
- Code design
- Refactoring
- Algorithms
- Profiling
- Code reviews
- Building frameworks
atom-workspace-axis.vertical atom-pane { | |
flex-direction: row; | |
.tab-bar:not(:empty) { | |
box-shadow: inset -1px 0 0 #181a1f; | |
resize: horizontal; | |
height: auto; | |
display: block; | |
padding-right: 1px; | |
padding-bottom: 3em; | |
min-width: 14em; |
Link to this page: http://caseywatts.com/flipit
Other gists & tricks: http://caseywatts.com/gists-and-tricks
This helps flip between a page the development server and the same page on the production server. Useful for comparing css or functionality changes quickly.
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft
, elem.offsetTop
, elem.offsetWidth
, elem.offsetHeight
, elem.offsetParent
--- | |
layout: default | |
permalink: /search/ | |
--- | |
<!-- | |
http://10consulting.com/2013/03/06/jekyll-and-lunr-js-static-websites-with-powerful-full-text-search-using-javascript/ | |
--> | |
<div class="home"> |
This means, on your local machine, you haven't made any SSH keys. Not to worry. Here's how to fix:
*nix
based command prompt (but not the default Windows Command Prompt!)cd ~/.ssh
. This will take you to the root directory for Git (Likely C:\Users\[YOUR-USER-NAME]\.ssh\
on Windows).ssh
folder, there should be these two files: id_rsa
and id_rsa.pub
. These are the files that tell your computer how to communicate with GitHub, BitBucket, or any other Git based service. Type ls
to see a directory listing. If those two files don't show up, proceed to the next step. NOTE: Your SSH keys must be named id_rsa
and id_rsa.pub
in order for Git, GitHub, and BitBucket to recognize them by default.ssh-keygen -t rsa -C "your_email@example.com"
. Th(function() { | |
if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile/)) { | |
var msViewportStyle = document.createElement("style"); | |
msViewportStyle.appendChild( | |
document.createTextNode("@-ms-viewport{width:auto!important}") | |
); | |
document.getElementsByTagName("head")[0].appendChild(msViewportStyle); | |
} | |
})(); |
<figure class="quote"> | |
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote> | |
</figure> |
This is a quick rundown of how and why we use YUI3 grids at App.net
As far as I can tell there are three types of CSS grids: a static-width pre-defined grid, a flexible-width pre-defined grid, and a generative grid. In the first two grids (pre-defined width), you basically decide how many columns you have across the screen, and then create blocks in any multiple of those. This pattern often looks like "span-4", "span-6", "pull-10", "push-5", etc. You find this style in popular frameworks like Bootstrap and Blueprint.
The third way, the generative/recursive grid system, doesn't seem to be as popular as the others. I am not entirely sure why, because the generative grid can pack more punch in less lines. In this vein is there is OOCSS and YUI3 CSS Grids.
@mixin yui_grid($namespace:'') { | |
/* | |
Copyright (c) 2010, Yahoo! Inc. All rights reserved. | |
Code licensed under the BSD License: | |
http://developer.yahoo.com/yui/license.html | |
version: 3.3.0 | |
build: 3167 | |
*/ | |
.#{$namespace}yui3-g { | |
letter-spacing: -0.31em; /* webkit: collapse white-space between units */ |