Category: Programing

Binary

BananaBro on

UNDERSTANDING BINARY NUMBERS

Most of us are used to representing numbers with ten digits, 0-9. This is called a base ten number system. Binary is a base two number system. This means there are only two digits that are used, ones and zeros, yet you can still write any number in binary. When counting in binary, every digit from the left is worth double the previous digit, here is an example:

Value 16 8 4 2 1
Place 5th digit 4th digit 3rd digit 2nd digit 1st digit

The value of each digit is included in a number if in that place is a one, however if a zero is in that place the value of that number is not included. Using this you can see that if I were to write 01010 it would be equivalent to writing the number 10 because I am using the eights place and the twos place, 8+2=10.

Value 16 8 4 2 1
Binary Number 0 1 0 1 0
Numbers Included in Binary Number 0 8 0 2 0

Here are some more examples of how to write different numbers in binary:

Number Representation in Binary
One 00001
Two 00010
Three 00011
Four 00100
Five 00101
Six 00110
Seven 00111
Eight 01000
Nine 01001
Ten 01010
Eleven 01011
Twelve 01100
Thirteen 01101
Fourteen 01110
Fifteen 01111
Sixteen 10000

HOW CHARACTERS ARE REPRESENTED IN BINARY

Using the first 8 digits in binary you can create numbers 0 through 255. There are also exactly 255 symbols you can type on he computer, including letters, numbers, punctuation marks, and more. Every binary number 1-255 represents its own symbol. Here is a website that lists all the symbols that can be represented with binary.

HOW BLACK AND WHITE IMAGES ARE REPRESENTED IN BINARY

Black and white images can be represented in binary by simply identifying which pixels in each row are on, and which are off. Every pixel in an image is either on or off. To represent this in binary ones are on and zeros are off. To find what pixels are on in a row you can count the number of pixels that are off in a row and then how many are on. So if an image had a row that looked like this: 000110, it could be represented by writing 3,2 in binary because there are three pixels that are off on the left fallowed by two pixels that are on.

HOW COLORED IMAGES ARE REPRESENTED IN BINARY

Colored images can be represented in binary almost the same as black and white images. When finding the color of the pixel, 0 still represents white, or off, but 1 and every other number in binary has its own color assigned to it. For example 01 (or 1) is blue, 10 (or 2) is green, and 11 (or 3) is red.

HOW AUDIO IS REPRESENTED IN BINARY

Audio can be represented in binary by using a microphone that can convert sound waves into voltages. Then the voltages can be checked at regular intervals and the voltage value can be converted into a binary number. This series of binary numbers can then be saved as a sound file and can be recreated at anytime by turning the numbers back into their original voltages which can make speakers or headphones vibrate so they recreate the sound.

All available attributes for the “iframe” element using HTML

BananaBro on

Here are a list of all available attributes for the “iframe” element using HTML

You can change the height and width of an iframe using “height=”_px” and width=”_px””

you can allow full screen in an iframe using “allowfullscreen” (double tap to view full screen)

You can use “referrerpolicy” to specify what referrer information to send when fetching the iframe

You can use “name” to give the iframe a name, this lets you create target links for iframes so you can change what you see in the iframe


John Cena prank call

Other attributes for iframes are “loading”, and “sandbox”. You can use “loading eager” or “loading lazy” to decide if the iframe should load immediately, or wait until some conditions are met, and you can use the sandbox attribute to enable an extra set of restrictions for the content in the iframe

10 advanced CSS programming techniques

BananaBro on

Using CSS you can make images expand when your cursor hovers over them

Using CSS you can round images

cat belly

Using CSS you can make animations

Using CSS you can mirror images in any direction
(don’t the images look similar)

cat belly
painting

Using CSS you can make shadows around words or images

You can change the opacity of images using CSS

cat belly

Using CSS you can flip text

Using CSS you can flip text

Using CSS you can create gradients with any colors

Using CSS you can use images as borders

Using CSS you can create columns to write in

HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello

10 CSS attributes

BananaBro on

Here is a list of 10 CSS attributes

Using CSS you can center text

