background preloader

Standards, Validation, Optimization, Testing & QA

Facebook Twitter

Web Standardistas · Web Standards Design. (X)HTML5 Validator. IE9 Compat Inspector - IEBlog.

CSS Clean Up

MobiReady - dotMobi compliance & mobileOK checker. YOU ARE HERE: home The mobiReady testing tool evaluates mobile-readiness using industry best practices & standards.

mobiReady - dotMobi compliance & mobileOK checker

The free report provides both a score (from 1 to 5) and in-depth analysis of pages to determine how well your site performs on a mobile device. Run iPhone Apps Directly From Your Browser With Pieceable Viewer. Part of i/o Ventures first cohort, Pieceable is launching its first product today, the Pieceable Viewer.

Run iPhone Apps Directly From Your Browser With Pieceable Viewer

As you can see above with the Yelp app or here with apps like Hipmunk or Foodspotting, the viewer allows you to run and test out embeddable iPhone apps from your web browser. Developers can publish their apps directly to the service and the Pieceable team will create a web page that displays a fully functional copy of the app.

Colour Testing - for Colour Blindness & Deficiencies

Website Accessibility & Testing. WebPagetest. Load Impact - Free web site load test. Test everything — 100+ tools in one! The W3C Markup Validation Service. Top 10 best practices for front-end web developers -

Explain which div you’re closing Most of the time when I’m viewing a website source, I see, at the very bottom of the page, an almost endless list of closing </div> tags.

Top 10 best practices for front-end web developers -

In fact, many beginners think they just have to use divs instead of tables to produce quality code. Divs are cleaners than tables, but without proper code organization, it can be as (or even sometimes more) messy as table based code. Using indentation is a good start. But a tip that can definitely make you save lot of time is to comment every div tag you’re closing, as shown in the example below: <div id="header"><div id="sub" class="first left"> ... Use a CSS reset Unless you’re a beginner or if you were on vacation on a desert island for the last 6 years, you might already know how useful a CSS reset it. Source: Don’t use @import CSS files can be included using the @import directive.

<style type="text/css> @import url('a.css'); @import url('b.css'); </style> HTML is the new HTML5. In 2009 we announced that the HTML5 specification at the WHATWG was progressing to Last Call.

HTML is the new HTML5

The plan at the time was to finish the specification this year and publish a snapshot of "HTML5" in 2012. However, shortly after that we realised that the demand for new features in HTML remained high, and so we would have to continue maintaining HTML and adding features to it before we could call "HTML5" complete, and as a result we moved to a new development model, where the technology is not versioned and instead we just have a living document that defines the technology as it evolves. As there is still interest in publishing a snapshot of HTML5, the W3C is still working on that (in conjunction with the WHATWG).

Because the specification is now a living document, we are today announcing two changes: If you have any questions please don't hesitate to ask them in the comments or on IRC. C Link Checker. Speeding Up Your Website’s Database - Smashing Magazine. Advertisement Website speed has always been a big issue, and it has become even more important since April 2010, when Google decided to use it in search rankings1.

Speeding Up Your Website’s Database - Smashing Magazine

However, the focus of the discussion is generally on minimizing file sizes, improving server settings and optimizing CSS and Javascript. The discussion glosses over another important factor: the speed with which your pages are actually put together on your server. Most big modern websites store their information in a database and use a language such as PHP or ASP to extract it, turn it into HTML and send it to the Web browser. So, even if you get your home page down to 1.5 seconds (Google’s threshold for being considered a “fast” website), you can still frustrate customers if your search page takes too much time to respond, or if the product pages load quickly but the “Customer reviews” delay for several seconds. Code Standards.

Overview This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Roundarch Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code. Pillars of Front-end Development ◊ General Practices ◊ Indentation ◊ For all code languages, we require indentation to be done via soft tabs (using the space character). Readability vs Compression ◊ We prefer readability over file-size savings when it comes to maintaining existing files.

The first component of any web page is the tag-based markup language of HTML .