For my last project, I've been painstakingly positioning elements on a page, using margins, absolute and relative position to move things back and forth. As I progress in my CSS journey, along comes the flexbox and halleluja it looks like the answers to my positioning prayers! However, there are A LOT of different properties that … Continue reading CSS Flexbox Part I: positioning shit like a pro
How to add Parallax Scrolling with CSS
Parallax scrolling is when it looks like part of the page are moving over a static background image. It was all the shits a few years ago, and I have to admit I still think it looks super nifty, so naturally I wanted to learn how to do it. Check out the example I made … Continue reading How to add Parallax Scrolling with CSS
How to center a text box over a header image with CSS
I'm moving along in my coding course and have stumbled upon an old nemesis: centering text boxes over header image". While this will probably be a piece of cake to any experienced developer, I was having a really hard time with it. I could center text just fine, but when I wanted to add a … Continue reading How to center a text box over a header image with CSS
JavaScript Syntax Death Match Part I – Variables, If/Else, Switch & Functions
I just went through a JS exercise and even though I did pretty well in terms of getting the logic right, I always have a hard time with the syntax, especially once you start combining things. Console.logging the result of calling a function without passing parameters? Where the hell do I put brackets? Using an … Continue reading JavaScript Syntax Death Match Part I – Variables, If/Else, Switch & Functions
Shortening Sh*t in JavaScript – A Cheat Sheet
I must admit, JavaScript syntax isn't the easiest thing I've encountered. It's not so much the 'words' but the symbols that I have a hard time remembering. Normal brackets, swirly brackets, or no brackets? Single, double or no quotation marks? Ergh! Additionally, there a multiple ways of writing the same thing. I know this was … Continue reading Shortening Sh*t in JavaScript – A Cheat Sheet
How JavaScript Functions work for Dummies like me
What are functions and why do we need them anyways? Functions are used to tell the machine to do a certain action, or sequence of actions. When you call the function in the code, it'll do what you told it to do in the function. Think of the function like training a dog to do … Continue reading How JavaScript Functions work for Dummies like me
How to add a tagline under the header logo with CSS in Squarespace 7.1
I spent about an hour trying to figure this out for a friend's website the other day and it was driving me mad. I couldn't see how I could add another text field to the header, so I was just endlessly moving the logo from the left to the right without a way out. Fortunately, … Continue reading How to add a tagline under the header logo with CSS in Squarespace 7.1
What is Math.random and Math.floor good for?
Sometimes you want your code to spit out random numbers, because who doesn't like a random number right? (Looking at you lottery lady) Math.random ( ) ; Returns a random number between 0 and 1 (excluded). You can then multiply it by 10, for example, to get a number between 0-10, or by 1000 for … Continue reading What is Math.random and Math.floor good for?
Who or what is a Boolean?
A Boolean only has two possible values: true or false. That's it. It's like a yes or no question, or an on or off switch. Why does it have such a funky name? Boolean logic, the holy binary 0 or 1 thing that computing is based on, is named after its inventor George Boole. Often … Continue reading Who or what is a Boolean?
mycodenotes 