PHPSPCast #4: PHP Conference 2009

PHPSPCast #4O PHPSPCast volta em edição extraordinária para falar sobre o maior evento de PHP da América Latina, o PHP Conference Brasil 2009. Após algum atraso decidimos convidar de volta o nosso amigo Er Galvão, diretor de conteúdo da conf, para nos contar um pouco sobre o evento. Como o evento é a causa da falta de tempo que ocasiona o atraso no lançamento dos casts, por que não aproveitar e unir ambos em um episódio completamente diferente, gravado ao em tempo real e com participação ao vivo de diversos palestrantes da Conference que compartilharam conosco um pouco de suas opiniões e de suas palestras.

Se você está na duvida se deve ou não ir ao PHP Conference Brasil, não deixe de escutar este episodio e conhecer informações ainda não divulgadas, em primeira mão! E aproveite para curtir uma trilha sonora escolhida especialmente para a ocasião.

Links comentados durante o podcast

Seminário PHP

Não perca o Seminário PHP dia 31/Outubro em São Paulo, veja mais informações.

Promoção PHPSPCast

A promoção da caneca PHPSP continua! Envie seu email para phpspcast@phpsp.org.br, com sua mensagem que se encaixe nas opções abaixo e concorra!

Categorias:Caneca PHPSP

  • Uma sugestão de tema com justificativa bem fundamentada e atrelada ao mercado PHP atual
  • Uma critica, sugestão ou #fail, que seja construtivo e com feedback
  • Um elogio bem criativo
  • Ou um comentário criativo sobre assuntos do PHPSPCast até agora.

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre este episódio? Idéias, temas e dúvidas para o próximo PHPSPCast? Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

PHPSPCast #3: Des-sobrinhação, PHP pra gente grande

PHPSPCast #3: Des-sobrinhação: PHP para gente grande!O PHPSP continua na sua eterna batalha para acabar com os sobrinhos no PHP! Você é um sobrinho? Não sabe? Então acompanhe o quarteto do PHPSP com seu convidado Alex Piaz enquanto discutimos o que é um sobrinho, e como deixar de ser um. Vamos conversar sobre diversos assuntos ligados ao trabalho profissional com PHP, conheça termos como KISS, DRY, aprenda sobre ambientes de desenvolvimento, controle de versão, frameworks e tudo mais que faz parte da jornada do PHP no mundo Enterprise.

Ao final do cast se tiver interessado em saber mais sobre os assuntos discutidos, nao deixe de participar do Seminário PHP que ira tratar exatamente do mesmo assunto.

Mas se tudo isso não te interessa, escute o cast ao menos para saber o problema do skype no linux e da relação de “Ruth do sanduiche-iche” com nosso colega Anderson Casimiro-iro

Links comentados durante o podcast

Promoção PHPSPCastCaneca PHPSP

Como discutido na leitura de recados foi lançada a promoção PHPSPCast. Para participar é fácil, mande um email para phpspcast@phpsp.org.br, que se encaixe em uma das categorias abaixo. Dentre os emails válidos iremos sortear uma pessoa para ganhar uma caneca PHPSP.

Categorias:

  • Uma sugestão de tema com justificativa bem fundamentada e atrelada ao mercado PHP atual
  • Uma critica, sugestão ou #fail, que seja contrutivo e com feedback
  • Um elogio bem criativo
  • Ou um comentário criativo sobre assuntos do PHPSPCast até agora.

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre este episódio? Idéias, temas e dúvidas para o próximo PHPSPCast? Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

PHPSPCast #2: Segurança, não programe sem ela!

PHPSPCast #2: Segurança

Após um longo periodo de turbulencia estamos de volta com um cast repleto de informações. Desta vez nos reunimos com Er Galvão Abott, líder do PHPBR e Diretor de Conteudo da PHP Conference Brasil para comentar um assunto chave para qualquer desenvolvedor, Segurança. Acompanhe enquanto comentamos estatisticas de segurança da internet, formas diferentes de atacar/defender sites, novas estratégias de segurança e revemos os 2 mandamentos de segurança do PHP.

Links comentados durante o podcast

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre este episódio? Idéias, temas e dúvidas para o próximo PHPSPCast? Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

PHPSPCast #1: PHP5.3 – O bom, o mal e o Namespaces!

PHPSPCast #1

Estamos de volta mais uma vez com um episódio hilário e informativo sobre PHP 5.3. Desta vez, Rafael Dohms, Augusto Pascutti e nosso convidado Guilherme Blanco discutem sobre as novidades da nova versão do PHP, quais as novidades boas, ruins, como surgiram as polêmicas.. e pizza? Só ouvindo para entender!

Links comentados durante o podcast

Twitters

Quer divulgar seu twitter no PHPSP? Mande um email com seu nome e ‘login do twitter’ para twitter@phpsp.org.br

Quer visualizar twitter da galera? Clique aqui!

IRC

Server: irc.freenode.net
Canal: #phpsp

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre este episódio? Idéias, temas e dúvidas para o próximo PHPSPCast? Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

PHPSPCast #0: PHPSP, Eventos e o PHPSPCast

PHPSPCast #0

Esta é uma das novidades que estávamos planejando para este ano. Este é o primeiro PodCast de vários que pretendemos fazer durante o tempo que conseguirmos. A intenção dele é ter um papo descontraído com conteúdo interessante aos desenvolvedores. Este “primeiro” PHPSPCast é uma introdução a tudo isso !

Links comentados durante o podcast

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre o PHPSPCast #0?

Idéias, temas e dúvidas para o próximo PHPSPCast?

Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

Episode 78: Bob Silverberg on ColdFusion, ORM, testing and more

I caught up with Bob Silverberg shortly after his ORM presentation at NCDevCon and we rapped on the new CF9 ORM layer, testing and other goodness. Enjoy!

File Download (59:19 min / 27 MB)

PHPSPCast #7: ZCE e ZFC – PHP de papel passado

Depois de muito tempo sem um PHPSPCast voltamos com a bola toda. O assunto da vez é sobre certificação PHP. O que é ela, ela faz diferença? Como é o processo de certificação, qual os tipos de pergunta que caem na prova? Falamos também sobre a certificação de Zend Framework, o bam-bam-bam do momento.

Pra este assunto, nenhum convidado melhor do que uma pessoa certificada. E porquê não, também o primeiro e um dos únicos certificados de Zend Framework do Brasil? Se você se interessa por certificação já sabe de quem estamos falando, se você não sabe, aí vai um nome que você deve guardar: Adler Merdrado.

E tem mais, tanto tempo sem um PHPSPCast, nós não podíamos simplesmente vir “só″ com o podcast. Então … não viemos! Tem promoção nele galera, e que promoção! Corremos atrás de muitas pessoas, empresas e conseguimos uma promoção que achamos muito interessante. Mas todo grande prêmio, precisa de um bom desafio e dessa vez a gente não vai pegar leve!

Links

Escute!

Assine!

Assine o PHPSPCast: http://feeds2.feedburner.com/phpspcast

No iTunes:

Quer assinar o PHPSPCast em seu iTunes? Clique aqui e saiba como assinar pelo iTunes ou fazer o download pelo iPhone/iPod!

Recados!

Elogios, críticas, sugestões, dúvidas ou #fail sobre este episódio? Idéias, temas e dúvidas para o próximo PHPSPCast? Mande email para phpspcast@phpsp.org.br ou um recado de voz para phpspcast@phpsp.org.br pelo Google Talk.

SitePoint Podcast #64: Learning the Web with Russ Weakley

Episode 64 of The SitePoint Podcast is now available! This week, Kevin Yank (@sentience) chats with Russ Weakley (@russmaxdesign) about SitePoint’s new courses, CSS Live and PHP Live, as well as the Web Standards Group and Full Code Press.

Listen in your Browser

Play this episode directly in your browser! Just click the orange “play” button below:

Download this Episode

You can also download this episode as a standalone MP3 file. Here’s the link:

Subscribe to the Podcast

The SitePoint Podcast is on iTunes! Add the SitePoint Podcast to your iTunes player. Or, if you don’t use iTunes, you can subscribe to the feed directly.

Interview Transcript

Kevin: June 4th, 2010. CSS know-it-all Russ Weakley and I talk web education, Full Code Press, and more. I’m Kevin Yank and this is the SitePoint Podcast #64: Learning the Web with Russ Weakley.

And this week I am joined by Russ Weakley. Russ you own and run Max Design, is that right?

Russ: That’s correct.

Kevin: So what is Max Design?

Russ: I suppose you could say it’s a web design business, but we do all sorts of things from designing to developing websites and teaching CSS.

Kevin: Yeah. So my impression is that you’re like the — you’re the full time staff member there and that you do a lot of the work yourself but you also have friends that you draw on for any given project; you know people with various strengths. Is that pretty much how it works?

Russ: Yes, it’s a lonely world, no one else in the office.

Kevin: (laughs)

Russ: But yeah, we use what we call a plug and play model where if we need a skill set luckily I have a lot of people that I’ve got contact with, and I can quickly get people in, and so we build up a team based on need rather than teams that are available or already there.

Kevin: I think a lot of people work that way on the Web.

Russ: Yeah.

Kevin: It varies from project to project exactly what people expect of you, and often I guess what the client brings themselves, right?

Russ: Absolutely. One of the things we learned years ago is that if you have a forced solution then it suits some clients but not all. Whereas the plug and play model means it’s completely adaptable; you can scale a team up or down, you can bring in skill sets as needed. So yeah, it’s just a much looser model and it suits the Web perfectly because they can also exist in different cities and different countries, it doesn’t matter.

Kevin: So the reason we’re talking to Russ today is because you said it’s a lonely world as a web designer, especially a freelance one like yourself, and so we’ve gotten Russ out of his office for a bit, and Russ will be doing SitePoint’s CSS Live Course at the start of July.

Russ: July 5.

Kevin: July 5 it starts, and that comes right after PHP Live that I’ll be leading from the middle of June until the start of Russ’ course. So we’re both going to be doing courses over the next little while.

Russ this isn’t your first experience with teaching the Web to people, right?

