RSS Feed

Islander Hair

IBG — Sat, 18 Dec 2021 00:00:00 GMT

❤️ “Islander hair is like a natural mood ring. It seems to have a life of it's own and changes with the mood of the person.” - IBG

... it is a thing of wonder ...

🔮 ... changing with one's moods ...

Flexbox Bento

IBG — Sat, 09 Jan 2021 00:00:00 GMT

💻➡️ “The Flexible Box Module, usually referred to as #flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities.” - MDN

Ever since I learned Flexbox 💻, I couldn’t stop thinking of bento 🍱 boxes.

🥢 Start with the CSS property justify-content:

🍣 Then add the CSS value that you want. 🍤

space-between

items are evenly distributed in the line; first item is on the start line, last item on the end line

space-around

items are evenly distributed in the line with equal space around them. Note that visually the spaces aren’t equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies.

space-evenly

items are distributed so that the spacing between any two items (and the space to the edges) is equal.

Flexbox 🍱 is great for mobile screens 📱 and responsive content for dynamic layouts and webapps 🖥️.

flex-start (default)

items are packed toward the start of the flex-direction.

center

items are centered along the line

flex-end

items are packed toward the end of the flex-direction.

It's pretty easy, now you try! 😋

Vanilla Javascript

IBG — Mon, 21 Dec 2020 00:00:00 GMT

Learning the lingo...

“Vanilla #Javascript” 🍦 💕... learning the lingo. When someone says they are using vanilla JavaScript, they mean that they are coding with native (standards-based, non-extended) JavaScript. Vanilla JS does not use libraries or frameworks (jQuery, React, etc).

Essential VSCode Extensions

IBG — Sun, 29 Nov 2020 00:00:00 GMT

Prettier is a helpful Visual Studio Code extension that helps your code look, well “prettier.” 😂 “It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.”

As a new developer, I really like it for the wrap utility so I can easily see all the code within the vscode window. 👍🏽

This one is a cutie. 💙 This Visual Studio Code extension creates icons so you can see at a glance what file 📁 type you are working with. Extremely helpful when you begin to work on large projects with multiple folders with many file types.

As a new babydev, it can be a challenge to navigate learning all the new technologies and knowing where to begin. If you’re using #VSCode (Visual Studio Code) to code #Javascript, one of the first extensions to download is Live Server. #Liveserver helps you quickly see your work in the browser through launching a local server.

An essential extension for the babydev programmer! ☝🏽

Another handy extension for Visual Studio Code is Bracket Pair Colorizer. It helps make your bracket pairs more easy to see by matching their colors. 🌈 This is helpful so you can make sure all your syntax is there. 🔍

Bracket Pair Colorizer 2 helps make your code more readable.

Happy Thanksgiving 2020

IBG — Thu, 19 Nov 2020 00:00:00 GMT

Happy Thanksgiving 2020!! 🦃🍁🍽 Hope you all have a
ine little holiday! 🧡 I’m grateful for the chance to learn to code & for all the awesome friends along the way.

💻➡️ The HTML Content Division element <div> is the generic container for flow content. It has no effect on the content or layout until styled using CSS. - MDN

Fancy Image Alt Tag

IBG — Tue, 17 Nov 2020 00:00:00 GMT

Fancy Image Alt Tag

HTML image alt Attributes 🌅 describe an image. Descriptive alt tags help increase the accessibility 🌎 of your site so that users of screen readers 😎 and those with slow 🐢 internet can use your site and understand the picture content.

Array-nbow

IBG — Tue, 10 Nov 2020 00:00:00 GMT

Array-nbow

An #array [ 🌈 ] This is what happens when an artist learns to code. 💻➡️ The JavaScript Array class is a global object that is used in the construction of arrays; which are high-level, list-like objects. - MDN

Keep It Dry

IBG — Sat, 07 Nov 2020 00:00:00 GMT

Dry Code

Keep it D.R.Y! ☀️ Coders always try to follow this basic rule. Don’t Repeat Yourself ☝🏽

Do NOT Reapeat Yourself

Global Scope

IBG — Sat, 07 Nov 2020 00:00:00 GMT

Have you met Mr. Modulo? %

💻➡️ The #remainder #operator (%) returns the remainder left over when one operand is divided by a second operand. It always takes the sign of the dividend. - MDN

Do you remember that popular children's book series that came out in 1971 called Mr. Men? There was a Mr. Happy, Mr. Cool, Mr. Tickle, and others. This series was by English author Roger Hargreaves commencing in 1971. In 1981 he introduced an accompanying series of Little Miss books, featuring female characters. Mr. Modulo is inspired by these characters.

Syntactic Sugar

IBG — Sat, 07 Nov 2020 00:00:00 GMT

Syntactic Sugar

Syntactic Sugar 🍬 💻➡️ #syntacticsugar is #syntax within a programming language that is designed to make things easier to read or to express. An eg. is classes over constructor functions. Sweet! 🤙🏽💕

Global Scope

IBG — Mon, 02 Nov 2020 00:00:00 GMT

Global Scope

Global 🌎 scope 💻➡️ “In a programming environment, the #globalscope is the scope that contains, and is visible in, all other scopes.” - MDN

Boooooooolean

IBG — Fri, 30 Oct 2020 00:00:00 GMT

Booooolean

Happy Halloween! 🎃 A BOOOOOlean 👻 is a logical data type that can have only the values true or false. let happyHalloween = true;

Console.love()

IBG — Fri, 30 Oct 2020 00:00:00 GMT

What do your fingers accidently type?

I am always slipping & typing 💻 console.love (❤) instead of console.log().

Github Halloween

IBG — Fri, 30 Oct 2020 00:00:00 GMT

Happy Halloween 🎃 🐱 Everyone!

Obsolete Comments

IBG — Fri, 30 Oct 2020 00:00:00 GMT