Web developers resource center. Javascript, PHP, HTML, CSS, ASP.NET, HTML5, news, tutorials, code examples and snippets, articles and more.

Do you use any tools to test your web projects? If not here is why you should start doing so. Below are listed only a few stats and reasons for that: if your website is not responsive and not optimized for mobile your bounce rate on such device will be extremely high. 40 percent of visitors will go to a competitor's site after a bad mobile experience (Source: Compuware, 2012). Users don't want to wait for content to load for more than 2 seconds. 40% will abandon a web page if it takes more than three seconds to load. (Source: Akamai). 88% of online consumers are less likely to return to a site after a bad experience (Source: Equation Research).

Do you use any tools to test your web projects? If not here is why you should start doing so. Below are listed only a few stats and reasons for that: if your website is not responsive and not optimized for mobile your bounce rate on such device will be extremely high. 40 percent of visitors will go to a competitor's site after a bad mobile experience (Source: Compuware, 2012). users don't want to wait for content to load for more than 2 seconds. 40% will abandon a web page if it takes more than three seconds to load. (Source: Akamai). 88% of online consumers are less likely to return to a site after a bad experience (Source: Equation Research).

Code never does the mistake, we make the mistakes in the code. Think, Imagine, Phrase and then Code.

Find evidence-based wed design and usability guidelines and get involved in creating the 2013 version.

Find evidence-based wed design and usability guidelines and get involved in creating the 2013 version.

Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives.

Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives.

This article is part of our "Web Responsive Design series" - consisting of tools, resources and tutorials to help you create websites for users of all platforms.

This article is part of our "Web Responsive Design series" - consisting of tools, resources and tutorials to help you create websites for users of all platforms.

As browser capabilities continue to grow the websites that we are building are getting ever more complex. Fancy JavaScript UIs are great for showing off the latest technologies but they can cause a real problem for assistive technologies like screen readers. Unfortunately accessibility is one of those topics that often gets overlooked by a lot of developers. This makes me a little sad. If we want the web to remain a place that can be enjoyed by everyone, we need to be considering our users at both ends of the spectrum. In this article my aim is to show you just how easy it is to make your websites accessible.

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

First and most important is to build your knowledge and information-gathering from the official sites that reflect their namesakes.

Git is an extremely powerful and sophisticated system for distributed version control. Apart from offering a novel approach to source code management, Git offers a great deal of features. Sadly, learning how to use Git can be confusing for anyone, not just beginners. As a result, in this roundup, we have collected some of the best resources for learning Git to help you initially get started with Git, and then, eventually mastering it.

The web is a rapidly evolving universe. An important part of our job as front-end developers is keeping up to date and staying close to new tools, trends and workflows. Hundreds of blog posts and articles are published every day, but there is no way you can read all of them. We think you should have a strategy to keep up to date, so we have created this recipe.

Learn to code interactively, for free.

This document is the starting point for creating iOS apps. It describes the fundamental architecture of iOS apps, including how the code you write fits together with the code provided by iOS. This document also offers practical guidance to help you make better choices during your design and planning phase and guides you to the other documents in the iOS developer library that contain more detailed information about how to address a specific task.

For designers, the most difficult and interesting aspect of responsive web design has been the flexible nature of it. We've constantly in the process of trading in our tenacity for pixel perfection and embracing the web for what it really is; fluid. Today we'll cover some steps to help you transition towards flexible web design, or as I like to call it, 'Getting' Flexy'.

As stated by Mashable, "2013 is the year of Responsive Web Design." A responsive web design uses relative sizing units like percentages or em's, rather than absolute units like pixels or points. One website layout sizes automatically across different device and computer screens.

How will "What You See is What You Get" work when what you get, changes depending on how you choose to see it? Three years ago, the concept of responsive layout was simply an exciting new design option. Now into the mainstream, it's throwing up more than a few problems for us web developers. With mobile and tablet usage on the rise, and the likes of Microsoft and Guardian redesigning their sites to reach this growing market, it's not surprising that responsive design is now a high priority for clients.

Video Tutorials

Putting back the C in CSS

The 960 Grid systems are the way to develop a faster websites. At the mean time, developing websites should support mobile browsers while mobile usage is increasing. So, supporting all screen sizes called: Responsive web.

Mashable has called 2013 the year of responsive design and with the mobile internet usage to be taking off, their prediction is probably correct. But what is a responsive design? A change in the design CSS code allows it to be view able at a desktop/laptop, mobile and tablet devices. You do not need a mobile site anymore; all you need is a responsive website design.