Russ: No, no I’ve been doing it for quite a while; far too long.

Kevin: (laughs) Well, you say that but you were very eager to take on this new project.

Russ: Absolutely. I do really love it. Doing projects for people and fulfilling, you know, an end for a website is a great thing. But there’s nothing that really compares to sort of teaching people and have people get something, and that’s a really, without sounding corny, it’s quite an enriching experience.

Kevin: I know what you mean. I guess I first met you through the Web Standards Group, which is mostly Australian but there have been pockets of it springing up around the world. What’s the Web Standards Group do?

Russ: Well, it’s primarily — its purpose was originally a bit of a con. Really what we want to do is just get web developers and web designers together. And early on the concept for web standards was something that was really new to people and something that was a very good vehicle to begin with. And so we just began a group called the Web Standards Group; but primarily it was just about letting designers and developers— giving them a space where they could chat in a mail list, but more importantly where they could meet and sort of have presentations and share and, you know, that sort of thing. So it’s been going for a long while, and they’re meetings that spring up and disappear, so it’s been as you’ve said a lot in Australia, but there have been some in Singapore and Russia and London and New Zealand. So all sorts of different countries have taken up at various times and ran meetings for periods.

Kevin: So Russ is in Sydney and I’m here in Melbourne. So I only sort of kind of knew you were the leading force behind the Web Standards Group, but of course we were doing our own thing down here in Melbourne. I really got to know you recently, though, when you invited me to do the CSS courses around Australia— sorry, not CSS, JavaScript. The material for that became the core of the JavaScript Live course that I led last month, and that was a lot of fun.

You’ve been doing workshops for how long now?

Russ: Um, it’s probably about five years.

Kevin: Five years.

Russ: I do two different sorts of workshops; one is the ones that we did together which are sort of like a series which we travel around different countries. But a lot more of my stuff is actually just onsite training where a company will get me in and have anything from three to ten developers or designers, and I just teach them for a day, which is also a lot of fun.

Kevin: Hmm. So this sort of stuff, the Web Standards Group, the workshops, it all sort of started around the same time for you.

Russ: Yeah, I suppose. I guess probably like you, when I began it was a very frustrating experience learning CSS, and there wasn’t a lot of resources out there at the time, whereas now there’s books and everything’s out there. So it really began out of, it was painful for me, it’d be great if I didn’t make it, you know, if I could stop some of that pain really.

Kevin: Hmm. So as a web educator I guess you are continually being exposed to people who are just learning web design for the first time. I find that something I struggle with. Working at SitePoint in an office environment surrounded by people who live and breathe the Web, every once in a while I have to stop and remind myself that not everyone knows this stuff as well as the people around me. And you know that article that we wrote five years ago about getting started with CSS might not be the best way to learn CSS anymore.

Russ: Hmm.

Kevin: So it’s exciting to come back to these concepts in a new format, for me, and refresh my memory as to what it means to learn this stuff for the first time and also see how it’s changed so much since I last looked at it from the beginner’s perspective. How for you— Is the Web changing a lot for beginners these days?

Russ: Oh, yeah, I completely agree. First of all your first point I think that yes we constantly have to put ourselves in that mindset. I think that there’s a lot of articles written out there that are really good articles, but often they’re written from a perspective of someone who understands the Web, and so it’s very important that we go back down to—“down to”, it sounds really derogatory—sit at a level where you can discuss things that make sense to everybody. And in terms of how it’s changing, yes, it’s constantly changing. When I was learning CSS back in the dark ages, there was really very little, I think there was like three or four websites that did it, and so there was very little resources out there. And there was, you know, one of Eric Myer’s books or something like that.

Kevin: When you see “websites that did it” are you talking about like CSS, full CSS layout design?

Russ: Oh, no, there was none of them, and probably same as you when you start a move to CSS there was no big websites that were actually doing it. There were— what I meant was there were resources that explained how CSS worked.

Kevin: Oh, right.

Russ: It was a fair while after that when the first rash of full CSS sites came along. I remember when Wired, when Doug Bowman pushed Wired out, that was probably a real tipping point when people suddenly realized, hey, this has gone mainstream now. But there was a period before that when, you know, a lot of people talked about it, it was much more theoretical; “we should be doing this.”

Kevin: Well, yes, CSS was an optional extra for years.

Russ: Yeah. And it was a frustrating thing because it was, you know, you’re battling with Netscape 4, which probably many of your listeners would have no idea what it was, but basically it was a bundle of pain.

Kevin: (laughs)

Russ: But, yes, it’s changed radically. I think the biggest shift is in some ways beginners are now dealing with overload of information whereas when I was learning it was a, you know, a lack of information. So now it’s not a matter of being able to find it, it’s just there’s so much information out there it’s more a question of where do I start? And there’s a lot of articles that provide a great deal of information, but a lot of them don’t start right at the base level and say here’s some basic building blocks, let’s build up from there.

Kevin: When you talk about information overload it’s also the fact that, you know, if you expose yourself to that wide range of resources you find a lot of mixed messages and a lot of conflicting information.

Russ: Yeah. Absolutely. I think one of the classic examples of that is this concept of CSS reset where, for those who haven’t heard of that, that’s about, I suppose it’s about putting CSS back to a level playing field where you can force all browsers to render pages in the same way and then build your CSS up from that. And there is very contentious issues, opinions out online; and yes, if you’re new to it you can read something and think okay that makes sense and, you know, then five minutes later come across an article which categorically denies everything stated in the other article. So, yeah, it is; there’s a lot of stuff not only to address but also to work out where you stand when you’re learning.

Kevin: And I know, you know, when I was setting up the JavaScript course I went back and because we had this book that I had written relatively recently, but I wanted to bring in as many of the old examples and resources as I had collected over the years. And looking at some of the old stuff I had done I was looking at it going, wow, today that’s really bad advice and it’s still out there.

Russ: Yeah. Every course I run I start by saying, by the way, I’ve left a trail of destruction behind me, and I think all of us do; whether we admit it or not is another matter, but you change your methodologies quite regularly and you look back at stuff you did a year ago, two years ago. Hopefully you look and go I can see why I did it, but I’d do it slightly differently. But the further you go back the more you start to go, my God, what was I thinking, so I think it’s pretty important.

Kevin: It’s something we’re working hard to get really a little more humble about at SitePoint. You know, we have books like—books with words like “the right way” in their title.

Russ: Yes.

Kevin: And they’re great books, but especially now on the Web in the past few years I feel like things have started changing so quickly that you really can’t, I mean you could say today this is the best way to do this particular thing, and I can prove why that’s true today. But it’s really hard to pick even the simplest technique on the — that goes into building a website at the moment and saying that that is going to continue to be the best way even in six months time. So I felt like I’ve had to stop blaming people for following bad advice, and it really calls for a change of approach.

Russ: I couldn’t agree with you more. I mean one of the things starting in the Web Standards Group sort of movement quite early, I mean obviously there were people well before I came on the scene, but one of the things that I used to really find of concern was that people would talk about simple things in black and white terms; this is the way to do it, that’s not the way to do it. And I always found that, one, it was a big turn-off to people just starting because to say to someone you must do it this way when they may not be able to from a skill perspective or from a software perspective or from a CMS perspective, it’s not a great approach. But as you say, you know, what’s right now may not be right in future.

The other thing is that sometimes it’s completely debatable. I think early on one of the first lessons I learned about that was when I think it was SimpleBits put out those quick quizzes which would say how would you mark up this solution?

Kevin: Oh, wow.

Russ: And the massive range of ways that people came in and argued vehemently that this was the best way, it became quickly clear that even something like semantic markup was so much personal opinion involved.

Kevin: Yeah, it’s subjective at times.

Russ: Yes!

Kevin: When we’re hiring developers at SitePoint we have for various types of positions we have different tests that we can administer, and some candidates will just give us their answer, some candidates will go, well, your question is flawed because this is a gray area, and here is my essay on the various options and why you would pursue one over the other.

You know, if someone gives us what we would consider a correct answer they get full points for that, but if someone goes to the trouble of explaining the pros and cons of things I’m thinking, I’m starting to think that maybe they are better suited to a career as a web educator than a developer.

Russ: Yeah, I think you’ve hit it on the head that a lot of designers and developers are very sure that their answer is correct, and that’s fine, but as an educator, I’m not sure I like the term, but as a web educator you have to be very careful about making categorical statements in any shape or form.

Kevin: Hmm. So with all of that in mind, you’ve signed up to participate in this ongoing experiment that we have at SitePoint, these new Live courses, and I’ve said a whole lot over the past couple of months about how exciting this is for me. What really sold it for you, because I don’t feel that I had to twist your arm a whole lot when I brought this up?

Russ: What sold it for me? Well, I suppose the biggest thing for me was I’ve been doing a lot of stuff in front of people, standing in front of people talking about CSS in the past. But something that this offered was just something brand new. There are a lot of online courses and there are a lot of workshops that have covered, but very rarely have I come across something where it’s kind of the whole range in one place. And when you described the course to me, you know, I was pretty well sold on the spot; the idea that you can have courses that are sort of based on a day or a lesson, and that they involve a range of different media so they can involve videos and articles and presentations. And then on top of that you can have places where people can go and chat directly after the lesson and share their ideas. I mean it’s pretty well got everything that you need, and then you talked about the Q&A sessions and that’s where on top of all that they can talk live to the person running workshop, the course, so it’s an amazing setup.

Kevin: Yeah, what’s— Like, I talk about JavaScript Live in the past tense at the moment, but the fact is that we ran the course in this live format where three thousand-some odd people signed up and they were taking the course together over three weeks. And while that was going on the doors were shut, we weren’t accepting any new people into the course. But in the past week we have re-launched JavaScript Live as sort of a non-live version. So all of those materials, those 12 lessons plus three Q&A sessions and a private forum, that stuff you can now buy access to that stuff and start taking it at your own pace.

Russ: So what happens to the Q&A live? Are they cloning you and putting you in…?

