background preloader

Opera Developer Tools

Opera Developer Tools

http://www.opera.com/developer

Related:  Web mobile

A Very Modern Mobile Switching Algorithm - Part II This article follows on from last month's Part I, where we discussed some of the principles of handling mobile users and switching their experiences. If you haven't read it yet please do so before we dive into some of the technical ideas and implementation details. By the end of this article, I'll be assuming you've got some programming skills and know fairly clearly what we are trying to achieve! If you recall, we've chosen a blended approach of a two-site configuration (one each for mobile and desktop users), browser detection (to spot if the user has likely visited the right one), and user choice (allowing them to override our judgement for whatever reason). Although I didn't mention it in the body of the article itself, one of my follow-up comments drew the direct analogy with country-code domain switching. Many international services use your desktop's IP address to detect whether you've likely visited the right country-specific site or not.

15 sites web developers and designers should know Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Mozilla cracks down on slow starting Firefox add-ons Firefox's expandability through add-ons is often cited as a key feature of the browser, but it is also known to be a source of sluggish performance and slow startup times, particularly when running several add-ons simultaneously. Things have notably improved with the release of Firefox 4, but there's still work to be done, and as such Mozilla is starting an initiative to get add-on makers to optimize their programs. According to Mozilla's Justin Scott, Product Manager for Add-Ons, the average Firefox extension increases startup time by about 10%. The actual impact in seconds will depend on the hardware and software a user is running, but the company estimates that installing 10 add-ons will double the amount of time it takes the browser to launch. To that end the company will begin running automated performance tests on the top 100 add-ons and post the results here on a weekly basis.

Airlines Book Flight Check In Flight Status My Account United Clubs More Copyright 2014 United Airlines, Inc. All rights reserved. 19 Responsive Web Design: 50 Examples and Best Practices Responsive web design term is related to the concept of developing a website design in a manner that helps the lay out to get changed according to the user’s computer screen resolution. More precisely, the concept allows for an advanced 4 column layout 1292 pixels wide, on a 1025 pixel width screen, that auto-simplifies into 2 columns. Also, it suitably fixes on the smartphone and computer tablet screen. This particular designing technique we call “responsive design”. Now you can test your website using the Responsive Design Tool. Responsive web designing is an entirely different designing version than traditional web designing, and developers (especially fresher) must know about the pros and cons of responsive web designing.

A Very Modern Mobile Switching Algorithm - Part I An important question that most web developers ask when developing their first mobile web site is "how do I distinguish between mobile users and desktop users?". Although this seems like a simple enough question at first, of course there's more to it than meets the eye. In fact, what do we even mean by 'distinguish'? How we distinguish their requirements? Their desires? The services they expect?

40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also.

Why IE9 is a Web Designer’s Nightmare Web professionals have been getting pretty excited lately, and it’s no surprise why. The latest spawn of Microsoft’s browser, Internet Explorer 9, has just been released. Many people have been talking about the changes and whether the latest version is a solid step forward, or if it’s too little, too late. In a previous article, Jacob Gube (this site’s founder) had a more positive view of IE9. Effective Design for Multiple Screen Sizes So you're a designer and have been tasked with the design of a mobile web site. Chances are, unless you're designing for only one device you're quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for. For instance:

8 Useful CSS Tools Writing better CSS is something all web designers and developers should strive for, and thankfully there are some useful tools out there to help do just that. For this post, we’ve rounded up a collection of new tools to help you with your CSS. From learning new CSS3 properties, to making your code more efficient, there’s bound to be a few tools here you will find useful. CSS3 Patterns Gallery Mobile Web Design: Getting to the Point - Part I This is the first in a two part look at mobile web design. In part 1, I focus on three current 'big guns' of mobile web applications and look at how they solve the problems of mobile web application design by getting to the point. In part 2 I'll get practical and run through a series of steps to design a small sample mobile eCommerce site, applying what was learned in this article. “Good interaction design focuses on what people want to know, do and feel” - Stephen P. Anderson Mr Anderson’s words are wise when applied to the realm of interaction design in general.

Related:  Techies