Blog Archive

Thursday, March 30, 2017

Plausible Impossibile



Upside Down Mailbox


Since his paper was turned upside down, he decided to turn the mailbox upside down to match his paper. But since there is a piece of wood through the top of the box, it would break. But, since its a cartoon, he is able to turn it with no problems. Which could be possible, but it would not be on the wooden bar anymore, and it would be REALLY hard to do.




Shuffling Sandwich
In this the goose is shuffling the meat into the bread, which flattened before he did it. He is able to shuffle the two things into each other and then grow a few feet tall after he was done. Which you would be able to shuffle bread and meat together, it wouldn't be as easy unless you smash the bread a lot, but then again it still wouldn't grow to full size.


Sandwich in throat

When the goose eats the sandwich, you can see it go down his throat and his neck expands. In this cartoon, his neck is flexible and he can even put his head into his shirt. Which you could see a little bit when we swallow, but not the whole sandwich, and our throats don't expand that much to fit food, we would choke.



Sucking peas

In this, the goose is sucking peas from a plate across the table into the straw. He has a strong enough suction power that he can pull peas toward him form far away. As this may be possible, it would take a vacuum amount of suction power to do it, it not physically possible for a human or any animal to do so.




Spaghetti knitting

Before the goose eats the spaghetti, he knits all of it into a sock really fast then eats all of it. The goose is a really fast knitter and can eat the large amount of spaghetti fast too. It probably is possible to knit a sock from spaghetti, but you would need a lot more spaghetti and it would take longer, it would not be as easy as the goose made it. 


Friday, March 24, 2017

Responsive Composition Site


Before

Responsive Design

Responsive design is the design that responds to the users screen, whether if its a mobile phone, tablet, pc, or a mac. As it switches to a laptop or to a iPad, it should automatically switch to their resolution. It is more important now with so any different kind of devices that are coming out and they need to adapt to the size of all of them.


CSS Difference

In my website I had to change the CSS, I had to add media queries and breakpoints:

@media only screen and (min-width:768px) and (max-width:1024px) {

.TABLETstylesSTARThere {
}
These change so that the width of the page will change when the size of the screen is smaller and adjusts the text so that it all fits on the screen.

After


























Wednesday, March 8, 2017

Responsive Web Design


This is the normal page size on the website on a mac.  

What is responsive web design?

Responsive web design is when a website becomes compatible with all devices from macs to windows, to smart phones. The website will automatically switch to your screens resolution and if the screen is minimized then it will adapt to the new resolution. This will eliminate the need for having to make a different design for each kind of device. Not only does it adjust the resolution, but also automatically resize the images. 

This is the wide view of the same website, you can't see
all of the photo, but the text and the diamond adapted to the
width of the screen.

Why is it important?     

Responsive web design is more relevant now because there are more different kind of devices that websites are being looked on. Also more mobile phones are being used to look online and the websites need to change resolutions to the size of the device.

What are media queries?

This photo is stretched upwards
and there is less photo on the sides
and the diamond and text both
adapted to the size of the screen.
Media queries are what change the sizes of all things if on a smaller device. The code sets a width so that if it is smaller than the resolution set, it will change the sizes of all the images and text. You can also change the color of the text, background, and width of all the tabs on the page. It will adjust to a computer, tablet, or a phone, depending on what the media queries are set to. Breakpoints will change the change how the behavior acts on both sides of the breakpoint, and will also change the shape of the tabs if there are any.