Kevin: (laughs) Well, that’s the thing. It’s kind of the non-live version of JavaScript Live, so you can watch the Q&A session that was run last month, and it’s reasonably up to date. But when you were talking about the fact that this— that there’s no right answer anymore and things are really changing very quickly, that’s what’s exciting about this for me because we developed that course sort of on the fly. And I was building the second week of the course while people were going through the first week.

Russ: Oh, no, don’t tell people that. You were professional; you had it all completely set up.

Kevin: (laughs) No, this is a feature of it to me.

Russ: Okay. (laughs)

Kevin: Because people were asking questions, and when I realized that something was a sticking point or a little confusing in the first week, I could address it in the second week.

Russ: Yeah.

Kevin: And as we went through the course I’ve taken notes for myself as things that could be clearer, and in some cases there were people who were taking the course, they were taking it kind of as a refresher, but they knew JavaScript fairly well. And they would push me on certain issues and go, well, why are you doing it this way when I think doing it this other way is just as good?

Russ: And so in those cases did you immediately kick them out and say you’re not welcome back?

Kevin: (laughs) Yeah, that’s right, we put them in a separate forum where they could play by themselves.

Russ: (laughs) The troublemakers.

Kevin: (laughs) But the thing is although we’re now offering a static version of the course, I’m really looking forward to going back and re-offering the next live iteration of that same course and taking the opportunity to tweak and refresh those materials. And rather than have these articles that you publish once and that stick around for years on the Web and become stale and out of date and become sources of bad advice for people, these courses I’m really hopeful that the interactive nature, the fact that the instructor is in constant communication and going through this feedback cycle with the course participants, that it’s going to allow those course materials to be refreshed and improved and kept up to date over time.

Russ: Yeah, it’s a great idea. I think one thing you might have to do, though, is for these ones where they’re not quite live; it might have to be relabeled semi-live.

Kevin: (laughs) Not live; JavaScript not-so-live.

Russ: Something else, I noticed that teaching CSS over these years, um, that it’s constantly iterated for me that I’ll put something out there and I’ll try and explain it, and you can see in a classroom setting where people look at you blankly and you go, man, I won’t explain it that way again. And so the next time round you explain it differently and after a while you quickly see that people, if you explain it a certain way, people go yes I get it. And so over five years you build up quite a good understanding of how not to explain something.

Kevin: Uh-huh.

Russ: Obviously it’s permanently changing, even over the course I ran with you around Australia, I noticed that over the four days that I ran the in-depth workshop, and probably you felt the same, that you would explain something or talk about something and over the four workshops you’d explain it slightly differently or add something in slightly differently. So it’s a permanent, permanent iteration.

Kevin: Yeah. And what I find with these courses is the social aspect of it means that even if, you know, not everyone will understand the same explanation. If you come up with the perfect explanation for CSS positioning contexts, to pull something out of the air, even at your best you’re only gonna get 90 percent of the people to completely click in on your way of explaining it.

Russ: Absolutely.

Kevin: But the fact with these courses, that 10 percent who don’t really get it immediately hop in the forum and go I didn’t really get it when Kev was talking about this. And the other 90 percent of the class are really keen to share their newfound wisdom, they’ve just managed to understand this tricky concept, and they’re really excited to share that knowledge. And what you find is five people jump in on that forum thread and explain it in their own way.

Russ: Oh, that’s fantastic.

Kevin: And so if you don’t get it the way the instructors explained it, you’ve got five other students jumping in within minutes ready to teach it to you their own way. And so it’s really exciting; if you don’t get it the way one person explains it you can try someone else’s explanation and someone else’s explanation. And I’ve yet to see someone walk away from the forum going, yeah, I really don’t get this, sorry this isn’t working for me. It’s surprising.

Russ: I’m really looking forward to this. It will be a lot of fun. And if nothing else then we can steal some of these explanations.

Kevin: (laughs) Yeah, exactly. I’ll be taking notes, people, taking notes.

So you’re teaching the CSS course.

Russ: Hmm-mm. I’m sorry, is that what I’m doing? I thought I was doing Flash.

Kevin: (laughs) That’s next; we’ll get you to do Flash next.

Russ: God, no, don’t do that.

Kevin: So why — like what has you excited about CSS at the moment? You got me to come and teach the JavaScript course, and Roger Hudson was teaching the Accessibility course; you know this stuff, you chose CSS to teach yourself. Why is that the cherry topic for you?

Russ: Well, number one, I don’t know anything about JavaScript, so there goes that option.

Kevin: (laughs)

Russ: I suppose it’s always been a passion. And to answer your question about where we are now, I think it’s an amazing time to be learning CSS because I don’t know about you, but for years there’s been all these amazing selectors, for example, that I just haven’t taught people simply because there’s nothing worse than standing in front of a group and saying here’s a selector that is fantastic but you just can’t use yet.

Kevin: Yeah.

Russ: And we’re on the cusp now where a lot of this stuff can be used. And so there’s a real change in — you know for the first time this year even in the basic course I taught every single selector. And I said these are really worth knowing now because, you know, IE9 is coming along and it’s a time when we can really accept that all browsers are on the money. So it is a fantastic time to be sort of in this industry and learning about CSS.

Kevin: Yeah, during that Internet Explorer 6 lull there was just, you know, the browsers stopped moving but the standards kept moving forward. And those of us who had come to grips with what you could do in browsers today, it was very easy for us to get excited about what might be coming next. And you want to tell everyone what might be coming next, but to someone learning CSS for the first time, and considering it as a new tool, it’s kind of — I mean it must ring really hollow when you go here’s the most exciting thing about CSS but you can’t use it yet.

Russ: Exactly right.

Kevin: And they go, you might as well have just made it up, there’s no practical use for that in the real world.

Russ: I think you’ve hit it on the head. I used to — in the very beginning I used to teach people everything that was possible, and then there’s a huge gap between the theory of CSS and the real world of CSS, even today. And so I quickly changed and moved back to teaching ways that you can basically walk out the door and use it on the spot. And luckily now that gap between theory and reality is much, much tighter than it was. But for those that were before the IE6 era, the Netscape 4 era was far worse. So for people that have been round even longer—

Kevin: I must have blocked it out.

Russ: (laughs) But that period was far, far worse, so. A lot of people used to whinge about IE6 and I kept thinking you should have been around during the Netscape 4 era.

Kevin: Yeah. So does that mean in five years time people will going, wow, that Firefox era, that really sucked.

Russ: (laughs) Well, you know, what’s interesting is that you look at the mobile space, and to me the mobile space is reminiscent of the early browser wars era. You know, in the early days we had all these different devices and they’re all doing different things, and it was a chaotic landscape. And if you look at the mobile industry that’s the same, and even some of the CSS3 selectors, some of those sort of areas where in order to make a CSS3 selector work you have to do vendor specific properties and things like that. So in some ways what’s old is new again.

Kevin: Hmm. So what has you most excited in the CSS world at the moment? I know you talked my ear off for about half an hour in Brisbane about media queries; is that where you heart is at the moment?

Russ: Yeah, I suppose. I think a lot of people focus on CSS3 and the cool factor. So they’ll be talking to you about drop shadows and transitions and things like that, which I think they’re all great and obviously round corners and things like that. But to me I think the two most amazing features that people should be really be getting a handle on are CSS3 selectors and media queries, because those two are like the ultimate weapons for designers and developers. They allow us to build websites in amazing new ways. And also in terms of selectors they allow us to target different aspects of the code with minimal mark-up, and I think that’s something which I know that you’re in the same boat, that the cleaner you can keep your markup the better. And with CSS3 so much more power enables you to target onto elements and say make that element red, etcetera.

Kevin: So let’s shift gears here a minute and talk about your other project. Gosh, you have no shortage of things to keep you busy, Russ. But tell us a bit about Full Code Press because down here in Australia Full Code Press is a big deal, but I suspect there’s plenty of people listening who haven’t heard of Full Code Press.

Russ: Yeah, it’s an interesting idea. It came from a guy called Mike Brown from— he runs Webstock in New Zealand, and basically just rang me up one day and said why don’t we do a competition between Australia and New Zealand for bragging rights. But the key point of it was that it would be for charity. So basically the idea is that two teams, one from Australia, one from New Zealand, are given a charity, a real charity website, and they’re literally given 24 hours. So at the start of the competition they’re literally handed their clients, physical clients; they sit down, they get a brief, and 24 hours later they have to have full and complete website. And it’s an amazing competition to watch; I’ve never participated in it being an organizer, so I’m sure it’s hell for the participants—

Kevin: (laughs)

Russ: —but I don’t care about them. What’s been amazing is that seeing the clients walk away with a complete website has just been quite a staggering thing that they’re genuinely so appreciative of what these teams are able to achieve in such a short time.

Kevin: Do you find that, I don’t know, do you find that these sites that are generated could be accused of being demo-ware, that they’re just barely able to hold up to scrutiny of a judging panel but you wouldn’t want to actually put them out on the Web the next day? Is there more work to be done after Full Code Press is over?

Russ: Well, there are two things here. One, both these are good points; one is that after they were handed over, in almost every case the team has gone to the client and said this is pretty well ready to go live, but there’s a couple little things if we’d had more time we’d like to do. And in most cases just off their own back the teams have chosen to work a little bit extra to tweak some things that they would like to have seen improved over that 24 hour period.

But I think the bigger question is what’s the quality of what’s being handed over. And in all years we’ve had a serious panel of judges, like it has been quite a rigorous process. And the judges have always been really impressed with the quality of the product. And I think a lot of people forget that— they look of it is you’re building a site within 24 hours; what they often forget to realize is that really in the past years it’s been seven people. So if you put seven people times 24 hours, I’m no good at maths, but that adds up to a lot of hours. And the reality is on small projects the amount of time you put in that 24 hours is almost equivalent to a small team working on a non-for-profit website anyway. So it’s not that far removed in the actual hours that would have been spent, it’s just all condensed down into a panicky, sweaty 24 hours.

Kevin: Yeah, my calculator says that’s 168 man-hours, and that is pretty significant.

Russ: Yeah, I think when you look at it like that if you were to say to someone, you know, could I build a website in 168 hours start to finish, you’d say absolutely. And I think it’s just the way you look at it; people focus on the 24 hours rather than the actual person hours, if you know what I mean.

