Introduction & Article Response

By -
Self Introduction

Hello there!

I'm Princess Bustos, a sophomore who's undecided of what to major in DMD. I grew up in the Philippines and came here in 2009. Ever since computers became big in my country, I spent a lot of time in an Internet Cafe gaming and browsing. This is why I decided majoring in DMD, but I really don't know what to focus on. I've been coding themes since Friendster and Myspace existed. So HTML and CSS are quite familiar to me (but I still can't remember most of the basic codes on top of my head). Filming, editing and animation are also part of my interest because it's a creative form of story telling.

I'm looking forward to learn how to add animations on a website and how javascripts take part in coding.


Article Response
I think it's very helpful that the article explains different ways to layout images under the tag of media query. When the article began explaining how web coding became more complex with different consoles. I was not aware that media query was the only solution to change the layout of the entire website from a desktop view to a mobile view, especially when people view the site horizontally through their phones. I wonder if the image resolution also changes when scaling them on the website through media query. It felt like the code samples on the article were too advance for me to understand. How did he get the right percentage for scaling the columns? Although the commentary indicates the percent in pixels, I still don't quite don't understand it.

Comments

  1. Daria YasevaSeptember 7, 2016 at 10:41 AM

    The images scales if use multiple queries, but you have to specify the percentage or width you want the images to be. It's useful if your image doesn't fit quite well with the layout you have when viewing on different resolution screens.

    I am unsure myself what he described when talking about the columns, unless he meant that you change these percentages using, again, multiple media queries (ex: at screen resolutions 400 and above, the column is set at 50% of the screen, at 399 resolution and below, the column is set to 75% of the screen resolution, and etc.).

    ReplyDelete

Post a Comment

Popular posts from this blog

Bootstrap Studio [demo]

By -
Image
Bootstrap Studio seems to have a lot of potential. It's user interface is simplistic and removes the need for hard coding. The software makes website design a swift process without the hassle. However, the demo is very limiting in terms of assets and restricting in design. I found it difficult to fulfill my idea and had to resort to using the templates.
Read more

A Case Study (?) of a JavaScript Problem

By -
This week at work, I ran into a very basic problem that needed to be solved with JavaScript. It involved lots of trial and error, but after 3 hours or so, I finally solved it. I wrote an article on my personal blog detailing my thought processes and research trail, in case anyone is interested:  http://emilyserven.net/2016/09/30/js-problem.html (I also included a bunch of footnotes, so if any jargon is confusing, it should hopefully be explained in those.)
Read more

UI Animations Medium Post

By -
v https://uxplanet.org/3-key-uses-for-animation-in-mobile-ui-design-4d7c482dd84b#.3p0xvb9y      So over the past few weeks I've been doing a lot of reading on animations and uses for animation on web.  To me being able to make a website or app feel like it's alive is a great feeling. It adds so much to the interactivity. By simply adding small animations the page suddenly feels alive. It can also make the user experience better overall.      An example is the use of animated loading screens or progress indicators. Using a creative progress indicator reduces the user perception of time. Animations can also make the sit or app seem better than it really is.  Another really useful time to use animations is when drawing the users attention. A good example of this is in notifications.  By animating the notification you can draw the users attention more easily. Overall animations should be used in most websites and can add a lot of value to the user and the creator.
Read more