38 private links
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.
Even though browsers do start with inconsistent defaults, it’s possible to override them. In the hierarchy of CSS specificity, the browser’s default stylesheet is at the very bottom. Any inline or externally defined styles will override browser defaults.
With the ability to override those default styles, you’re able to explicitly define a new set of your own default rendering styles. Instead of allowing each browser to decide how much space should be above and below block level elements, for example, you have the opportunity to preemptively dictate styling that renders identically across all browsers.
In other words, there’s nothing preventing you from resetting all of the default styling for HTML elements to a predictable baseline style. In fact, doing so will almost entirely negate the cross-browser variances in default styling.
This technique is called a CSS reset.
Ladies and gentlemen, it is the second decade of the second millennium and we are still kicking around the same 2D interface we got three decades ago. Sure, Apple debuted a few apps for OSX 10.7 that have a couple more 3D flourishes, and Microsoft has had that Flip 3D for a while. But c’mon, 2011 is right around the corner. That’s Twenty Eleven folks. Where is our 3D virtual reality? By now, we should be zipping around the Metaverse in super-sonic motorbikes.
Granted, the capability of rendering complex 3D environments has been present for years. On the Web, there already are number of solutions – Flash, three.js in canvas, and eventually WebGL. And finally, we meager front-end developers have our own three-dimensional jewel: CSS 3D Transforms!
QuickFox Notes is a multi-tab note taking add-on for Firefox that uses the integrated bookmarks system or a single sqlite database to store notes. Therefore, if you already have either a bookmarks synchronization add-on (e.g: XMarks) or a file synchronization software (e.g: Dropbox, SugarSync, Syncplicity), your notes will be synchronized automatically.
This is a behavior htc file for Internet explorer to make CSS property " border-radius " work on all browsers. At present, all major browsers other than IE shows curved corner by adding 4 lines of css.