Kevin: So I know last year there was a bit of a clash between the two teams, and one of the teams used like a ready-made content management system, and the other sort of did a build from scratch kind of approach; is my memory serving me right?

Russ: Yes. Well, it’s actually both years in fact. And oddly enough, in both cases the New Zealand team built from scratch and the Australians chose I think the first year I believe it was either Drupal or Joomla — I think it was Drupal, and the second year, last year, was WordPress.

Kevin: Yeah. Well I know Brad Williams, one of our regular co-hosts would approve of the choice of WordPress. Did that site win?

Russ: No!

Kevin: (laughs)

Russ: In fact, as embarrassing as it is to admit, the Australian team has, I’m not going to use the word lost, come second on both occasions.

Kevin: (laughs)

Russ: This year — this year there’s three teams because there’s the Dream Team coming from the States.

Kevin: Whoa!

Russ: So it’s held in Wellington, and this year it’s not only the Aussies versus New Zealand, but Aussie versus New Zealand versus USA, so there’s gonna be some blood and sweat on the floor for sure.

Kevin: Gee. I was gonna say I could see this model working as a Canada versus the United States in North America.

Russ: Absolutely.

Kevin: Maybe even Britain versus France in Europe, something like that; I’m sure there’s some national rivalries that you could exploit.

Russ: Yeah. Well, oddly enough, when we first — when we ran the first event we went all sort of open sourced and said actually what we can do is just open this up to competitions around the world. And we sort of started to put our feelers out there to see who’s interested, and then were just bombarded with people from around the world just saying we want to take part. And we had to take a step back and just went, hang on, this is a huge undertaking. So it’s something we’re still interested in, but I mean both Mike and I have to run jobs and things like that, and really to do that, while it would be amazing, it would be like a full time career.

Kevin: Right.

Russ: So it’s something that we’re interested in doing, but –

Kevin: We could kiss our CSS Live Course goodbye is what you’re saying.

Russ: (laughs) For sure.

Kevin: So when is Full Code Press kicking off this year?

Russ: It’s kicking off, he says looking at the website dates, 19th and 20th of June, so quite soon.

Kevin: Alright! Wow, so that’ll be done and dusted by the time your course starts up.

Russ: Yes, and oddly enough, I think I can hear Mike’s voice in the back of my head saying, Russ, make sure that you tell them about the workshop you’re running over there.

Mike asked me to run a CSS workshop I think the two days before Full Code Press takes place. So –

Kevin: Hopefully not for the benefit of the teams.

Russ: (laughs) God, no!

Kevin: (laughs)

Russ: If the teams are sitting in on the workshops we’ve got a lot of problems on our hands. No these are — I think that we can call them crack teams; is that a word you use, crack teams?

Kevin: Oh, absolutely. So you’ve got the dream team, you’ve got the crack team, which I assume is the New Zealand team.

Russ: I don’t know, I think the word crack has too many bad connotations, so we should stay away from it (laughs).

Kevin: (laughs) So Full Code Press is coming up June 19th, we’ve got PHP Live starting June 14th, that’s me running that for three weeks, and then on July 5th we’ve got Russ starting CSS Live. And you can take JavaScript Live, the non-live version, right now if you want to get started.

So thanks for joining me today Russ.

Russ: It’s been an honor.

Kevin: It’s been a great chat. I look forward to a de-brief after our two courses are over because, yeah, its exciting stuff and I can’t wait to see what you thought of it in retrospect.

Russ: Yeah, I’m sure it’s gonna be a lot of fun. I can’t wait to meet people in the forums, and if it’s as good as you say I may never leave; I may just dive into the forums and never come out.

Kevin: Ha, ha, ha, ha. Well, they’ll need to find someone else to run Full Code Press next year.

Thanks again, Russ.

Russ: No worries.

Kevin: And thanks for listening to the SitePoint Podcast. If you have any thoughts or questions about today’s interview, please do get in touch. You can find SitePoint on Twitter @sitepointdotcom, and you can find me on Twitter @sentience.

Visit sitepoint.com/podcast to leave a comment on this show and to subscribe to get every show automatically. We’ll be back next week with another news and commentary show with our usual panel of experts.

This episode of the SitePoint Podcast was produced by Karn Broad, and I’m Kevin Yank. Bye for now!

Theme music by Mike Mella.

Thanks for listening! Feel free to let us know how we’re doing, or to continue the discussion, using the comments field below.

Related Posts

  1. SitePoint Podcast #39: Web Futures with Alex Payne
  2. SitePoint Podcast #31: SitePoint Cofounders Mark & Matt
  3. SitePoint Podcast #51: Real Web Designers Get It

SitePoint Podcast #63: There Are Two Webs

Episode 63 of The SitePoint Podcast is now available! This week your hosts are Patrick O’Keefe (@iFroggy), Stephan Segraves (@ssegraves), Brad Williams (@williamsba), and Kevin Yank (@sentience).

Listen in your Browser

Play this episode directly in your browser! Just click the orange “play” button below:

Download this Episode

You can also download this episode as a standalone MP3 file. Here’s the link:

Subscribe to the Podcast

The SitePoint Podcast is on iTunes! Add the SitePoint Podcast to your iTunes player. Or, if you don’t use iTunes, you can subscribe to the feed directly.

Episode Summary

Here are the topics covered in this episode:

  1. Google Introduces WebM Video Format
  2. Google Introduces Google Font Directory
  3. First Look at Google Chrome Web Apps
  4. Twitter API Basic Authorization Ends in 5 Weeks

Browse the full list of links referenced in the show at http://delicious.com/sitepointpodcast/63.

Host Spotlights

Show Transcript

Kevin: May 28th, 2010. The Google IO conference brings big news for web video, fonts, and applications. I’m Kevin Yank and this is the SitePoint Podcast #63: There Are Two Webs.

And welcome back to the SitePoint podcast. As always I am Kevin, and I’m with Patrick, Stephan, and Brad once again. Hi guys!

Brad: Hey.

Stephan: Howdy doody.

Patrick: Hi Kevin.

Kevin: I missed you last week.

Patrick: Did you?

Brad: You can be honest.

Kevin: Yeah!

Patrick: Had a nice vacation? No.

Kevin: Last week was your live cast from WordCamp Raleigh. How did that go?

Patrick: It went great actually. It went really smoothly. We had a lot of help from people on the ground, let’s say, that know the technology of podcasting far better than we do.

Kevin: (laughs)

Patrick: Like Dave Moyer from Bitwire Media, and an AV assistant that was on site, and Dave basically ran the technology for the show; mics, mixers, USTREAM video, and so on. We focused on the content. We had 11 guests and gave out 33 prizes and it went surprisingly smooth I’d say. You can watch a live — you can watch the broadcast recorded on USTREAM, it’s at ustream.tv/recorded/7124319, or if you go to sitepoint.com/podcast and scroll down a little bit you can see the live stream and you’ll be able to find it from there.

Kevin: Hmm-mm, yeah. I heard the audio sounded really great. Those guys who were helping you out with the set-up did a really good job, really impressive work.

So that live podcast is unofficially dubbed podcast #62. So if you’re seeing this one, 63, what happened to 62? 62 was that live podcast. But if you don’t feel like watching the entire two hours on the USTREAM website, rest assured the highlights of that show will be released in future interview weeks, right Patrick?

Patrick: Yeah, I think we’ve decided to release them in probably four episodes, the interviews themselves in chunks about — basically broken up into segments of interviewees; so the WordCamp Raleigh organizers, book authors, podcasters, theme guys, and maybe video bloggers. So it might be four to five grouped together by subject, but they will be out in the next probably two months I would guess.

Kevin: Hmm-mm. and how was the rest of the conference? Did you get to take it in at all or was it all live broadcast mania?

Patrick: Well, it was a lot of fun. It was good to meet Brad for the first time in person. I’ve met Stephan before at conferences a couple of times, but this is the first time we got a chance to hang out, and we all, me and Brad both had talks, I think they both went well and I enjoyed Brad’s and learned some things, and yeah, I go for the networking, to meet people and talk and it was a lot of fun.

Kevin: Brad you must’ve been in your element at the WordPress conference.

Brad: I am definitely in my element. I would go to one every weekend if I could to be honest. They really are a great time, and I mean like Patrick said, not only the presentations but the networking really is invaluable. So if you’ve never been to one I highly recommend finding one around you; there’s one or two almost every weekend, so at some point one will be nearby so definitely be there.

Kevin: But there was another conference going on last week, and if the organizers of WordCamp Raleigh will excuse me saying so, I think it was a bit bigger. The Google IO conference was stealing headlines left and right. I think when Google decides to do something like that just all eyes turn towards them inevitably because I didn’t hear anything that didn’t originate at the Google IO conference last week I don’t think. We have picked and choosed the highlights, the things that stood out for us for web developers from that conference.

And the first one was Google’s new web video format. Now, Stephan this is something they had predicted was gonna happen, right?

Stephan: Yeah, I think so. I think that people were kind of expecting this and it uses Vorbis, right, for the audio.

So, I mean I think people kind of thought this was coming, and I guess it’s kind of good to see, you know.

Kevin: As a recap, all of the browsers had settled on H.264 which is a commercial, patented video format that has been licensed royalty free to content producers on the Web, so we are free to host H.264 video and produce it as much as we like for free at least for the next, I think, till 2015 or something like that; for quite a while anyway. And just the browsers that embed support for playing this back need to pay a licensing fee to the owners of that format. And this was not satisfactory to people who are, you know, very standards minded and want the Web to be free and freely implementable. The theory is that you should be able to write your own web browser without having to pay anyone for the pleasure of using that technology.

And so browsers like Firefox had put their foot down and said, look, we’re not going to support H.264 video, and the only alternative for a while there was Ogg Theora, excuse me, it’s difficult to say; Ogg Theora (laughs) which while free at least for the time being, and there’s some question as to whether any high compression streaming video format can be entirely free of patent encumbrance, but at least for the time being it was free, but the consensus was that it kind of sucked too.

