background preloader

Browser Sandbox -

Browser Sandbox -
The Browser Sandbox makes cross-browser testing and backwards compatibility easy. Just click Run for any browser to launch it instantly. Browsers run within an isolated virtual environment, eliminating the need for installs and allowing legacy browsers such as Internet Explorer 6 to run on Windows 7 and 8. Virtualized browsers behave exactly like installed browsers. And because they run locally, you can test web applications hosted on your own development machine or on internal servers. Simply launch the browser from or the Spoon Console and enter your test URL in the navigation bar. supports standard browser components like Java applets and ActiveX controls as well as popular browser plugins like Firebug, IE Developer Toolbar, and CSS and JavaScript debugging consoles. Using the Browser Sandbox at Work?

Related:  HTML / CSSjavascript

Five simple steps to designing grid systems - Part 5 – September 19th, 2005 – It’s been a while, but this is the final part in my series ‘Five Simple Steps to designing Grid Systems’. Flexible vs Fixed. rangy - A cross-browser JavaScript range and selection library A cross-browser JavaScript range and selection library. It provides a simple standards-based API for performing common DOM Range and Selection tasks in all major browsers, abstracting away the wildly different implementations of this functionality between Internet Explorer up to and including version 8 and DOM-compliant browsers. For manipulating selections in <textarea> and <input type="text"> elements, see Rangy's poorly-named and svelter twin project, Rangyinputs.

40 Extraordinary Photoshop Text Effects The trouble with Photoshop Tutorials is that there are a lot of them out there, but you only want the very best, most creative ones. In this post, we’ve collected 40 of the very best and most extravagant tutorials for working with type. After working through a few of the most appealing looking ones to you, you should have more than a few ideas for creating your own, unique effects! Tutorials: How to Create a Stereoscopic Image for Crossed Eye Image Viewing This tutorial will teach you how to create a stereoscopic image for cross eye viewing and you will be able to view the final image in 3D and full color without any other objects. CSS Selectors Level 3 - A Quick Reference Any Element The following will result in both the <h1>and <p> elements having hideous orange backgrounds rendered in Comic Sans. Time for me to go learn about proper web design! <!-- HTML --><h1>A Title</h1><p>Exciting words!</p>

Expression Home The proliferation of rich interactive web applications across the cloud and mobile devices continues to create new opportunities for creative design and development. As these technologies evolve, Microsoft is committed to providing best-in-class tools for building modern applications. In support of these industry trends Microsoft is consolidating our lead design and development offerings — Expression and Visual Studio — to offer all of our customers a unified solution that brings together the best of Web and modern development patterns. Blend will continue to ship as a standalone tool with Visual Studio 2012, as part of a consolidated designer/developer offering.

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example.

sort Method (Array) (JavaScript) arrayobj.sort(sortFunction) arrayObj Required. Any Array object. sortFunction Optional. Most Inspired: Design Inspiration Blog 10 Cool (or Hot) Mobile Weather Apps Before I started writing my own weather app, I searched high and low for something that would fit my needs. Ultimately I didn’t find exactly what I was looking for, and wrote my own, but you might like some of the inspirational apps I found. Dark Sky Dark Sky can tell you at a glance exactly when it will rain (or snow) up to an hour in advance, so you’re free to walk the dog or run out to lunch and know you’ll stay dry. You can also explore the most beautiful weather animation you’ve ever seen, both forward in time or back.

Use jQuery - Brosho 'Design in the Browser' jQuery Plugin Design in the Browser I was inspired by the article Make Your Mockup in Markup by Meagan Fisher. I am one of those persons who can't stand Photoshop and design every bit of a website in it. Also it is not very DRY to design paragraphs, or whatever, in Photoshop and again with CSS. Top 10 Free Web Apps to Test Cross-Browser Compatibility Although Matt Cutts from Google says on YouTube that PageRank does not take into account cross-browser compatibility, it’s better to make your website or blog compatible with different browsers, which will be good for user experience and impact your PageRank indirectly. For example, if your website is not compatible with IE 6, the IE 6 users will think your website sucks for terrible layout, and they won’t link to it even though the contents are great, which will be not good for your PageRank, since no links, no PageRank. So, how to find out if your website or blog is compatible with different browsers? It’s hard to install all the browsers in your computer and test them one by one, but it’s easy to test cross-browser compatibility with below 10 free web apps: 1.

CSS3 Animation Cheat Sheet - Justin Aguilar How it works The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the stylesheet to your website and apply the premade CSS classes to the elements you want animated. The CSS3 Animation Cheat Sheet uses CSS3 @keyframes and works on all the latest browsers (that's IE 10). Using CSS3 @keyframes, you don't have to worry about positioning the element to accomodate the animations - it will animate into place. Also for users with older browsers, the animated element will be visible and in place, even if the animation doesn't trigger.

Collapsible lists in JavaScript Long nested lists on web pages can be difficult to understand, especially if the visitor must scroll to see the entire list. The tree view , a user interface widget that displays hierarchical data as nested lists, solves this problem by making lists collapsible and expandable; a list can be opened by or closed by clicking on its parent list item. next generation web design through the browser Buildor Pro has a 50-day free trial. The price will then be USD$10 -- on a [PayPal] monthly subscription, or at half-price for an annual payment of $60 or equivalent local exchange rate. (This is a time-limited introductory offer for both.) The subscription service is now being processed by Paypal, and should be available soon.

Related:  Web DevelopmentBrowser Comparison