How to do @font-face

This post is more for myself:

Here’s a way to implement @font-face:

@font-face {
     font-family: 'Open Sans';
     font-style: italic;
     font-weight: 700;
     src: url(../fonts/default/OpenSans-BoldItalic.eot);
     src: local('Open Sans Bold Italic'), 
          url(../fonts/default/OpenSans-BoldItalic.eot?#iefix) format('embedded-opentype'),
          url(../fonts/default/OpenSans-BoldItalic.woff) format('woff'),
          url(../fonts/default/OpenSans-BoldItalic.ttf) format('truetype'),
          url(../fonts/default/OpenSans-BoldItalic.woff) format('woff');

ReactJS – Thinking in Terms of User Interface and Users

ReactJS has come a long way, it is now v0.10.0 

So i was reading up on ReactJS again and came across this article:

This article talks about how we should approach ReactJS. One major theme stood out in this article:

Code from a user interface’s perspective. i.e how your users see your app.

I thought this was particularly profound as most other frontend frameworks tend to come from the perspective of data structures, code organization, data models etc. But it does not seem to really help us focus on what really matters: users.


Facebook Introduces Anonymous Login, Graph API 2.0 and Audience Network

It seems that Facebook is continuously innovating. This time round, Facebook introduces Anonymous Login, Graph API 2.0 and Audience Network.

To get the scoop on Facebook’s Anonymous Login, go here .

Graph API 2.0 is very interesting; Facebook announced versioning of APIs during F8 and here are 3 new elements (out of 6 )  that you should take note of in my opinion:

  • Inviting API. Allows you to invite friends, unfortunately this is only for Facebook games only.
  • Taggable API. Shows you friends that you can tag or mention in stories published to Facebook. Learn more here:
  • Social Context API. It’s a nifty little api call that brings in the caller’s friends’ activity around some content within a Facebook app.

Audience Network, on first look appears to be Adsense for mobile apps. Learn more here.

Hopefully Audience network will come to desktop or web apps soon!