Skip to content

Instantly share code, notes, and snippets.

View trub's full-sized avatar

matthew weintrub trub

View GitHub Profile
@trub
trub / Finding-A-Hacker-Bootcamp.md
Last active April 11, 2017 18:41
Finding a 3-12 Month Programming / Hacker Bootcamp

#Finding a 3-12 Month Programming / Hacker Bootcamp

Disclaimer: if you are serious about a programming / hacker bootcamp know that theses schools are for people who have been playing with code & programming for a while now. They are at the point of learning where they need help closing the gap on the last 1/4 mile of the race. Many of these programs are not for beginners. The promises, guarantees and job potential may entice you but they are often disengenous. The majority of these programs admit less than 20% of applicants. To get started I suggest: codeschool.com + teamtreehouse.com + codeacademy.com.

After working towards a minor in visualization + graphic design, dabbling in freelane work and trying to teach myself code on the web using google, stackoverflow, teamtreehouse.com & other resources, I was ready to find another way. And before I knew it I found myself stumbling down a path programming bootcamps. First, I asked myself what / where are there short-term (3-12mo) development bootcamps/academies

@trub
trub / Learn HTML5 in 60 seconds.md
Last active August 29, 2015 13:57
HTML5 in 60 seconds

#What is HTML5?

###"develop Web apps, not apps!" -Tim Berners-Lee // guy who invented internet

HTML5 is a collection of the HTML language, CSS3 and JavaScript APIS. These technologoies allow developers to create complex aplications once relgated to the desktop.

HTML5: Explained in Less than 60 Seconds

@trub
trub / Using images on the web in 60 seconds.md
Last active August 29, 2015 13:57
Rules for using images on the web in 60 seconds

#Images on the web

Let's talk about 72dpi. The choice of 72 PPI by Macintosh for their displays arose from the convenient fact that the official 72 points-per-inch mirrored the 72 pixels-per-inch that actually appeared on their display screens (1).

But this decision had a negative impact on the rendering of fonts at the poplar 10-point size carried over from typewriters. Microsoft tried to address with the creation of the 96PPI resolution characteristic that is 1/3 times higher then the resolution of the screen. In the end, this addressed the 10-point font issue with Apple, but the result was that 10-point fonts appeared as 13-points.

In time, better technologies, fonts and vector graphics help to address these issues, but in the end we were still left with great confusion as to what the base resolution of a computer is.

Is it 72dpi or 96dpi?

@trub
trub / Graceful degradation V. progressive enhancement in 60 seconds .md
Last active August 29, 2015 13:57
Graceful degradation V. progressive enhancement in 60 seconds

#Graceful degradation V. Progressive enhancement

All these big words what do they mean? Allow me to translate.

#CONTENT IS KING

Graceful degradation is simply when a developer creates an awesome user experience for an app or website running on up-to-date current browsers and then that user experience starts to suck when you access the app/site from older browsers. Graceful degradation is for the guy or gal who just does enough to get by. We should call this method mediocritiy at its best.

Progressive enhancement has many similarities to the mediocrity of graceful degradation. The main difference is we decide on a standard user experience accessible to all browsers. On top of that we build sweet features into the browsers that have those abilities.

@trub
trub / What I learned at Code Fellows Review.md
Last active August 29, 2015 13:57
Code Fellows: What I've Learned

#Week 1

ALL WORK IS DONE IN PAIRS OR GROUPS
===================================

GIT + GITHUB
===================================
 how to navigate computers via terminal
 how to pimp our terminals

how to pimp sublime text

@trub
trub / WTH is jQuery.md
Last active August 29, 2015 13:57
WTH is jQuery?

Before we can learn wth jQuery is, lets learn why we use it.

#jQuery makes it easy to:

  • find // elements in an HTML document
  • change // html content
  • listen // to the actions of a user + then react appropriately
  • animate // content on pages
  • talk // across a network in order to pull in content

#"DOM" not "NOM"

@trub
trub / SassMeister-input.scss
Created April 7, 2014 23:08
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
$width: 800px;
$padding: 10px;
$border-width: 0;
.box {
box-sizing: border-box;
@trub
trub / SassMeister-input-HTML.markdown
Created April 7, 2014 23:08
Generated by SassMeister.com.

by Dale Sande

Icon-fonts. They are pretty awesome, but much like managing Sprite files, there are issues that make them a real pain to manage. Sure there are full libraries out there that you can grab wholesale and rely on their documentation, but for optimization and performance reasons you do not want to load up a series of libraries just to use a few icons. Leveraging the power of HAML and Sass we can make this less painful and at the same time maintain a living style guide. Basically, winning all over the place.

[IcoMoon][IcoMoon] is a fantastic resource that allows users to select specific icons from various libraries, as well as upload custom SVG art and download a customized font library. In the download package there is an HTML document that illustrates the library you just created, but for most professional applications this isn't going to work. Mainly because you will probably not use IcoMoon's code verbatim. Customizing the HTML and CSS per your use is ve

@trub
trub / SassMeister-input.scss
Created April 8, 2014 01:56
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
$width: 800px;
$padding: 10px;
$border-width: 0;
.box {
box-sizing: border-box;
@trub
trub / SassMeister-input.scss
Created April 8, 2014 18:15
Generated by SassMeister.com.
// ----
// libsass (v0.7.0)
// ----
$icons: (mail '\e600') (facebook '\e601') (twitter '\e602') (youtube '\e603') (linkedin '\e604');
%ico-font-base {
font-family: 'icomoon';
speak: none;
font-style: normal;