Using CSS you can change the color around text

Using CSS you can change the opacity of a color

Using CSS you can change the background of text into an image

Using CSS you can change text color

Using CSS you can add borders around text

Using CSS you can dot the edges of a border

Using CSS you can round the edges of borders

Using CSS you can make, and change the height and width of images or shapes

Using CSS you can make, and change the height and width of images or shapes

Using CSS you can make links that have different colors when you hover your cursor over them, click them, or once they have been visited

Ark Survival Evolved

BananaBro on

Starting The Game|Taming Dinosaurs|Loot Drops|Later In The Game|Unlocking Tek

Ark Survival Evolved

When Starting The Game

When you start in Ark, you will spawn somewhere in the map that correlates to were you chose your spawn point, you will look at the crystal in your arm and then have control over your character, or survivor. In order to survive you will need to start farming resources to craft items, in the beginning of the game you can do this by punching trees to harvest wood and thatch, picking up stones from the ground, or harvesting berries and fiber from bushes. After doing that you can craft a stone pick in your inventory, to use it equip in to your hop bar, and click the corresponding button to pull it out. A stone pick will allow you to harvest large rocks for lots of flint and some stone, and let you harvest lots of thatch and some wood from trees, in addition if you use it to harvest body of dead dinosaur you will get lots of meat and a little hide. Once you have flint you will be able to craft a hatchet, a bow and arrows and more(hatchets have the opposite effect of pick axes, for example you get more stone less flint and more wood but less thatch). During all of this you will be receiving levels that help make your survivor stronger and let you unlock more engrams that let you craft more things, you can access these levels from your inventory.

Taming Dinosaurs

Once you have a mortar and pestle you can use it to craft narcotics using rotten meat and narcotic berries. You can use the narcotic to craft tranquilizer arrows which are used to knock out dinosaur. Once you knock out a dinosaur it will tell you to put food into its inventory, and after a while it will be tamed. Before knocking a dinosaur out you should keep in mind that some dinosaur are passive tames which mean they must be awake in order to be tamed, if you are ever unsure you can check dododecks.com, it has information on every dinosaur. It can tell you how to tame it, and what food it eats. Latter in the game you will also have other forms of knocking out dinosaur, for example you can use a long-neck rifle to shoot tranquilizer darts.

Loot Drops

Throughout the game you will see beacons of different colors spawning all around the map. Those beacons contain good loot, anything from good items to blueprints to craft items. There are 6 different color drops that can spawn, white/rainbow, green, blue, purple, yellow and red, each has a different level requirement to be opened. In order to open white/rainbow crates you need to be level 3, level 15 for green, 25 for blue, 35 for purple, 45 for yellow and level 60 for red. The higher the level you need to be, the better loot you will get. In addition the loot you get from these drops can have increased damage, for example you could get a pump action shot gun that does 200% damage, or even a blueprint for one with 200% damage so you can always craft them.

Later In The Game

Later in the game you will be able to tame dinosaurs that can make farming materials easier. Some of the best dinosaurs for farming basic resources are:

  • Ankylosaurus for metal and flint
  • Castoroides for wood
  • Doedicurus for stone
  • Brontosaurus for thatch
  • Therizinosaurus for fiber

You will also be able to craft new structures that can fake crating faster and more cost efficient. A few examples of this are industrial forges and chemistry benches. Although they can be very hard to craft because of the resources they require, industrial forges and chemistry benches will eventually replace your refining forges and mortar and pestles. Industrial forges are a much faster alternative to making metal rather than using a refining forge, and chemistry benches allow you to craft items you would normally craft in a mortar and pestle with much less cost and much less time. If you want more information on what dinosaurs are good at farming what resources, check out dododex.com

Unlocking Tek

Unlocking tek tier items is one of the last things you will do in the game, to unlock tek engrams you must kill a boss, their are many bosses and they all unlock different tek engrams when you kill them. When doing a boss fight you are only allowed to bring 20 tames in with you, so you want them all to have fairly good stats to hae the best chance of killing a boss. Most people bring a yutyrannus along with 19 or so rexes. The yutyrannus has an ability thatlets your other tames do more damgage, so it will increase the damage of all your rexes when in the fight. After killing the boss you will receive some element, and unlock the tek engrams, element is used to craft and power tek items.

