S.Y.S talk » web

Infographics: Mother, Can I Trust Google?

Dedy Sofyan — Thu, 03 May 2012 00:40:21 +0000

Hosted by: Online Background Check Guide

Infographics: Google and Your Memory Curious about how Google effects your memory? Just “study” the...
Infographics: Get More out of Google Created by: HackCollege...
Infographics: Social Networking Bill of Rights Via: Online Background Check Resource...

Infographics: WordPress, A Global Phenomenon

Dedy Sofyan — Wed, 18 Apr 2012 05:01:38 +0000

from: http://yoast.com/wordpress-stats/

Jetpack by WordPress.com Enables you to gain access to features that were once...
WordPress 3.3.1 Rilis Keamanan dan Perawatan WordPress 3.3.1 sudah dirilis. Rilis perawatan ini memperbaiki 15 masalah...
Jetpack by WordPress.com Fitur-fitur WordPress.com sekarang bisa kamu nikmati juga di blog /...

Infographics: Social Networking Bill of Rights

Dedy Sofyan — Tue, 17 Apr 2012 00:21:33 +0000

Via: Online Background Check Resource

Infographics: A Case Study in Social Media Demographics Via: Online MBA Resource...
Infographics: Pros and Cons of Social Media in Education Via: Online Universities Blog...
Infographics: What Our Phones Can Reveal About Us From: Background Check Resource...

Infographics: A Case Study in Social Media Demographics

Dedy Sofyan — Mon, 19 Mar 2012 05:26:19 +0000

Via: Online MBA Resource

Infographics: Pros and Cons of Social Media in Education Via: Online Universities Blog...
Infographics: Social Networking Bill of Rights Via: Online Background Check Resource...
Social Web: express yourself online! The Social Web? What’s that? Sounds funny eh? Without further...

Infographics: A Day in the Internet

Dedy Sofyan — Wed, 07 Mar 2012 00:27:33 +0000

Created by: MBA Online

Infographics: The Digital Divide, How the Internet is Changing the World Internet can easily be claimed as one of the greatest...
Infographics: State of the Internet 2011 Excerpts: The Internet is a strange, huge beast. It is...
Moving the World off Internet Explorer 6 If you have read my previous blog post: “Browser War...

Will 2012 Be the Year of Responsive Web Design?

Dedy Sofyan — Sat, 18 Feb 2012 01:54:03 +0000

The internet is an ever-evolving thing. It grows, changes, and expands all the time. And with this growth comes all new ways to experience the web. We’re now browsing our favourite websites on everything from mobile phones to e-readers, tablet PCs to laptops. And all from the comfort of our recliner sofa. That means that, unlike in the early days of the web, there are now lots of different screen sizes and resolutions used. For example, an iPad 2 has a screen resolution of 1024 x 768, whereas a great many desktop PCs with widescreen displays run a resolution of 1920 x 1080. These two are worlds apart in terms of screen real estate, so a website will naturally look different on each one. The problem arises when a website developer or user experience team want to develop a new feature, then realise that core functionality is hidden off screen on a smaller or larger screen. As an answer to these issues, a new area of web design has evolved – responsive web design. But is 2012 the year that it will really take off?

Why Being Responsive is Important

Back in the early 2000s when the web was first starting to find its place in our everyday lives, almost everyone used the same sort of screen. They were almost all 4:3 aspect ratio screens, and generally speaking they were in a resolution of 1024×768 or 1280×1080. This meant that almost all web designers would tailor their designs to these screens. And it worked well, because everyone was experiencing the site in the same way. As we’ve discuseed, though, now things have changed. A widescreen display will show a website very differently from a tiny smartphone screen. It’s for this reason that responsive web design is so very important, and why it’s being seen on more and more websites all the time. Even the commonly used ‘mobile sites’ are a type of responsive design – although they don’t fit the ‘official’ definition because they are another version of a site rather than a scaled and adapted version of the main one.

How Responsive Web Design Works in Practice

So what are the practical applications of responsive web design and how can you see it in action? Well, the easiest way to explore responsive web design is to visit a website that has it in place, then start to resize your browser window. If the site has been designed in a responsive way, you’ll see the results instantly. Every element on the page will be reactive to the way you resize your browser. It will likely ‘max out’ at HD resolution (1920×1080), but bring it down to a smaller size and everything should ‘shuffle’ on the page to create an all new way to look at it. When you do this, you’re emulating the effects of different screen resolutions. If your screen actually was using those sizes, you’d see the adapted page by default. The most amazing thing about responsive web design is just how seamless and fluid it is. Many times you won’t even know you’re on a site that uses it – and that’s kind of the point. Modern web design is all about user experience, making the site work for you rather than the other way around. And in a world dominated by mobile devices and new ways to explore the web, it seems only right that web design would evolve in this very natural way.

Will 2012 see more Responsive Web Design Appearing?

We can only hope that more and more examples of responsive design appear as the year goes on. There has never been a time when this kind of design has been so much in the consciousness of web designers, so it’s incredibly likely that 2012 will be the year when we see lots of sites adopting the style. But of course, if it’s done right, we won’t even know it’s there. The rise of responsive design perhaps indicates a shift in the way that businesses look at web design too: perhaps with more understanding towards the user and how they interact with a website. And if web design continues to put the user first, we can all rest assured that the web will become an even more exciting place in the future.

written by: Isabella Woods

No related posts.

Infographics: Pros and Cons of Social Media in Education

Dedy Sofyan — Sat, 11 Feb 2012 23:39:10 +0000

Via: Online Universities Blog

Infographics: A Case Study in Social Media Demographics Via: Online MBA Resource...
Infographics: Social Networking Bill of Rights Via: Online Background Check Resource...
Infographics: The Digital Classroom Via: Accredited Online Universities Guide...

Infographics: The Digital Divide, How the Internet is Changing the World

Dedy Sofyan — Thu, 09 Feb 2012 23:38:24 +0000

Internet can easily be claimed as one of the greatest invention of the last century. Its effect can be felt from all over and across every aspect of our daily lives. However there are still lots of people that haven’t really know or even experience the Internet.

Created by: Online IT Degree

Infographics: A Day in the Internet Created by: MBA Online...
Infographics: The Digital Classroom Via: Accredited Online Universities Guide...
Infographics: State of the Internet 2011 Excerpts: The Internet is a strange, huge beast. It is...