This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var stateManager = (function () { | |
var state = null; | |
var setState = function () { | |
if ($('body').width() < 768) { | |
if (state !== "mobile") { | |
state = "mobile"; | |
displayMobile(); | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin rem($property, $px-values) { | |
// Convert the baseline into rems | |
$baseline-rem: $font-size-base / 1rem * 1; | |
// Print the first line in pixel values | |
#{$property}: $px-values; | |
// If there is only one (numeric) value, return the property/value line for it. | |
@if type-of($px-values) == "number" { | |
#{$property}: $px-values / $baseline-rem; | |
} | |
@else { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
So here are a few links I have put together for new developers | |
MDN - A bible of web development https://developer.mozilla.org/en-US/ | |
Dash - not a website, more of a tool for looking at documentation https://kapeli.com/dash | |
CSS Tricks - https://css-tricks.com/ | |
Smashing Magazine - http://www.smashingmagazine.com/ | |
Code School - https://www.codeschool.com/ | |
A list apart - http://alistapart.com/ - this is where the first article on responsive design was published so definitely worth watching here for new trends | |
My blog - contains a wealth of information, and as typically I write blog posts as im learning something new its all in order I learned stuff https://www.jonathanfielding.com/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango"]; | |
fruits.push("Kiwi"); | |
console.log(fruits); // ["Banana", "Orange", "Apple", "Mango", "Kiwi"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango"]; | |
fruits.unshift("Kiwi"); | |
console.log(fruits); // ["Kiwi", "Banana", "Orange", "Apple", "Mango"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"]; | |
fruits.pop(); | |
console.log(fruits); // ["Banana", "Orange", "Apple", "Mango"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"]; | |
fruits.shift(); | |
console.log(fruits); // ["Orange", "Apple", "Mango", "Kiwi"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango"]; | |
const newFruits = [ ...fruits ]; | |
console.log(newFruits); // ["Banana", "Orange", "Apple", "Mango"] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"]; | |
fruits.forEach((fruit) => { | |
console.log(fruit); // Each fruit will be logged out one at a time | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"]; | |
const numberedFruits = fruits.map((fruit, index) => { | |
return `${index + 1} - ${fruit}`; | |
}); | |
console.log(numberedFruits); // ["1 - Banana", "2 - Orange", "3 - Apple", "4 - Mango", "5 - Kiwi"] |
OlderNewer