Mobile View





I have recently learned on how the CSS for MOBILE-first is actually better to do first instead of doing a computer CSS. I made a practice website using MOBILE CSS first from the website Smitty's. The website that I started out with was being it viewed on a mobile device. My version of Smitty's website has been viewed on the 4 devices below. I have included a screenshot of each and also the link to the page to get a better view.



HTC ONE


Samsung Galaxy Y
Nokia Lumia 920

Comments

  1. UnknownApril 17, 2017 at 1:38 PM

    Yes! That's getting better. Now we just have to make it look like your sketches....

    ReplyDelete

Post a Comment

Popular posts from this blog

Kelvin's Kitchen Logo

Image
For these 4 logos I did a plate with the words Kelvin's Kitchen on them, but I chose 2 different fonts. The font that I used in the top row is Dawning of a New Day. The second font I used for the bottom row is The Heart Maze Demo. I did this logo because it is supposed to represent something like ketchup or a sauce written on the plate. Then I made it with a black plate and a white plate. I also made one bigger version and 2 smaller versions. On these 4 logos I had the object be a cutting board. With the same 2 fonts and in the same positions as the ones on the plate. I also made the cutting boards black and white. I also made one version of the logo bigger and then 2 logos smaller versions. If you have any feedback on either logo please let me know in the comments.
Read more

Shadow

Image
For the shadow project I created this in Adobe Photoshop. We had to take an object an create a shadow with it. I chose to create a shadow for a pumpkin. I first had to find an image of a project and since the image I found had more things then I needed I took it into Photoshop and removed the background with the mask tool. Once that was finished, I started to make the shadow of the object. I used the gradient tool and had the image go from black to white for the shadow. In this project I learned how to make a shadow and I leaned how to use the gradient tool better.
Read more