AllThingsSmitty

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2)
{ }

/* iPhone 6 portrait */
@media only screen
  and (min-device-width: 375px)

AllThingsSmitty

1. Master any skill in 30 days

Prompt:
"I want to learn [INSERT SKILL]. Create a structured 30-day learning plan with daily exercises, key concepts, and recommended resources."

2. Turn complex topics into simple analogies

Prompt:
"Explain [INSERT TOPIC] in the simplest terms possible using analogies and metaphors to make it easy to understand."

AllThingsSmitty

/* based on dbox.us */
body {
  background: linear-gradient(238deg, #fd8800, #fd008f, #9700fd, #003dfd, #05c7e6, #4bd58d);
  background-size: 1200% 1200%;
  -webkit-animation: rainbow 30s ease infinite;
  animation: rainbow 30s ease infinite;
}
@-webkit-keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }

AllThingsSmitty

/* base font size + viewport height + viewport width */
h1 {
  font-size: calc(2rem + 4vh + 4vw);
}

/* responsive font-size responsive */
html {
  font-size: calc(100% + .2vh + .2vw);
}

AllThingsSmitty

10 JavaScript Terms You Should Know

From currying to closures there are quite a number of special words used in JavaScript. These will not only help you increase your vocabulary but also better understand JavaScript. Special terms are normally found in documentation and technical articles. But some of them like closures are pretty standard things to know about. Knowing what the word itself means can help you know the concept it's named for better.

1. Arity
2. Anonymous
3. Closure
4. Currying
5. Hoisting
6. Mutation

AllThingsSmitty

##Sass Functions Cheat Sheet

1. RGB Functions
2. HSL Functions
3. Opacity Functions
4. Other Color Functions
5. List Functions
6. Map Functions
7. Selector Functions
8. String Functions

AllThingsSmitty

<table>
  <thead>
    <tr>
      <th>Payment</th>
      <th>Issue Date</th>
      <th>Amount</th>
      <th>Period</th>
    </tr>
  </thead>
  <tbody>

AllThingsSmitty

// credit: Louis Lazaris
window.addEventListener('contextmenu', function (e) {
  console.log('context menu disabled');
  e.preventDefault();
}, false);

document.addEventListener('mouseup', function (e) {
  if (e.button === 2) {
    console.log('right-click enabled');
  }

AllThingsSmitty

/*
First: determine the number of columns, ex.: 12
Second: determine the width of a single (1/12) column using the following formula:
  scw = (100 – (m * (mc – 1))) / mc
Where:
  scw = single column width
  m = margin (1.6%)
  mc = maximum columns (12)
Ex.: scw = 6.86666666667%
Lastly: use the scw to calculate the rest of the column widths using the following formula:

AllThingsSmitty

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}