We have been using @font-face at Adtrak for a while now, and have found only a few issues with it – the main one being rendering in Chrome. The first time I used @font-face; I loaded my website in Google’s browser and was greeted by a jagged, harsh looking font render – nowhere near as nice as Firefox. After a quick search, it became apparent that I wasn’t alone in the experience. I struggled to find a decent fix for this; one method I did use for a while added a CSS text shadow to overcome the jagged edges, but this wasn’t a great, full fix.

High performance web sites lead to higher visitor engagement, retention and conversions

Мета тег X-UA-Compatible управляет режимом отображением страниц в браузерах IE8+.

Migrates opened tabs to Google Chrome.

I have quite an extensive collection of bookmarklets that I’ve presented here for your convenience, I recommend all of them. There’s also a round-up of tutorials and resources at the bottom.

This article discusses current RGBA browser support and ways to use RGBA backgrounds in non-supporting browsers. Bonus gift: A PHP script of mine that creates fallback 1-pixel images on the fly that allow you to easily utilize RGBA backgrounds in any browser that can support png transparency. In addition, the images created are forced to be cached by the client and they are saved on the server’s hard drive for higher performance.

URL Fixer fixes common typos in URLs entered in the address bar. It will fix errors like "google.con" or "youtube,com". You have the option of being asked to confirm corrections before they are applied.

It's a new Chrome Experiment called 100,000 Stars that visualizes the stellar neighborhood. Using your mouse or trackpad, you can zoom in and out to explore our galaxy. Zooming in reveals the names of the most prominent stars close to our sun – click each name to learn more about it and see a digital rendition.

One thing that remains constant across these devices are their users. Technologies come and go every year, but people stay the same. Existing form factors: pads, tabs and boards still make sense, and will continue to do so for the forseeable future. As a result, ergonomic considerations like touch target sizing, readable text and image size remain constant. Fingers will be fingers and eyes will be eyes! Our bodies are firmly rooted in the physical world, and the interfaces we create should reflect that.

This plugin underlines URLs in Sublime Text 2, and lets you open them with a keystroke (Cmd+Option+Enter by default).

Create your own "requires-jQuery-to-run" bookmarklet!

Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines.

Reducing the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). I've talked about these things on this blog to a point where the blog comes up in top 10 results in search engines for queries like "mhtml" and "data url". Therefore I think it's my duty to clarify a point for the good of the mankind :)

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.

The links below capture most of the resources that explain the innerworkings of web browsers.

CSS edits and image changes apply live.
CoffeeScript, SASS, LESS and others just work.

This is a very simple Safari 5 extensions which adds basic mouse gestures to navigate or open/close tabs and windows.

Using the same conditional comments, we're just conditionally adding an extra class onto the html tag. This allows us to keep our browser-specific css in the same file, plus it totally validates and works in all browsers.