Brad: Yeah, I think this is pretty exciting. I mean video has been one of the biggest question marks with HTML5 for a while now, so hopefully there’s a clear defined winner, and it looks like just about everybody’s supporting them, so it’s really exciting for HTML5.

Kevin: Yeah, everyone except Apple. Apple is the big holdout this time around. So, just to lay it out there, WebM, this new video format that Google is introducing is actually sort of three technologies bundled together. You’ve got, as Stephan mentioned, the Ogg Vorbis audio codec, so the audio portion of the video that you’re hearing is encoded in Ogg Vorbis rather than say MP3 or something like that. So, I don’t know, if the fans of Ogg Theora needed some consolation there’s still some Ogg in this, (laughs) where Ogg Theora was the video format, Ogg Vorbis is the audio format. So Ogg Vorbis is considered pretty decent and that made it in.

The video format, though, is VP8 which is a video encoding technology that Google bought and that everyone was expecting or suggesting at least that Google should open source for the good of the Web, and that sounds — that seems to be exactly what they’ve done.

And finally there is the actual file format that bundles together this audio and this video and that’s called the container format. And it look like they have reused and enhanced the Matroska file format which is also open source and quite popular. But it was always kind of second fiddle to these MPEG-4 formats that are used for H.264. So is — the consensus, and I’ve linked in the show notes to a really big analysis of this WebM video format and how it holds up against H.264 from one of the developers of x264, which is an open source software package for creating H.264 video. So, dedicated as he is to the H.264 format, he sat down and read through the source code of the — at least the VP8 video format that’s going into WebM. And he had a few choice words. In fact, he had a few tens of thousands choice words reading this thing. It’s a lot to get through, but if you skip to sort of the summary sections he seems to grudgingly admit that the technology is actually pretty good here, but the code, the source code, is kind of messy. So if you were going to try and implement your own VP8 video player or video encoder, you had best plan for some late nights reading ugly C source code.

Stephan: Does he expect the source code to improve? I mean I would assume it’s going to over time?

Kevin: Well, it seems like reading it, or skimming it, if I am to be honest, he went in expecting that VP8 was actually quite an immature format and that it had a lot of room to grow. But he was surprised to find, first of all, that a lot of the obvious things you can do in a video format to save space and improve quality have already been done. So he says he expects I think they’re about 80 percent of the way there as far as taking advantage of commonly known video compression techniques to get quality and compression. So he was surprised that they were that far along. He said there’s still plenty of room to go with some really advanced techniques if they are able to implement those in a patent-free, open source way, and that’s what formats like H.264 are sort of taking on at this point. So if they go down that road they can make similar great advances coming forward.

But the other thing was that he thought that this code would be really immature and just sort of thrown together in the last couple of years in a bit of a hurry. But he found there were comments in the source code dating back to, oh geez, 2004. The source code was a lot older, yeah, as far back as early 2004, he said, this source code was a lot older than he was expecting and that made him sort of take a step back and go, whoa, I can’t pardon this code for immaturity; it should be pretty mature by this point. And yet there were certainly messy signs of hackery that he was hoping he wouldn’t find in a mature code base.

So I don’t know what we can expect from a free format, you know, beggars can’t be choosers, right?

Stephan: Yeah, but I mean it’s an alternative, right? I mean it’s not H.264 and it’s something that we can all use and I mean I see it as a good thing.

I don’t know, I mean at the same time I kind of see what happened with Ogg Vorbis too, you know, it kind of died there for a while and no one used it because MP3s became so prevalent. So I’m torn, and I think that Apple not jumping on this and trying to maybe push, since they’re trying to push HTML5 so much, why they’re not pushing this as another open technology I don’t know. So maybe they want to put their boot heel on the throat of Google for producing all these phones (laughs).

Kevin: Reading about it Google announced this and in tandem Firefox announced they’re gonna support it, Opera announced they’re gonna support it, even Internet Explorer said that if you install the VP8 software package that teaches Windows how to play this kind of video, Internet Explorer 9 will support it. And just Google VP Linus Upson says “it’s not a technical challenge; if you look at the other browsers they’ve already implemented VP8, it’s just been a matter of a few weeks.” And I think in the week following Google IO someone said to — well, someone posted one of these Steve Jobs emails where they emailed Steve Jobs at his personal email address and said “Hey, Steve, why aren’t you supporting WebM?” And reportedly he replied just with a link to this analysis of the VP8 format and how messy the code is and all of that.

So it sounds like Apple is kind of holding its breath. I would be willing to bet that if the content producers play along and start converting all of the content from H.264 to VP8 that we might well see a Safari release. But for now Apple is hedging, it’s keeping its bets. And I can’t blame them because all of their mobile devices, all of the iPhones, all of the iPads come with little chips in them that play H.264 really quickly on minimal battery power.

Stephan: Well, yeah. When you invest that much money on something of course you’re gonna want to keep that technology around, right? So it’s obvious why they’re not supporting this.

Brad: But I mean how long can you hold out if basically every other browser out there is going to support this, how long can Apple hold out and say no we’re not? Eventually I think just the pressure is going to get to them and they’re going to have to.

Patrick: You can probably hold out until people like developers and people who make the content and release it actually start to use it in a wide way. I think that’s when it’ll become an issue. Then again, most sites use Flash and Apple doesn’t seem overly concerned with that, so I don’t know.

Stephan: Can they do H.264 you think on the iPads or whatever and then release something for Safari so that it at least supports the format? I mean that doesn’t seem like it’s too difficult just to support the format.

Kevin: It seems like they could if they had to, but it would kill battery life because those devices don’t have hardware decoders for this new VP8 video format. I’m not even sure there’s such a thing as a hardware decoder for VP8. And on today’s Web does it make sense to be standardizing around of format that doesn’t have low-power hardware video decoding on mobile devices. I mean obviously that will come; that will come if this is a successful format, but right now it’s a desktop format.

Stephan: But I mean why can’t they just release a Safari plug-in or an update to Safari that at least supports it in the browser on a Mac or even on Windows; why can’t they do that?

Kevin: They can, but do they want to? Because as we’ve said, obviously if this format gets wide acceptance they are going to have to redesign all of their mobile devices to have new chips in them for playing back this new video format. So it seems like they’re hoping this format will stay the second choice, and so people will continue to encode in H.264 first and then now use VP8 instead of Ogg Theora to support the other browsers like Firefox and Opera that require it. So it’s still a pain for content producers to have to produce two formats for every one of their videos.

And Apple seems to be hoping for that (laughs), which is a shame. It’s a shame.

I don’t know, is there something special about video? Apple seems to be of the opinion that video is special, that we need open, patent-free formats for HTML, for images; all that is fine. But right now video is just too complicated and that it is sensible for everyone who builds a web browser or any device that contains a web browser to pay a license fee to some company that is responsible for that video technology. Is video special; does it get a pass?

Brad: I think it’s a much more complicated thing to do on the Web is work with video, so I think that’s always been kind of the issue is that it hasn’t been to where you have a majority of people that might want to help work on an open source project or something like it, because it is much more involved. So, you know, that might be a part of it.

Kevin: Well, I mean if you took the — if everyone on the Web took the same hard line that Mozilla and Opera are taking, that they will not support or endorse any video format that isn’t completely free, then we wouldn’t have iPhones that can play video. We wouldn’t have iPads that can play video for ten hours on one battery charge. These devices wouldn’t exist because the technology for doing low power hardware decoding of video is entirely locked behind patents; it’s owned by commercial companies right now, there is no open source format that let’s us do that. So video on mobile devices would be where it was five years ago right now which is basically nonexistent. And would that be acceptable? Because that seems to be what Mozilla and Opera are saying we need to do for the good of the Web.

Stephan: Well, we’ll just wait till Google releases a chip that on an Android phone plays this new format.

Kevin: That would be the big game changer.

Stephan: Yeah. I mean and then you’re going to have people clamoring –

Brad: Checkmate Apple.

Stephan: Yeah, checkmate.

Kevin: (laughs)

Patrick: iPhone market share drops from 97 percent to 95.

Kevin: But I have to congratulate Apple for pushing the game forward. They sort of say look we’re not afraid to embrace a little commercial technology to show where these things can go and prove that video in your pocket is something that people want, and then they allow the standards bodies and the Firefox’s and Opera’s of the world to bring up the rear and insist on free and open technology for doing this stuff before they support it. But meanwhile Apple is pushing on to the next thing; it’s like there are two webs, there’s the proprietary experimental web that Apple is playing with, and then there’s the open standard web that Firefox and Opera are playing with, and as a user you’re kind of expected to choose whether you realize what you’re choosing or not.

Patrick: What type of web are we playing with?

Kevin: Yeah. Well, as content producers we’re stuck in the middle. Right now we have to produce content for both formats in order to support as many browsers as possible. So it is the content producers who are suffering here. Oh, it is a tough life; it’s a tough life. And (laughs) Google is trying to make our lives easier with their Google Font Directory which is the second big thing that they announced at Google IO last week, and this one was really exciting to me.

Who else is really excited about the Google font directory? Am I the only font nerd here?

Brad: You love your fonts.

Kevin: I do! I do! I don’t know why I’m in podcasting, there’s no fonts in podcasting.

Patrick: It’s a catchy name, fontcast.

Stephan: Yeah, it’s a fontcast, yeah. Kevin’s font hour. Yeah, I mean this is cool and all, I just don’t know if I’m — the cool factor hasn’t hit me yet I guess. It looks neat but I gotta use it.

Kevin: So the idea here is you can go to code.google.com/webfonts, all one word, and there is a collection here of some 20 or so fonts that Google has decided to foot the bill for. We’ve seen in the past year services like Typekit launch and enable web designers to go and pay licensing fees in order to include these new custom commercial fonts in their web designs. So if there’s a particular font in the Typekit library that you really like and you want to use on a website that will display in modern browsers that support downloadable fonts, well, Typekit will let you pay them for that privilege, but it still — that’s a bit of a mental barrier, I think, when all browsers support four maybe five fonts that you can reasonably assume will be present on the system, people tend to limit their thinking and their design choices to those free fonts. And making the decision up front to go, alright, I’m gonna dive into that Typekit library and find something more suitable to my brand to put on my website, and I’m going to plan to pay for that, it’s a tricky decision to make up front, and I think that keeps a lot of designers from diving into these custom fonts.

