Hello, this article is written by my friend Ramji Pandey from RJ Web Studio. They are offering effective and affordable web designing, web development, ecommerce solutions, Software solutions, Mobile Apps and SEO services. I recommend you to check their site: RJ Web Studio
Responsive Web design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
It is basically the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.
Three key technical features are the heart of responsive Web design:
• Media queries and media query listeners
• A flexible grid-based layout that uses relative sizing
• Flexible images and media, through dynamic resizing or CSS
Truly responsive Web design requires all three features to be implemented.
The key point is adapting to the user’s needs and device capabilities. Suppose a mobile user will be viewing your site on a small screen. Taking the user’s needs into account doesn’t just mean adapting your content to the screen size. It also means thinking about what that mobile user will require first when visiting your site and then laying out the content accordingly. Maybe you’ll present the information in a different order. Don’t assume the user won’t need access to all the site information because she’s on a mobile device. You might need to change the fonts or interaction areas to respond better to a touch environment. All these factors influence responsive Web design.
While mobile devices are changing the display landscape, with the appearance of more and more small screens, don’t forget what’s happening at the other end of the spectrum. Displays are also getting larger and larger. Having to serve both segments shouldn’t stop designers from being innovative on either.
Starting with CSS 2.1, media types were used to apply CSS for both screen and print. You might remember these media types:
1. ..link rel=”stylesheet” type=”text/css” href=”style.css” media=”screen” />
2. ..link rel=”stylesheet” type=”text/css” href=”printfriendly.css” media=”print” />
That was it! Luckily, the W3C improved media queries in CSS3, moving them a big step forward.
Today, you can use media queries to scope styles to specific capabilities, applying different styles based on the capabilities that match your query. You can even combine queries that test for several features by using semantic operators such as AND and NOT). Features include width, height, max-width, max-height, device-height, orientation, aspect-ratio, resolution and more.
There are three ways to implement media queries:
1. Use the @import rule to import style rules from other style sheets:
1. @import url(style600min.css) screen and (min-width: 600px);
2. Put media queries directly in the style sheet,. This is the most common approach.
Implementing Media Queries Directly in a Style Sheet
@media screen and (min-width: 400px) and (orientation: portrait)
margin: 0 0 0 .5em;
border:1px solid #000000;
@media screen and (min-width: 800px)
margin: 0 0 0 .5em;
3. Include a query in a linked style sheet’s media attribute:
1. ..link rel=”stylesheet” type=”text/css” media=”screen and (max-device-width: 800px)” href=”style800.css” />
Because of the (cascading) nature of CSS, default styles are defined at the top with the media query matching rules and styles below. Styles defined at the top will be cascaded to the matching styles in the rule, or even completely overwritten.
Media Query Listeners
Taking media queries a step further, the CSS Object Model (CSSOM) working group at the W3C also created media query listeners, which provide an API for responding to media query changes. Instead of having to poll for changes or load several versions of a resource, you can use the API, for example, to download images only of a particular size when a media query match is triggered.
Today, Firefox and the Internet Explorer 10 Platform Preview implement media query listeners; you can see the demo “CSS3 Media Queries & Media Query Listeners” on the IE Test Drive.
Challenges, and other approaches
One problem for RWD is that banner advertisements and videos are not fluid. However search advertising and (banner) display advertising support specific device platform targeting and different advertisement size formats for desktop, smartphone, and basic mobile devices. Different landing page URLs can be used for different platforms, or Ajax can be used to display different advertisement variants on a page.
There are now many ways of validating and testing RWD designs, ranging from mobile site validators and mobile emulators to simultaneous testing tools like Adobe Edge Inspect. The Firefox browser and the Chrome console offer responsive design viewport resizing tools, as do third parties.
For more information visit RJ Web Studio
Now is more than easy to sell your pictures on internet.
If you think that you can make good quality pictures, just go and sell them in internet. It’s not necessary to be a professional photographer to make money by selling photos. Take your camera and good luck.
Now you can find many sites where you can upload your pictures and get paid every time when somebody download them. If you have a lot of picture, it is quite possible even to make living on that. Original and interesting pictures can sell over and over again online.
Who paid for this picture? Advertising agencies, web site owners, professionals and even some regular pictures loving personals. Some of them use this photos to make sites look better, some use this pictures for advertising.
Here I found few sites, where you can sell any kind of pictures.
- Crestock You can upload pictures very easy on this site. They give you 20% of the prize. When you reach 100 sells , you can take 30%.
- Bigstockphoto You get paid from 0.30$ up to 3$ per image. There is many categories you can upload different photos.
give you 0.25$ per image download. If you refer other photographer, you get paid 0,03$, if you refer some buyers you get paid 20% of purchases they make.
You take from 50% up to 80% depending on picture quality.
- Fotolia give you 50% of the picture prize. You get paid via
You take 50% from image prize.
All this sites give you a chance making money by referring new members, photographers or even buyers. Nice possibility for you to make some additional income from you hobby. Even this could be your new full time job.
In this article I want to introduce you Eimimo.com. Another site when you could earn real money online.
Who own the company – as they say on the site – consortium of 11 business people from around the world. Main owner is Jeff Strong who owns numerous websites and programs on the internet. His office is located just outside of Portland, Oregon, USA. He has been actively involved in various internet ventures for the past 12 years.
How you could make money on Eimimo?
First, you get the free $10.00 in your account. This site payout minimum is ONLY $20.00, so you are half way there already! Now – you can go 2 ways. You can either just read $10.00 worth of emails (to hit your $20 payout amount) OR you can easily make another $5.00 by referring others and then you will just need $5.00 from reading emails. Eimimo will pay you $1.00 each for your first 3 referrals. They will then pay you $0.50 each for the next 4 referrals. So – you can make another $5.00 just by getting 7 referrals. And site will pay $0.25 for EVERY referral after that as well…with no limits…and HUGE referral bonuses which will be explained below! There are banners and advertising texts located in your member’s area. You can use these for recruiting purposes. Please note – there is a $5.00 minimum requirement from reading emails which you must meet to be paid.
The money come from selling advertisements. The system they provide looks quite fare. Here is how they structured site disbursement of ALL funds:
60% is paid out to members for reading emails
10% goes to the Revenue Sharing Pool
10% goes to the Retirement Pool
10% goes out as bonuses for referrals
10% goes 5% for operations and 5% profits
That totals 100%. The system is fully automated so these will be disbursed automatically every time an advertising purchase is made.
You could check this site and join by clicking on this link: Join Eimimo.com