はてなブックマーク

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Thursday, February 14, 2013 This post is co-written with Rob Hawkes, and as a follow-up to The WebKit culture & web rendering engine diversity. This article is also available in Chinese. We would like to, in a factual manner, break down what the possible outcomes of having a majority of web brow

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Monday, February 11, 2013 Being able to easily specify what to post with XMLHttpRequest is quite a powerful way of sending things to the server, using key/value pairs and FormData. However, many seem to have missed this gem, so I thought I’d outline it here. The basics The general approach is th

Menu item 1 Menu item 2 Menu item 3 Code used in this page /* Shorthand version */ .menu-item { position: relative; display: inline-block; border: 1px dashed #000; padding: 10px; background: #ffffa2; height: 20px; opacity: 0.3; text-decoration: none; /* Firefox */ -moz-transition: all 1s ease; /* WebKit */ -webkit-transition: all 1s ease; /* Opera */ -o-transition: all 1s ease; /* Standard */ tran

HTML5 Forms input types, attributes and new elements – demos, tips and tricks Published on Tuesday, August 16, 2011 Forms on the web. They are literally everywhere, and there seem to really be all kind of flavors for them. From day one they have been a great mean for users to input data and information and interact with various services. And what comes with that is every implementation under the s

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Wednesday, August 3, 2011 When the AJAX wave came in 2005 when Jesse James Garrett coined the term and then everyone wanted it, one of the major shortcomings was that dynamic updates of only portions of a web page lead to inconsistent history handling and back/forward navigation button problems

In this web site I have collected various code samples and tests for CSS3.

We can’t change history, but we can change the future. Be nice to each other. @robertnyman I should have written about this long ago, but better late than never – time to share my experiences. Typography is an important part of user experience, and with CSS3 @font-face we can offer users any font we want to. CSS3 @font-face Font-face works just like the @media directive, where you declare a font-f

Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files Published on Thursday, December 16, 2010 To me, something about HTML5 that makes it quite interesting is all the new support for file interaction. I’ve written about the File API and reading file information before, and I thought I’d expand on that and add uploads and progress bars. Functionality In my File

In this web site I have collected various code samples and tests for HTML5 and APIs related to it.

I spot a few possible optimizations… <code> // To detect native support for the HTML5 placeholder attribute var fakeInput = document.createElement("input"), placeHolderSupport = ("placeholder" in fakeInput); </code> Could be written as: <code> // To detect native support for the HTML5 placeholder attribute var placeHolderSupport = ('placeholder' in document.createElement('input')); </code> Better

We can’t change history, but we can change the future. Be nice to each other. @robertnyman HTML Validator is a web browser extension, currently available for Google Chrome, to automatically or manually validate the HTML in the current web page. It validates both local, i.e. non-publicly available, and public content. The validation types supported are: Inline validation Validate URL at the W3C Val

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Tuesday, March 16, 2010 One of the most common CSS effects is using shadows in various ways. Before, we needed to resort to images, but now we can offer this to all major web browser with CSS! Web browser support Believe me or not, but all of these web browsers we can offer shadows with CSS: Fir

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Usually when you want a horizontal list, you need to use float in the CSS code to make it work, with all its drawbacks. However, there is an alternative with display: inline-block. Problems with float The problem when you have float in your CSS code is that you need to take some precaution to make the surrou

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Monday, February 15, 2010 One thing that is quite nice is that we now have the ability to create gradients in our pages just from CSS code, and without the use of any images. Syntax options and web browser support The good news is that there is web browser support for CSS gradients in Firefox, S

We can’t change history, but we can change the future. Be nice to each other. @robertnyman Published on Wednesday, October 14, 2009 It seems like everyone is talking about HTML5 now, but the discussion is spread out and seldom gives the background, explanation what HTML5 really is and if/when it’s usable. Therefore, my ambition here is to: Give you a little history Go into what HTML5 is and what i

JavaScript tests & Compatibility tables In this web site I have collected various JavaScript tests, to display code samples, have them run and check web browser compatibility. Test pages Compatibility tables JavaScript 1.6 Method/feature Web browser support Array extras: The indexOf method

We can’t change history, but we can change the future. Be nice to each other. @robertnyman What is it? Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elemen