I suggest you check out the game as it is very fun and if you want to know more about the game check out my other post on ark here.

All available attributes for the “img” tag in HTML

BananaBro on

Here is a list of all the attributes availible for the “img” tag in HTML

The “Hight” and “width” attributes let you change the size of your image

dog carrot
dog carrot

You can make interactive images so you can click the image and have something happen by using the “ismap” attribute


button

This is another way to make interactive images, except this picture has different links inside of it, click the phone to get more information on the topic, the computer, or the coffee, you can do this by using the “usemap” attribute

Workplace

Computer Phone Cup of coffee

The “loading” attribute lets you makes images not load immediately, but instead load later, for example it might load only when you scroll near the image, here is an example:

The “referrerpolicy” attribute specifies which referrer information to use when fetching an image

The “longdesc” attribute specifies a hyperlink to a detailed description of an image, this lets you give explanations for images on the same webpage as the image, or on external pages


cat

Cat picture

This description is on the same webpage as the picture on top, but the bottom pictures description is on a separate webpage

The “srcset” and “sizes” attributes let you make different size images to help with screen size and resolution differences, for example, if you were to look at a website on your phone you would technically be looking at a different image at a different size than if you were to look at it on your computer, this is so the image doesn’t take up your whole screen, if you look at the picture of the chinchilla and shrink your screen, you will see that the picture is now a different size

chinchilla

10 Elements I learned in HTML from using “inspect source” and “view source” that I didn’t know before.

BananaBro on

Here is a list of 10 HTML elements that I learned by using “inspect source” and “view source”

“svg” is used to make shapes, it defines the height and width of the shape, put it is used with other elements to define what shape and more, an example of another element it works with is “path” it is used with a d tag to define the traits of a shape. Here is what the two elements can do:

“iframe” is used to make a small area that can let you scroll through another website from your website, here is an example:

“details” lets you make a small summary or headline, and when you click it, it expands and show you more about the topic, here is an example:

“details” element

when you click that summary this pops up

“nav” lets you make a set of navigation links, it basically lets you link to specific parts of a website, here is an example:

“script” allows you to use coding styles from other languages, for example you could use JavaScript inside HTML. Here is an example:

One thing “input” allows you to do, is make clickable buttons, and “label” allows you to title those buttons, here is an example of what the two elements can do:

 
 
 

“main” identifies the main content of a document, here is an example:

This is currently stated as the main content of this blog post

“button” allows you to make clickable buttons that you can interact with, here is an example:

More examples of all of these can be found atGoDaddy.com, feel free to check it out.

Pros and Cons of “view source” and “inspect source”

BananaBro on

“View source” and “inspect source” are ways to view the coding of websites on the internet. Both “view source” and “inspect source” have times when they are more helpful than the other, but what are some of the things that make them unique or different from one another? One of my favorite things about “inspect source” is that you can zoom in on certain parts of a web page and see how its coded, where as “view source” has all the code clumped together in a big block. The good thing about “view source” is that on certain websites it will lay out all the coding very neatly and clearly, but on other websites it will be so crowded you don’t even know what your looking at.  Another benefit of using “inspect source” is that when you move your cursor over a line of code it will tell you what element on the web page corresponds to that code, and vice versa. Overall, I prefer “inspect source” because it is more reliable a more consistent result/format where as “view source” may be harder to read.

10 things you can do with HTML that you can’t do with the standard visual editor.

BananaBro on

10 things you can do with HTML that you cant do with the visual editor on edublogs

You Can Highlighting Text

You Can Change The Font

You Can Make Text Subscript
You Can Make Text Superscript

You Can Make A Table Like This One
With A Few Categories Like This One

You Can Place Text On Top Of Other TextYou Can Place Text On Top Of Other Text



you can make lists with descriptions
-like this one
-with lots of points
or descriptions

you can make small borders around words

or you can make big borders around words