But Google now is saying forget about all that paying stuff, we’re paying for these fonts. Not only are they paying the licensing fees on these fonts, they are also hosting these fonts for you. So all you have to do if you want to use any one, or any combination of these fonts in your web pages, is include in your webpage a link tag that links to a piece of CSS code that Google again hosts, and it includes that font in your page and then you can go nuts. So it’s like we’ve just gotten an upgrade and every modern web browser now supports 20 more free fonts.

Brad: Even IE 6.

Kevin: Not IE 6, I’m afraid, no.

Brad: No, it is supported.

Kevin: Oh yeah, you’re right!

Brad: It says on FAQ.

Kevin: I keep forgetting that Internet Explorer has supported downloaded fonts longer than most other browsers.

Stephan: So this is cool and all, but what is Google getting out of this? That’s what I — they gotta –

Patrick: Google loves us. They just want a better web for you and for me; your children Stephan.

Stephan: No, no, that’s — that is a dangerous idea, right; there’s a saying, right, that corporations are like bricks, bricks can’t love you back. You can love the brick but they’re not gonna love you back.

Kevin: (laughs) I haven’t heard that saying. I have heard don’t look a gift font in the mouth.

Patrick: Who coined that, Kevin Yank?

Kevin: (laughs)

Stephan: So I’m just like what is Google wanting from this?

Kevin: To hear Google describe their strategy, anything that gets people to browse more web pages that contain more Google ads in them the better it is for Google. So everything they do is geared to make people more addicted to clicking the next link in their web experience. I don’t know if fonts do that.

I agree with you. This kind of stands out as a ‘huh’?

Stephan: This is a little strange for them. Almost as strange as Web TV; it’s a little weird.

Patrick: I think a lot of these fonts are accent fonts. I mean if you open up the previews when they get down to the 12 or the 14, kind of the normal text size, one might say, they’re just not as clear as some of the standard fonts I guess. I don’t know, I think it’s cool to have variety though, and it’s cool to have it work with everyone, so it’s a good thing, but like Stephan I always kind of look at Google and wonder.

Kevin: There are at least two fonts here that are really, um, I think we’re gonna see them overused very quickly. They’re very showy, very sort of character fonts; Lobster and Reenie Beanie are these two fonts — font names: don’t get me started. But Lobster especially I think we will be seeing on a lot of websites as sort of the logo text at the top and it’s going to become overused.

But, there are at least two-thirds to three-quarters of these are quite, I would call them plain and readable and workhorse fonts that you could very easily use for paragraph text. And there’s even a nice mono-spaced font, so finally at last we can get rid of Courier New for showing off code when we want to do a tutorial of some kind. I’m really looking forward to replacing all of the code listings across SitePoint with Inconsolata, which is the nice new monospaced font that they included in this collection.

Patrick: As you read these fonts it makes me think of dinner. What’s the house special? Well, Mr. Yank, the Lobster Reenie Beanie is quite delicious.

Kevin: (laughs)

Patrick: And would you like that with a side of Inconsolata?

Kevin: (laughs) Can I interest you in a Molengo? Yeah, I see what you’re saying.

Does anyone else see any rendering glitches when they scroll up and down this page? I’m in Safari and Safari, while it does support downloadable fonts; they’re still kind of pushing the bounds, and I think having 20 of them in the one page is kind of pushing the limits because the dot on the I in Nobile has sort of fallen off the I and is sitting on the baseline between the B and the I. And when you scroll up and down a little erratically you tend to find text is only half painted in places.

Stephan: That’s an Apple problem (laughs).

Kevin: Yeah, it is an Apple problem and I think the fact that Google has released these 20 fonts is finally going to push browsers to fully — implement full and robust support for these downloadable fonts. It’s kind of been at a technology demo stage for the past year. Kind of the browsers have done just enough to make this feature available and they’re kind of waiting and seeing if it gets used before they invest any more time in it I would say. And Google is really hoping to tip them over the edge and force them to fully support this stuff.

Patrick: I’m in Firefox and I was gonna say the fonts actually look pretty good to me across the board. But then again on this main page they’re all at probably the 40/44 pixel size, so it may a little easier to look good at that stage. The Canterell font at the top though just looks a little sketchy to me, I don’t know, maybe that’s the style it is, but it’s like rough around the edges so I don’t know.

Kevin: Hmm, it’s pretty sharp. Yeah, you’re on Firefox on Windows as well, which for a while there had a reputation for horrible custom font rendering. So it’s really encouraging to hear they even look good in Firefox for Windows because that’s kind of a worst case scenario I’ve heard.

Patrick: Well, thank you.

Kevin: (laughs) Patrick! The worst case scenario.

Patrick: My computer setup is the worst case scenario, awesome!

Kevin: Maybe if you were running Firefox 2 still you would see worse results.

Patrick: At WordCamp Raleigh we were talking about how I still have yet to download Google Chrome, so.

Kevin: Oh, well. Speaking of Google Chrome, that was the third big announcement at Google IO, the coming soon in Google Chrome is Chrome Web Apps and specifically an app store for the Web.

Stephan, are you impressed by this as a fellow iPhone user who has been once or twice around the app store?

Stephan: Yeah, I think it’ll be a cool deal. I’m kind of looking forward to it a little bit.

Kevin: Really?

Stephan: Nothing really excites me much more about the iPhone, you know, nothing comes out.

Kevin: It’s done.

Stephan: Yeah, this is kind of — this is kind of getting me a little fired up.

Patrick: Hot and bothered.

Kevin: The screenshots that TechCrunch have look kind of neat. I have to admit the idea that web pages aren’t things that you have to remember the addresses of and bookmark and visit, they become sort of icons that are permanently housed in the tab bar of your browser of choice, and you can launch these Web applications be they Google Mail or Calendar or Yahoo! Mail or whatever it might be; you just click these icons that float permanently in the tab bar of your browser, or at least that’s how Google is planning to do it in Chrome, and launch these as if they were applications installed in your browser. And whatever additional privileges these applications would need to do their jobs really well, whether they need access to your local hard drive to store cache files so they run quicker or work offline, whether they need access to other parts of your webpage or access to communicate with other websites, all that stuff they ask you for that permission when you “install” them in your browser rather than bothering you every time that one of those privileges like, for example, getting your Geolocation information, rather than bothering you every time. So it kind of looks slick. I’m not sure I want to turn my browser into an operating system, that’s the subtext here for me.

Stephan: And that’s kind of where I was thinking that this was going. Like is this the beginning of Google’s OS, you know, the Web OS that they’ve been –

Kevin: Chrome OS.

Stephan: The Cloud OS, Chrome OS, yeah.

Patrick: Google Chrome Cloud OS, version 1.2 beta.

Kevin: (laughs) Well, this is what they’ve said, they’re gonna release — as successful as Android is and as much as they were talking all about Android at Google IO last week, they have this other operating system they’re working on called Chrome OS, and they want to release these sort of netbook kind of devices that all they do is run the Chrome browser. So you open them up and instantly the Chrome browser pops up, and that Chrome browser is your OS. And so if you want to be able to install applications in any meaningful way on this new Chrome OS device then you need to support applications in the browser. So this seems to me to be those pipes that they’re laying in order to be able to have this Chrome OS be something of a full computer experience.

But how much is that going to affect the way the Web in general works? Is this just going to be a gimmick that you only use on Chrome OS devices or are we going to see new web applications being released as apps that you install in your browser not as sites that you visit?

Stephan: That’s blurring the line again, you know, of what’s in the web app and what’s a tool. I don’t know, I think we’re going to see people get in on this game for a little while and see how it works. I mean did they say if they’re gonna be able to sell them or anything?

Kevin: Yes, yes, developers will be able to sell them; the Google Chrome app store will just like Apple’s app store for their devices enable developers to charge for access to web applications. And Google will handle all the ecommerce and do a nice profit sharing split. And so, yeah, it is an easy platform for monetizing web applications certainly.

Stephan: Did you see the market? Because I know the Android market is one of the easiest — the Android market for developers is one of the easiest to use. I mean if it’s easy to sell a web app on this thing maybe people will pick it up.

Kevin: I think it’s early days, typical for Google IO it’s kind of a just barely got a tech demo working.

Stephan: Yeah.

Kevin: So I think we’re a ways off from seeing the final design. But what they did announce is that, yeah, they’re planning to have a web app store where people can charge for their web apps or release them for free if they want.

I kind of like it as a concept. For a long time I would complain that we are — the fact that you can’t tell the difference between a web page that operates as a document versus a web application that operates as kind of virtual desktop experience just inside the sandbox of your browser. You can’t really tell the difference between those two things when they are just URL’s on the page or just links you’re considering whether to click or not. And that those types of content really should be separate in some way even if they are both considered part of the Web, we have this web of applications and we have this web of pages and they are interlinked, but the line was a little too blurry for me.

So this kind of is a nice step towards separating out those applications and saying alright folks, the applications are over here, they’re things you install in your browser; the web pages are over there, they’re things you visit in your browser. And I kind of like that concept. It worries me that Google is implementing this as something branded Google as a commercial enterprise in support of their browser on their upcoming operating system. It feels uncharacteristically closed to me. I wonder how much of this technology is open; whether a competing app store could open up and sell applications into the Google Chrome OS as well, and whether Google’s app store would be willing to sell into non-Google browsers.

Patrick: Can a competing app store open up and sell apps to the iPhone?

Kevin: Yeah, that would be nice.

Patrick: You know, it’s a weird thing because essentially what we’re talking about, and it’s a few different things, but a browser add-on, I mean we can call it apps, right, or you can call it add-ons or you can call it plug-ins or you can call it software; how many successful paid browser add-ons are there out there right now?

Kevin: Hmm. Yeah.

