Archive for the 'Tip' Category
Bikin Chiu of the Gmail Mobile team picks up the HTML5 series with a piece on reducing startup latency.
It starts off by talking about lazily loading code via the old favorites of adding a <script> to the DOM, or XHR+eval, but then it gets beyond the typical and discusses the nuance of mobile + offline [...]
September 22nd, 2009 | Posted in Front Page, Google, Miscellaneous, Mobile, Tip | Comments Off
FireCrystal is a Firefox extension that helps designers and programmers alike figure out how interactive behaviors on the web work. FireCrystal allows users to record and rewind their interactions with web pages while showing the relevant code.
September 2nd, 2009 | Posted in Front Page, Miscellaneous, Tip, Utility | Comments Off
Jonathan Snook has posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this:
PLAIN TEXT
HTML:
<div class=”example-date”>
<span class=”day”>31</span>
<span class=”month”>July</span>
<span class=”year”>2009</span>
</div>
and converts it to:
all via the CSS:
PLAIN TEXT
CSS:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Yup, even IE.
July 29th, 2009 | Posted in CSS, Front Page, Miscellaneous, Tip | Comments Off
Paul Baukaus linked to jsescape, a little form that shows escaping and unescaping across a number of encodings.
Andrea Giammarchi had his own post on encodings in a different way…. as he talked about
en-code which you can check out in action here on the page that lets you do simple encodings, especially for source code, in [...]
July 2nd, 2009 | Posted in Front Page, Miscellaneous, Tip, Utility | Comments Off
Paul Irish tries not to use CSS browser hacks anymore and instead “uses IE’s conditional comments to apply classes to the body tag, but he put up a concise list of browser specific hacks he has used:
PLAIN TEXT
CSS:
/***** Selector Hacks ******/
/* IE 6 and below */
* html #uno { color: red }
/* IE 7 and [...]
April 24th, 2009 | Posted in CSS, Front Page, Miscellaneous, Tip | Comments Off
Myk is one of the nicest chaps that I have had the pleasure to sit closely to in Mozilla building “S”.
He has a nice little tip on the many syntaxes that you can use to iterate over arrays in various JavaScript implementations and standards. Some folks had some interesting points on the various approaches:
for each [...]
April 23rd, 2009 | Posted in Front Page, JavaScript, Miscellaneous, Tip | Comments Off
Kangax has a really nice article on testing for event support in browsers in which he delves into the quirks and work-arounds needed to get ‘er done, coming up with a nice generic solution:
PLAIN TEXT
JAVASCRIPT:
var isEventSupported = (function(){
var TAGNAMES = {
’select’:'input’,'change’:'input’,
’submit’:'form’,'reset’:'form’,
‘error’:'img’,'load’:'img’,'abort’:'img’
}
[...]
April 3rd, 2009 | Posted in Front Page, JavaScript, Miscellaneous, Tip | Comments Off
Stoyan Stefanov has created a fun little bookmarklet that calculates the content to markup ratio of a webpage:
When you care about performance, or SEO (or just doing a good job as web dev) an interesting data point is the ratio of page content vs. the markup used to present this content. Or… how much crap [...]
March 6th, 2009 | Posted in Front Page, Miscellaneous, Tip, Utility | Comments Off
Kangax shows a nice use of Prototype as he writes a tip to let you see your Prototype based events as they run in your application. A nice little view.
He also realized that the core piece of the bookmarklet is actually a nice view of the power of Prototype as a library:
PLAIN TEXT
JAVASCRIPT:
$H(Event.cache).inject(0, function(m, p) [...]
February 23rd, 2009 | Posted in Front Page, Miscellaneous, Prototype, Tip | Comments Off
Jacob is back, and this time he has a cheat sheet with him. It is nice to see the Canvas API fitting on one sheet here, and I really like the images showing how things look like and work.
February 22nd, 2009 | Posted in Canvas, Examples, Front Page, Miscellaneous, Tip | Comments Off