Tag: Coding

DNS Masking

BananaBro on

What is DNS Masking?

To understand DNS masking, we must first understand DNS forwarding. DNS forwarding is the concept of creating multiple links that all lead back to your website. However, when doing this, it could result in someone clicking a link titled “coolcars.com” and bring them to a website titled “bestcars.com”. This is fixed with something called DNS masking. DNS masking is the concept of changing how viewers see domain names. What I mean by this, is that if you were to click on “coolcars.com”, you would still be brought to “bestcars.com”, but the domain name that you see would be “coolcars.com”, even though its the same website.

Some Pros and Cons of DNS Masking

Pros

  • Creates a professional brand experience for your viewers
  • Your domain is more likely to be recognized by search engines

Cons

  • Search engines will detect multiple different domains with the same content, which is bad because it results in only one URL being indexed, and it might not be the domain that you want. If this happens, then it’s a big disadvantage
  • Your users might distrust you because scammers often cloak URLs

Here are some other ways that URLs can be hidden. These are also some examples of how many scammers will try to get you to click links to their websites.

This is a link that leads to something not described in the link name

My Blog

This is a button that acts as a link so you have no information on where it will take you

This is a link that takes you to its source when you hover your mouse over it

Click here

This link downloads a file when its clicked

click for free $$$

Message Encryption Investigation

BananaBro on

We learned about encryption using Matrices, RSA (asymmetric) Encryption, Key Sharing and how to send messages WITHOUT sharing keys in class. What are some other ways that messages can be encrypted or sent securely?

What Are Some Other Ways For Messages To Be Encrypted?

One way messages can be encrypted is by using a hexadecimal. Hexadecimal is a base 16 number system that uses numbers 0 through 9, lower-case letters a through f, and uppercase letters A through F as digits. You can look at my other post about binary, which is a base 2 number system to help you understand how hexadecimal works. Hexadecimal can be used to encrypt messages just like binary, every number has a specific symbol that it relates to. Here is a website you can use to see what numbers in hexadecimal relate to which symbols. Using this method I can encrypt the message “Hexadecimal Encryption” using hexadecimal so that it looks like this, 48657861646563696d616c20456e6372797074696f6e. Here is a website that you can use to encrypt or decrypt your own messages in hexadecimal.

What Are Some Other Ways For Messages To Be Sent Securely?

One other way that messages can be sent securely is called symmetric encryption. This method is also called private-key cryptography or a secret key algorithm. To encrypt a message using this method both the sender and the receiver must have access to the same key. The recipient needs to have the key before the message is encrypted. This method works best for closed systems because there is less risk of a third-party intrusion. Symmetric encryption is faster than asymmetric encryption, However, on the negative side, both parties need to make sure the key is stored securely and available only to the software that needs to use it. Because of this sometimes it is better to use asymmetric encryption even though it takes longer.

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

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