Patrick: I don’t know. You create a market, I mean the iPhone created let’s say the app store market, but people pay for the iPhone, people pay for their computer, but will they make the leap to say okay a browser add-on adds so much value that I will pay .99 cents or $1.99 or $2.99 or more? Or is it viewed as — will it always be tied to the Web like you pay to subscribe to a website, a gaming website, play games online or you pay to subscribe to this publication; is that the model? Is it essentially always a webpage tab? I mean you’re limited within the browser to what you can do. A browser will always be a browser unless it’s something different entirely, and that doesn’t appear to be the case here.

Kevin: Yeah. A good thought exercise I think is, for example, Google apps. SitePoint uses Google apps just like many companies do to host their email and shared calendars and all that sort of stuff. And we pay an annual fee to use that web application. And so there is an example of a successful web application that is charging for its service. But if you bring that into this Google apps marketplace, and you make it something that you go to in your Chrome browser and you install in your Chrome browser as a tab and the Chrome app marketplace says that will be twenty bucks for a year of access please, and you fork it over, then you go to your friend’s house or you open up your iPhone and you want to access that application not as a Chrome installed app but as a web application, are you able to? Because you bought access to that application through the app store, can you only access it through the app store? I’m hoping not, but there is this whole sort of tangly mess of user experience and expectation that they’re going to have to make really clear here for this to be a success.

Patrick: Yeah, I think and — I don’t know, I think it’s the Web, I mean I don’t know, I just see it a little simpler, I don’t know, that they’re going to have to have a web or, look it at like this, you have apps and you have the website; if there’s no website to login to if it’s not login based or some sort of validation then no you can’t access it through the web, it’s a piece of software like you buy a Windows application, you install it on your Windows desktop, and that’s where you use it. That’s the same kind of thing that would happen here, and really how many examples are there, let’s say, of an “app store” selling apps for varied platforms. I don’t think there are any, many, I don’t know.

Kevin: Yeah, even Adobe, before they did Adobe AIR as a free platform, if you want to charge for an Adobe AIR app good luck to you, that’s your problem to solve. But before that they had, oh, can anyone even remember what it was called? It was sort of the same technology that it was this bringing Flash and web technology to the desktop for applications, but it was tied together with an app store of sorts, that Adobe was going to let people sell apps in.

They gave me a tech demo of it sort of as an early press preview, and it was — I had the same sort of reaction that it sounds like you’re having to this Patrick, that it was like, oh okay, but is this really gonna work? People aren’t used to paying for that kind of thing. That was their big challenge is they were trying to make it cross platform, it was gonna be this Windows, Mac, wherever Flash goes this app store goes. It was I think Flex came after it, they kind of when this didn’t work they packed up and then they built their desktop widgets on the Web for Flex and now Adobe AIR is their second attempt to bring it to the desktop. And the piece that is clearly missing is the ability to sell Air apps commercially through some centralized app store. It seems like Adobe gave up on doing that and Google is gonna have a shot now, but will it succeed? I don’t know. Patrick I think your skepticism is well founded.

Patrick: As the least technically savvy person here, yes! Yes! My skepticism is founded, how about that.

Kevin: (laughs) One last thing before we wrap it up this week is the Twitter API is having massive changes in the next five weeks or so. It’s been awhile since we have fixated on Twitter. It used to be it seemed like you couldn’t even go through a podcast without spending half an hour talking about Twitter. And we’ve kind of — I don’t know what’s happened Brad?

Patrick: Now it’s HTML5.

Kevin: (laughs) Yeah, now it’s HTML5; HTML5 is the new Twitter.

Patrick: (laughs) That’s wrong in every single sense except for our podcast.

Kevin: (laughs) Brad, what is it about Twitter that we’ve kind of — it’s not hot anymore? At least not as far as podcasts are concerned.

Brad: Well, I mean it’s just not the new kid on the block anymore, you know, Twitter first came out in ’06 and it really started to get hot on the tech scene in ’07, and it was just every other day there was something new to talk about; their new apps, new API’s, whatever it was. And now it’s like, well, we all still use Twitter on a daily basis I’m sure, but it’s you know, it’s Twitter, it’s there and we use it and that’s what it is, so.

Patrick: Yeah, HTML5 is so hot right now. My mom just asked me about it the other day, I mean it’s that hot. Paris Hilton just threw it out there on Twitter; HTML5, that’s hot. Anyway.

Kevin: But, Brad, the irony is that I think there is more going on in terms of development of Twitter as a service now than there has ever been before. But people seem less interested. It’s like people are a lot more interested in theorizing and gossiping about something that isn’t progressing that we all wish it was, then once it starts moving it’s kind of like, oh, well that’s pretty boring.

Brad: Kind of like their ads.

Kevin: (laughs) What ads? Twitter’s running ads now?

Brad: Oh, the ads we’ve talked about. I don’t know if they’re up for everybody, I haven’t seen them, but the sponsored tweets is –

Patrick: Actually Twitter just said they’re gonna block — yeah, they’re gonna block any third party ad networks in Twitter. There’s been a few that have popped up, Adly, sponsored tweets, just I think it was the last couple of days they announced that those sorts of networks will be blocked from the platform because they’re gonna change their terms to make it a violation.

Brad: We should have another Twitter episode.

Stephan: Everyone’s just focused on Facebook and privacy issues and all that.

Kevin: Maybe next week guys; maybe next week.

Stephan: (laughs)

Kevin: Patrick just sent around a really interesting graph from Compete; it’s the Compete graph from Twitter.com for the past year. And it was like crazy insane growth in the first half of 2009, and then it’s just leveled out and if anything in the past — in the start of 2010 it’s slipping down; the number of unique visitors that are going to Twitter.com.

Patrick: I mean it’s only the homepage, right, so what a lot of people would say well, okay, but what about the mobile use, how are people using it with their apps and on the phones and whatnot. But still, I think it would be reflected in that, so it’s telling if not completely precise.

Kevin: So the big thing that’s happening with Twitter is their changing their API, Brad?

Brad: Yeah, exactly. So, basically when the API first launched you could do basic authentication. It’s actually you literally just send username and password through like an HTTP request.

Kevin: So when I install like a Twitter app on my phone and it asks me to type in my Twitter username and password and I get a little nervous because I’m telling someone else my Twitter username and password, is that because it’s using basic authentication?

Brad: Well, it could be, I mean you never know exactly what that app is doing behind the scenes because you can also use OAuth which is basically what Twitter is going to start requiring in five weeks.

Kevin: So the idea of OAuth is once everyone is using OAuth you should never type your Twitter credentials into any page except a Twitter webpage. Because an app that wants access to your Twitter account will actually just send you to a Twitter webpage that says this app is requesting access to your Twitter account, do you want to allow it or not. And so you never actually have to give your Twitter password to anyone except Twitter. That seems to be the idea.

Brad: Yeah, I mean all of the old — you know when all the — Twitter was first getting hot, like all the little startups that integrated with Twitter, they would grab your username and password and it would essentially have to save it because every time you needed to access the API they would need your username and password to do so.

Kevin: Yeah.

Brad: But yeah, you’re right, now they don’t need to do that. So you basically have five weeks if you have a Twitter-based service to update that from basic authentication to OAuth.

Kevin: I know when we first did something with Twitter on SitePoint it was one of our big sales; once you participated in the sale you could tweet about it to your friends, and we had sort of a Twitter graph, not a graph, but sort of a timeline down the side of people talking about the sale. And the first time we did it, it was all done through basic authentication; we just used the SitePoint Twitter account and we accessed the API using the SitePoint Twitter account’s username and password. And we had to jump through all sorts of hoops to get that account white-listed so that we could hit the API a little harder than a typical user would, and it was a real pain. And a year later when we came back to do the same sort of sale we needed to get that account white-listed again, they said no, we’re not gonna white-list your account, we don’t do that anymore, you should be using OAuth instead; that solves the problem. And it added an extra week for us to figure out OAuth because it is considerably more difficult than just sending a username and password with all of your requests. But once we did it, it solved all of those problems.

Brad: Yeah, there’s no — I don’t believe there’s any rate limits, right, once you’re using OAuth?

Kevin: The thing was that every user who visited the site would be giving us their Twitter — would be authorizing us to access their twitter account anyway because one of the requirements for participating in this particular sale was that you had to follow SitePoint, at least temporarily, in order to get access to the sale. So we would request through OAuth access to their account to verify that they were following us, and because we then had OAuth access to their account, then we they wanted to see our Twitter timeline they could do it through their account. And so we were sharing everyone’s rate limit instead of pounding on one particular account. It makes so much more sense.

Brad: Yeah, I know, like TweetDeck, for example, which is a popular desktop client, once they released a new version I want to say a month or two ago that introduced OAuth, and since then there are no more rate limits. So rather than only be able to hit the Twitter API 150 times an hour you can hit it essentially as many times as you wanted which was pretty nice.

Kevin: Hmm, yeah. And you know Twitter, the website, about this countdowntooauth.com has a sort of a countdown timer explaining exactly when they’re going to switch off the old basic authentication method, and they’ve got sort of list of reasons why OAuth authentication is a good thing, why it’s better. And one of the ones is that it improves their ability to scale and plan for heavy loads. So when we do a sale like that and our application is hitting their servers hard, they are able to see that application is the source of that traffic rather than just one particular account is misbehaving. So they can tell the difference between a popular application that they need to allow more capacity for and an account that has been taken over by spammers and is being abused. It’s just so much more robust a system and I love OAuth dearly as a result of that. But if I were a user who is using a Twitter client, a desktop Twitter client, that relied on basic authentication I might be a little angry; especially if the developer of that app was not actively maintaining it anymore because in five weeks’ time when they throw this switch, a whole bunch of old Twitter clients are just gonna stop working.

Patrick: And before we move off Twitter I just wanted to read from the post on the Twitter blog that mentioned the sponsored tweets adjustment.

Kevin: Oh yeah.

Patrick: They said — this was their quote, “We will not allow any third party to inject paid tweets into a timeline on any service that leverages the Twitter API. We are updating our terms of service to articulate clearly what we mean by this statement.”

So they don’t really come out and name anybody obviously, but it definitely sounds like, at least people are speculating, that it’s going to affect some of the paid Twitter advertising networks that are out there.

