Masonry: cascading grid layout library

Masonry: cascading grid layout library — Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Twitter Cards

So, what is Twitter Cards?

Twitter cards make it possible for you to attach media experiences to Tweets that link to your content. Simply add a few lines of HTML to your webpages, and users who Tweet links to your content will have a “card” added to the Tweet that’s visible to all of their followers. [Source: Twitter Developer: Twitter Cards]

Google is now indexing Facebook Comments (AJAX/Iframe)

One reason why people avoid using Javascript or iframe is regarding the search engine optimization. Contents presented in Javascript or iframe is not good for search engine, and Google is one of them. But, recently, there is an update from Google about how Google indexes contents presented using these ways (using AJAX/iframe).
Google’s Matt Cutts confirmed:

Amit Agarwal (Labnol.org) has some an example about  how Google indexing Facebook Comments at Techcrunch. Facebook Comments is an example. There are some other commenting services like Disqus (I use Disqus for my blog) or Intense Debate. Great.

10 Reasons Why I Love Posterous

After using Posterous in the last few weeks more frequenlty, I feel that I like it more than before. It feels right. These are 10 reasons why I like Posterous — and why you should love it, too.

1. Email-friendly, of course

One of the internet feature I regularly check is email inbox. Sometime, I want to post something directly from email sent into my inbox. Posterous is about working directly from the email — web-based email or email clients.

2. Free

It’s a free service. Right now, I have 1 GB of free storage. Since it does not offer types of account (free or paid account), Posterous said that we can have more than 1 GB if we hit the limit. If I have to pay to get more storage or features, I will consider to subscribe. But, I hope it offers the right price/package. And, we can have multiple Posterous sites using a single email address.

3. Autopost

How many social media accounts I have? How to distribute or send something to those service easily — if I want to share something using those services? The autopost feature is just perfect. I can send photos to Flickr, send videos to YouTube, post something to my own blog. But, I can do them all automagically from Posterous. And, I can choose whether I want to share them directly or not. Or, I can share only to specific targets.

Rewriting Twitter

Twitter Front End is a new look at Twitter.com and the web interface powering the message service’s social interactions today.
This website was built by Niall Kennedy using web standards best practices and optimized code design. Twitter FE is currently a read-only clone of the Twitter.com website rewritten for external development and rapid iteration.
Twitter FE is written in Python on Google App Engine. A few sprinkles of YUI JavaScript help delegate load times.

Go to Niall Kennedy’s post to read more details, or directly go to TwitterFE.

Features for Developers (Firefox 3.1 beta 1)

Okey, this should be a good news.
Geolocation

Geolocation is a JavaScript API that lets a web page query the browser’s location via JavaScript. It can be used to plot maps, give directions, attach location information to pictures, give a location for a weblog post and a pile of other things.
More details about Geolocation API Specification.

@font-face

Add support for the CSS @font-face property. This property allows you to specify a true type font file that includes a specific font you want to use to render a web page.
More details about @font-face

Video and Audio

Include support for the <video> and <audio>elements. This beta includes support for the OGG Theora and OGG Vorbis formats on all platforms

And more…

Greasemetal

Greasemetal is a userscript runtime for Google Chrome. The runtime hosts userscripts (tiny javascript files that modify the webpages being displayed) to be executed on Google Chrome, similar to what Greasemonkey does for Mozilla Firefox, or Greasekit does for Safari.

Pushup: Encourage others to upgrade their browsers

I just added some Javascript file and CSS in this blog. You probably will notice them, or not. You will not see something different in this page if you’re using an updated internet browser. But, if you’re still using old browsers, you should see a notification — it’s on the upper right of the browser window — telling you about your browser status (updated or outdated).
Pushup : Pushing up the web
Anyway, I got this from Pushup campaign.

Pushup is an effort to push the web forward by helping users upgrade their outdated browsers. Give your users a better web experience today by installing Pushup on your domain! A subtle upgrade link is shown when people visit your website using an outdated browser. They can click this link to visit the upgrade website for that browser, or choose to be reminded after a time you specify.

The installation (adding Javascript and CSS) is easy. Go to Pushup website, and you will get everything you need to get it installed in your website/blog. Demo is also available there. Anyway, remember Browse Happy?

Opera Web Standards Curriculum

Web Standards Curriculum (by Dev Opera) is a complete course to teach you standards-based Web development, including HTML, CSS, design principles and background theory, and JavaScript basics.

On Opera 9.5

I did not wait any longer to download Opera 9.5. It’s still fresh, and because I’m comfortable with this browser. Because I do not have many addons — like in Firefox, I just upgraded it. The upgrade process was easy, just like doing a fresh install.
The new interface looks great and well-polished. The window tab is redesigned and I think it’s much better than before. Look at the screenshot below. It uses the standard skin, special effects-enabled with “Sand” color scheme.
Opera 9.5 Standard Skin
I am not saying that I do not like the new skin desin, but I like to have it simpler. Previously, I use another skin called “Flat”. I want to keep my Opera clean so that I can focus on the website content. Here is my current skin using the same color scheme. It has slimmer tabs, not many colors, and smaller icons… and I like it.
Opera Flat Skin
I do not use all features offered by Opera because I do not use Opera as my other applications like RSS reader, email client, or chat. I choose to use web-based service like Gmail and Google Reader. About other accessories, I have some Opera widgets installed: Ruler, The Colours of The Rainbow and CSS Help. Well, I miss Firefox when it’s about extensions/addons. But, it’s fine for me if I do not have them in Opera. :)
I still want to have Opera as my best browser, but I still find it hard to have it really customized for me. I’d like have Greasemonkey really works in Opera. I know, it’s said that Greasemonkey already supported by Opera since Opera 8.0 (more about User Javascript). But, I still find it difficult to have work. Anyone? Overall, I love this release and I just hope there are more official tutorials to get the most from Opera (for users who already love Firefox); something like: How to get these in Opera?

WPhone: Admin Interface for Your Phone

WPhone screenshot
WPhone (plugin page) is a plugin that gives you an option to replace the default admin interface with one designed for your phone. There are two versions of the mobile admin interface:

  • an iPhone / iPod Touch specific interface with full Javascript and animation support
  • a lightweight, simple version designed for all other phone types (no Javascript or anything else required)

Go to information page about this WPhone for more features. The screenshot page tells all about it. It seems that it is designed for use with the latest version of WordPress, but since standard API calls on the back end. So, I assume that it will also work for WPMU. Is it? Well, I haven’t tried it, but I will. Or, anyone tried it on WPMU environment?