background preloader

Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar

Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar
More than 720k people visited this site in 190 countries! Thank you for your support! Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page. The smartest way to share your defined environment of devices and breakpoints directly with your team and client.

http://lab.maltewassermann.com/viewport-resizer/

Related:  useful sites for web designcreation-sitesweb designHTML

IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10 IETester is free.To support the projectyou can make a donation : or you can translate it. IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE11, IE10, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 8 desktop, Windows 7, Vista and XP, as well as the installed IE in the same process. This is an alpha release, so feel free to post comments/bugs on the IETester forum. Requirement : Windows 8 desktop, Windows 7, Windows Vista or Windows XP with IE7 minimum (Windows XP/IE6 config has some problems and IE8 instance do not work under XP without IE7) Note for IE10 : IE10 is not available on IETester if it is not the default IE version installed on the system. So IE10 is only available on Windows 8 machines.

3d Animated GIF Showcase Long ago people have noticed the soothing and even hypnotic effect, when watching certain cyclic movements. Rhythmic swings of the pendulum or instantaneous water flow may easily bring a person into a trance condition, helping him to dive into the personal inner world. Similar effect can be achieved with the help of a particular type of digital graphics, known as animated .gif images. Design Tip: Never Use Black by Ian Storm Taylor One of the most important color tricks I’ve ever learned was to avoid using the color black in my work. Mrs. Zamula, my childhood art teacher, first warned me about black when I was in middle school. And I heard the same again multiple times at RISD. It sounds weird at first, but it’s good advice. Problem is, we see dark things and assume they are black things.

Video for Everybody! Video for Everybody is simply a chunk of HTML code that embeds a video into a website using the HTML5 <video> element, falling back to Flash automatically without the use of JavaScript or browser-sniffing. It therefore works in RSS readers (no JavaScript), on the iPhone / iPad (don’t support Flash) and on many browsers and platforms. Thanks to the rapid adoption of HTML5 video happening right now, Video for Everybody isn’t the only solution around. Components Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible. How to use For performance reasons, all icons require a base class and individual icon class.

20 Incredibly Useful Tools & Resources for Web Designers When it comes to Web design, the tools you use play an integral part in your results. Of course, we’re big fans of getting down to the basics, like putting pencil to paper, but sometimes finding new apps and resources can help you get those creative juices flowing. Check out our list of 25 incredibly useful tools and resources for designers and developers below. Then, be sure to let us know your favorites (or if we missed your favorite) in the comments!

Easy Easy The easiest way to create a website without programming skills Design Hundreds of free templates to give a professional look to your site E-Shop Sell your products online by having easily an E-shop 52 of the very best website designs from 2012 featured on Admire the Web It was our first full year in 2012 and we featured some truly awesome website designs. Only the very best get through our panel of scrutineers and we don’t display any old website designs. So as you can imagine, with well over 365 website designs we featured in 2012 and we are going to pick one from every week to get the ultimate 52 from 2012 awesome website design inspiration. Be prepared to be inspired. Starting from back in January.

HTML 5.1 This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at

WeTransfer Get more out of WeTransfer with Plus For the people who love WeTransfer, and asked us for more. Whether it's for business or personal use. Free Screenshot App Marketing Tool & Templates How do I record my iOS app? Please click here for instructions on how to record your iOS app. How do I record my Android app? Please click here for instructions on how to record your Android app. I've installed Recordit but it keeps asking me to install Recordit If you're on a Mac, you'll want to check to see if you have your notifications on "Do Not Disturb".

Getting Creative With the Google Maps API You’ve designed a shiny new website; carefully selecting the colors, typography and photographs to perfectly reflect the company's branding. Then your client asks you to add a map. Sure, you could use a map building ‘wizard’, such as the one that comes with every google account. But, let’s face it, their functionality is limited and they look pretty generic! The Google maps API, on the other hand, gives you the freedom to create completely customized maps, which can do all sorts of cool things.

Related:  javascriptresponsive webToolsToolsresponsive design / grilles ect...uxsoft