7 Responses

Page 1 of 1
  1. insalacj
    insalacj December 7, 2012 at 3:03 pm |

    The discussion of this article was about the responsiveness of your webpage. Obviously, the title of the article is “Responsive Web Design”. He mention the difficulty of the vast screen size and resolutions of desktop all the way down to mobile devices or smartphones. You could make your web page adjust in scale but it didm’t alway scale beautifully. W3C came out with media queries for CSS 2.1 to handle the responsiveness of the web page with mobile browsers better but it wasn’t supported very well. until CSS3 that all change, it is supported across the board, but Microsoft is a little slow. With media queries you can express the size of the screen and it resolution, where you now specify how it will display at these parameters. This making your design more equip and more appealing for the device. However if your browser does not support this you can use javascript or jquerie to get the same results. To sum it all off he states “Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design”.

    In my opinion I see the struggle web designers and businesses have today with getting content to all platform. Its a pain to get your web page to flow good for the different screen size. Often times for me my webpage resize improperly, leaving me a mess to look at. But with media queries you can essentially swap images and objects for your high res screens with the new CSS3 and hide unessential assets at the mobile level. For example with the canisius.edu when the screen get small enough the menu bar goes into a drop down menu button. Graphically I thick they did a horrible job but it works. I think one article said that in design for these multi adaptable websites by designing from the mobile level up. And as the author said fluid grid are a must. In conclusion What the point of having a website if you can reach everyone.

  2. kristentwarner
    kristentwarner December 8, 2012 at 2:20 pm |

    When designers decided to public their work onto the web, I agree that there are many factors to be considered. We have to take into account that all computer screens are different sizes and have different capabilities. It can be extremely difficult to design anything that will be accessible for more than one platform. Especially in the past couple of years, since the usage and capability of mobile devices are increasing. “Mobile browsing is expected to outpace desktop-based access within three to five years.” Designers are forced to change their content based on the fact that we are designing for a greater number of devices than ever before. I understand how annoying and frustrating it can be to deal with all of these elements. Sometimes, if the webpage is inconsistent, the user might freak out if the page is different when viewed on a different device.

  3. schoepfa
    schoepfa February 11, 2013 at 6:11 pm |

    This article is all about how responsive your webpage is and how well it flows from interchanging devices. In recent years most website designs have been based off the parameters of a basic computer screen but with ever-advancing technology and information we now have 3 primary layouts to worry about. Smartphone – Tablet – Computer. Trying to get all your devices to display your information beautifully is difficult, W3C came out with media queries for CSS 2.1 to handle mobile browsers better but it wasn’t supported very well. To summarize the article, in the words of the author; “Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design”. So essentially you need your design to flow between devices in ways that will make it easier for the people to access the information you want available while still looking professional.

    I think this article brings up a good point and is absolutely right. With an increase in devices and sizing websites need to start adhering to a more fluid layout so they can be interchangeable. With more and more devices coming out with varying size screens and resolutions it’s only natural that we start developing for all technologies. It won’t be long until Google glasses hit the market and then we’ll have to develop for that size and so on and so forth. The responsiveness of your website is based off the layout. If you go from a computer screen to a mobile device the resolution has to be less the pictures and menus need to be smaller and less information is able to be put into the spaces. Anyone who doesn’t prepare for this loses that responsiveness in their website and it causes more trouble for the person attempting to use their website; creating user havoc and a bed reputation for their site.

  4. swifta
    swifta April 14, 2013 at 9:59 pm |

    My area of interest in the digital media arts is web design. I think having a responsive web page is crucial in today’s world. The first thing I did when I clicked on the article about responsive design was check to see if the page was responsive and sure enough it was. In this article by Ethan Marcotte he mentions how quickly the technologies are changing and web pages are constantly in need of updates. Responsive design is all about optimizing something designed for desktop and making it flexible enough to extend far beyond that for optimal viewing experience. Other than having a fluid grid, having flexible images are crucial. When you open them on a desktop they are larger and viewing them on you iPhone they are scaled to proportionally. The images tend to stack for scrolling and become more natural when on you phone as well. Using media queries and plugins are the third main ingredient to responsive web design by enhancing the work for different viewing experiences. Ethan say’s that responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.”

    I think that this responsive technology is very important. It is cool and it is changing so rapidly and is a part or the future for web design. New devices will only expand the need for this responsive design. The article mentions improvements with glass technology. I immediately thought of the corning glass video (http://www.youtube.com/watch?v=6Cf7IL_eZ38). This is what the future holds. I am working on a personal portfolio website I made sure that my website was responsive (http://www.allswifty.com/portfolioHTML5/). It is so important to have your content accessible to as many people as possible. For businesses to have responsive web content is more profitable as long as your content is easy to navigate and can be viewed anywhere on any device.

  5. etaheri
    etaheri April 29, 2013 at 4:50 pm |

    The existence of numerous mobile devices and screen sizes has caused design to change exponentially. There is no longer a single medium to publish work. Designers need to design for the infinite number of screen sizes if they want there work to be viewed. It has become a apparent issue that all designers face.

    Thanks to inovations in technology, designing for the plethora of devices has become much easier. Responsive web design and media queries have allowed website look great on most screen sizes. Html5 and CSS3 continue to innovate for the web.

    Unfortunately, there is no complete solution that makes it easy for designers to publish for all devices. Many times this limits creativity or may even require that the designer redesign there project using many formats.

    We do not know what the future holds or if there may be a new standard for digital publishing.

  6. Ashley Kelly
    Ashley Kelly February 21, 2014 at 12:33 am |

    When I was scrolling through the articles debating which one I wanted to comment on, this one sparked my interest. This year was the first time I had to design a responsive website so I thought it would be cool to look into it further.

    This article talked about how designing responsively isn’t just a different way of designing, but a different way of thinking. In order for a designer to create a responsive website, they must utilize fluid grids, flexible images and media queries. Before reading this article, I didn’t know what a media query actually was. Thanks to Ethan Marcotte, I now know that a media query allows designers to consider the characteristics and parameters of the device their work will be placed on. By utilizing media queries, images, figures and text can responsively change to their layout whether it is made bigger or smaller. All in all, the point of this article was not only to inform designers about responsive design, but also to highlight that responsive design needs to be approached with an open mind.

    In my opinion, I think responsive design is important now and is only going to become more prominent in the future. Most people are utilizing mobile browsing whether on a smartphone or tablet. I know that I get annoyed when I go to a website on my phone and the desktop version comes up. It makes the site so much more difficult to use and navigate on. Having a site that is responsive for a desktop computer and a mobile device makes the site fully operable to any visitor. Last year I designed a website, http://www3.canisius.edu/~kelly80/DMA201/project2/, that looks great from a desktop computer but is hard to utilize on a mobile device. The amount of work that I put into the site makes it aggravating that it can only be utilized on a desktop computer. This year creating a new website, http://www3.canisius.edu/~kelly80/DMA205/Website/, with a responsive design makes me wish I knew how to do this last year. Making any and all websites responsive is not only a fun project for a designer, but is much more user friendly and prevents unnecessary aggravation.

  7. alrichv
    alrichv April 29, 2014 at 4:28 pm |

    I found this article to be very interesting since I recently lear4ned a little about the topic in class. Since technology is on the rise, many people stray away from opening their laptop or turning on their computer machines to browse the web. Many devices are becoming popular and since everyone is all about saving money, they are buying these devices instead of computers. From reading a different from ITU News, “advances in chip design, manufacturing and cost-reduction have enabled a variety of devices that bring computing to many more people.” These technological advances are saving consumers money and “these devices become the primary means for people to get online”. (https://itunews.itu.int/en/533-Mobile-devices-on-the-rise.note.aspx) I myself have a laptop, iPad, and a smart phone and I only use my lab top when I have to type a paper. My primary source to go to browse the internet is my iPad, and when that is in the charger, then my smartphone and vice versa.
    Responsive web designs are beneficial since mobile devices are becoming a necessity; the browsing experience needs to be up to par among these devices like smartphones, tablets, and now phablets. Each of these devices has a different screen resolution; therefore more coding and plug-ins are required for the best viewing experience. Without responsive web design, things will become unorganized and web pages will look messy when scrolling. Also, the desktop versions of websites do not work very well because often it is hard to click through and navigate throughout the web pages. This organization system of responsiveness I believe was a needed tool for the web design world and is just the beginning of more innovative creations. This has opened my eyes and I am now aware that when I make websites from now on they need to have the plug-ins required and proper coding language so that they will be responsive.

Leave a Reply

You must be logged in to post a comment.