Kevin: Hmm. That is a vague statement; paid tweets, I mean, you know, I’m being paid to sit at my desk at work and tweet about SitePoint things, occasionally. Is that a paid tweet?

Patrick: What! What? I follow that account; this is an outrage!

Kevin: (laughs) Shocking.

Patrick: I don’t know. I think, well, they’re careful to say third party, third party injection. So, I mean I look at this and my guess, non-lawyerly guess, is that if I want to sell a tweet to somebody myself and put that in my stream that’s fine. But if I sign up with a network and then they inject it into my account because I’ve authorized them to do so through OAuth, etcetera, then that is where they’re putting — that’s what they’re putting a stop to. But that’s just my guess.

Stephan: We’re just one step away from them blocking Foursquare tweets, which would be awesome.

Kevin: (laughs)

Brad: I thought I heard something about a filtered tweet feature coming soon to Twitter so you could do that.

Stephan: Thank you god (laughs).

Brad: That would be a nice feature.

Patrick: Filter HTML5, done.

Kevin: (laughs) In this week of Facebook privacy debacles I have to say I’m feeling pretty good about Twitter and trusting them to do the right thing, relatively speaking. Yeah, Twitter blocking the wrong tweets because they’re paid tweets is not really high on my list of worries for the Web at the moment.

So let’s finish off today with our host spotlights, guys.

Patrick what have you got for us?

Patrick: Well, if you haven’t heard, 99Designs won a Webby in the Best Web Service & Application of the Year category in the Webby People’s Voice Awards. And I hadn’t been following this really until they won; although I think I might have voted for them. But apparently they promised to do a special video if they did win, and that video is posted online on the 99Designs blog.

Kevin: Oh, they sure did promise. Uh, full disclosure: 99Designs and SitePoint are owned by the same parent company; just make sure that’s out there. But yeah, so all of the guys who work, guys and gals, who work at 99Designs work just like one floor beneath me, and we hang out a lot around the office. And they were going around going “We are totally gonna beat Dropbox and Tumbler, and when we do we’re gonna walk down the main street of Melbourne singing ‘We Are The Champions’.” And I think at the time I went yeah, right, you’re only saying that because you know you don’t have a shot of winning at all. And they won!

Patrick: And they did it. They posted a video lip-synching to ‘We Are The Champions’ by Queen. It’s about two minutes long.

Kevin: What! Lip-synching!

Patrick: Well, I take it that Mark Harbottle doesn’t have the voice of Freddy Mercury, but I might be wrong but, yeah, so they sing along to the track and walk down the street and just a good time in all, so check it out.

Kevin: Yeah. It’s a marvelous bunch of geeks celebrating and it is hilarious to watch, I highly recommend it. Just imagine them realizing they had won and then realizing they were going to have to do this, because that was a fun day around the office.

Patrick: And then get paid to do it.

Kevin: Yeah, well, of course.

Stephan what have you got?

Stephan: Well, since we haven’t talked about HTML5 enough today.

Kevin: No!

Stephan: I’ve got HTML5demos.com which is just a bunch of demos and examples of some of the different things you can do with HTML 5 and JavaScript; I’m gonna separate that out there right now. And it’s got some cool stuff and it tells you which browsers support the demo that he’s doing. And it’s pretty decent stuff. The one that really is scary is the geo location one, I mean it’s — I just did it from where I’m at, at my house, and it’s pretty darn close to where I live, so.

Kevin: It says that that one works on Firefox and Mobile Safari. And why is the Chrome logo kind of faded out there, I don’t know why.

Stephan: I just used it; I just tried it on Chrome, it works, so I’m assuming –

Kevin: Oh, it says nightly. Supposedly you have to be running a nightly build of Chrome for that to work. That’s weird.

Stephan: Yeah. So. It’s interesting though. And if you want to go out and play with like the Web SQL database storage stuff is pretty neat, so just go out there and play with it, it’s cool.

Kevin: I have to congratulate them on actually sticking pretty well to techniques and technologies that are in the actual HTML5 standard. I thought this would be a bunch of CSS3 animated using JavaScript sort of demos. But actually I think every single one of these ticks a box of demonstrating some part of the actual HTML5 spec. I mean whether you think drag and drop belongs in HTML or not is another question and something we talked about a lot a couple of weeks ago, but yeah, this actually is HTML5 demos; I’m really impressed.

Stephan: And the guy’s name is Remy Sharp just if you’re wondering, so.

Kevin: Brad?

Brad: Mine’s actually it’s a couple weeks old, but it’s cool enough I definitely want to make sure we mentioned it. Face.com, which is a facial recognition technology startup, recently launched a public API and developer, an open API and developer community, and basically what this allows you to do is kind of tap into their facial recognition technology into your own apps. And it’s actually completely free; there is rate limiting, so it says you can do up to 200 photos per hour. So if you have a serious web app they have premium licensing, but essentially you can upload a photo, they have demos on their site, and it’s really neat, you can upload a photo with 50 different people in it and it will recognize all the faces; it also detects gender, it detects if the people are wearing glasses, it detects if the people are smiling. It’s pretty wild. It will detect heads if they’re on a tilt; you can actually hook this into your Facebook and Twitter API’s, you know, to work with the user’s social graph. So it’s pretty wild, but definitely check out the demos because you can upload or drop a URL to a picture and kind of see it in action, and it’s pretty amazing how accurate it is.

Kevin: I’m wondering if any web service would ever consider using this sort of thing as a login. Like, you know, smile at your laptop to log in. I guess it would have to be not a security critical application, but particularly on phones that would be really cool because I know one of the most painful things about surfing the Web on my phone is typing in passwords. And it would be, you know, if your phone has a front-facing camera for doing video calls, if you could just hold your camera up to your face and it goes oh yeah, that’s you, and logs you in, that would be really interesting. Maybe it would need like a sort of secondary — you also need a cookie to prove that you’ve logged into this site before or something like that, and it’s just sort of a re-login sort of feature. But that would be really exciting if this worked well enough. I know I have like face recognition in iPhoto on my computer, and I know that Picasa web service from Google also does face recognition to sort of group your photo library into people. And I don’t know what you guys have in terms of experience with that kind of thing, but my experience is it’s a little hit and miss, you know, you get a haircut and it’s suddenly very confused.

Patrick: I want to know how accurate the gender recognition is. Wish I could demo that right now.

Brad: It’s not perfect, in fact, –

Kevin: Patrick did it say you were a girl?

Patrick: I actually was trying to make that happen, but I can’t figure out a way — I can’t get the tools and demos to get going here, so.

Kevin: (laughs) That’s our challenge. Any listener try and fool it into thinking you are of the opposite sex. Tell us what it takes. You know, can you pose and make it switch your sex or does it require a funny hat? Let us know.

My spotlight for this week is a Video JS. We’ve talked about HTML5 video players before, and this is the latest one of the bunch. And the nice thing about it is that it is free and open source. Up until this point the nicest HTML5 video player that I knew, and the name doesn’t come to mind at the moment, but it was commercial so if you wanted to use it on your site you had to pay them a license fee. It was very nice, and these things provide slick sort of video playback controls that sit over the video. But the idea here is that they provide a video player that can play H.264 video in supported browsers without any Flash needed at all. And this is particularly important when targeting devices like the iPhone and the iPad which don’t have Flash video playback support.

So Video JS is the latest one of the bunch, and for a free solution, man, it is gorgeous. It looks really good; they’ve got a nice demo front and center on the site at videojs.com. And there are no images used in the interface, it’s all JavaScript and CSS and it is skin-able so you can change the colors to match your site’s branding, and it goes to full window. The one big thing that is missing from these HTML 5 video players at the moment is full screen support, and I think that’s something that needs to be added to the <video> tag before the browsers can add it themselves. But, you know, they’ll maximize to the full browser window anyway, and the big differentiating feature that I find a lot of these free solutions miss is a fallback. So if you view this in Internet Explorer or Opera it’ll fall back to a flash player called FlowPlayer which is probably the most popular free Flash-based video player out there.

So there’s no down side to this as far as I can see. It’s free, it does everything you would hope for; the only pain here is that you need to encode your video in multiple formats. So right now it says it supports H.264, Ogg Theora, and the new WebM video format from Google as well. So if you encode your video in all three of those formats and point it at all three then you’ll get the maximum coverage. Presumably if you leave one or two of those out, maybe you only encode to H.264, I’m betting it will then fall back to FlowPlayer in more browsers, but at least you’ll still get full browser support. So a really nice library there if you need to host some video on your own site; give it a try.

And that brings us to the end of the show. Let’s sign off guys. Who are our hosts today?

Brad: I’m Brad Williams from Webdev Studios, and you can find me on Twitter @williamsba.

Patrick: I am Patrick O’Keefe of the iFroggy Network. Find me on Twitter @ifroggy.

Stephan: I’m Stephan Seagraves, you can find me on Twitter @sseagraves, got a mouthful there, and badice.com is the blog.

Kevin: And I am @sentience on Twitter. You can follow SitePoint on Twitter at @sitepointdotcom.

Visit the SitePoint podcast at sitepoint.com/podcast to listen to all our old shows and subscribe to receive new shows automatically.

You can leave comments on this show and we will endeavor to answer them on future episodes. The SitePoint podcast is produced by Carl Longnecker, and I’m Kevin Yank.

Thanks for listening. Bye bye.

Theme music by Mike Mella.

Thanks for listening! Feel free to let us know how we’re doing, or to continue the discussion, using the comments field below.

Related Posts

  1. SitePoint Podcast #59: Speaking of Fail
  2. SitePoint Podcast #9: SitePoint at SXSWi
  3. SitePoint Podcast #20: YouTube Deep-sixes IE 6

Episode 77: Matt and Sean from MuraCMS

I got to chat with Matt Levine and Sean Schroeder from MuraCMS about, well, all sorts of stuff – a bit of CF historical stuff, the state of open source in the CF community, oh, and a bit of MuraCMS, the open source CMS built on ColdFusion.

File Download (25:59 min / 14 MB)