Web Standardistas · Web Standards Design. Validator.nu (X)HTML5 Validator. IE9 Compat Inspector - IEBlog.
MobiReady - dotMobi compliance & mobileOK checker. 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. 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. Developers or anyone who needs to share an app can then send a link to whomever they’d like to give the demo to. “It ends up being the easiest way ever to share an iPhone app on the web,” CEO Fred Potter tells me. Using Flash to simulate the app’s functionality, Pieceable Viewer works without any code modifications on the developer’s side, “It’s literally a one line command to publish an existing app to the viewer service,” says Potter.
But Pieceable Viewer isn’t Pieceable’s core product.
Website Accessibility & Testing. WebPagetest. Load Impact - Free web site load test. Test everything — 100+ tools in one! Choose the tools with that you want to test the given adress: CSS and HTML validators SEO tools Social services Web proxies Network tools Text tools Image tools (works only with Image URLs) Miscellaneous tools. The W3C Markup Validation Service. Top 10 best practices for front-end web developers - CatsWhoCode.com. 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.
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. 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: The HTML specification will henceforth just be known as "HTML", with the URL 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 Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! 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. The discussion glosses over another important factor: the speed with which your pages are actually put together on your server.
Further Reading on SmashingMag: Link 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. 6Google’s threshold for a fast-loading website is about 1.5 seconds. What Is A Database? Is It My Database? Profiling Link. Code Standards | Isobar. 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 . Template ◊ Doctype ◊ HTML5 Doctype.