Hot answers tagged css
If you want to consider users with special visual and/or cognitive requirements, it becomes quite complicated and there's no single answer. The W3C Web Accessibility Initiative's Web Content Authoring Guidelines (WCAG) provide a good starting point. That's probably the single most thoroughly-researched resource on web accessibility, though it's not totally ...
A few rules of thumb: I recommended providing at least two themes - dark on light and light on dark as some users may not be able to read one of the two. For light on dark, make sure the contrast isn't too high (e.g. use grey on black, not white on black). Make sure the contrast between the intensity of foreground and the intensity of the background is ...
If you are not concerned about beauty/ugliness just try to imitate the Windows High Contrast colour schemes.
I would look at JQuery carousels and image sliders, then format them to fit in a div within your phone image. Some of them handle video as well as images... here's a quick hit I found http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/ I've used Flexslider myself and found it to be very configurable: http://flexslider.woothemes.com/ ...
It may not be 100% what you are looking for but we use http://placeit.net at our work and found it to be very good. It is not a free service but is relatively inexpensive.
Only top voted, non community-wiki answers of a minimum length are eligible