Tag Archives: HTML

Marko Mrdjenovic: I’m POSH are you?

Here are my notes from lecture by Marko Mrdjenovic: Jaz sem POSH, pa ti? at @kiberpipa @wwwh.

What’s  POSH and a short history?

Nor your ordinary next door girl
Image by Cayce Newell via Flickr

Years and years ago (before 1999), we had “shinny happy tables”, everything in HTML that dealt with advanced layout had to be done in tables since they didn’t undrstand anything else. We had to use lots of spacer GIF‘s to make it look right.

Then one day Jeffy Z. started thinking about building layouts with CSS, so we had to burn our tables.

That’s how POSH got invented.

Then Microformats got invented and being pushed around at different conferences. People realized that until we can actually code HTML, microformats won’t do us any real justice

POSH – Plain Old Semantic HTML

5 Rules of POSH:

1/28/07 - POSH - Los Angeles, Ca #5933
Image by amayzun via Flickr
  • Validate your code. Until it validates it’s not proper HTML.
  • No tables. Unless it’s really tabular data, you don’t get to use it.
  • No bed and breakfast. A lot of HTML is done in <br>, <i>, <b> and other tags that are meant to make things look certain way. Get rid of it.
  • No anorexic anchors. Don’t use anchor placeholders for moving viewport around. New browsers can jump to an specific ID in page.
  • Semantic classes. Don’t name your classes “blue” and “green”, but rather tell what they mean.

Unfortunately, that’s not all:

  • <div> and <span> are almost most important elements if you take a look how fast they appear in HTML standard. They’re defined as “generic language style containers”

Wouldn’t it be great if we would get rid of them too? They really don’t tell us anything about the content that they hold.

There are some exercises you can do:

  • When you see a photo, you start thinking about the way you would express the image with HTML tags.

[long discussion about how to tag a number of different photos]

Gizmondo Babes
Image by TrojanDan via Flickr
  • In HTML5 you almost won’t need to use DIV and SPAN anymore as we get many new elements that give meaning to these things.
  • If you use more then 40% of <DIV> and <SPAN> tags on your page, you’re probably doing something wrong.
  • Lets use less elements. Instead of starting with elements, write content first.
Reblog this post [with Zemanta]

Micropresentations – [#reboot10 notes]

1991 - The World Wide Web

Image by Edublogger via Flickr

Micropresentations – [#reboot10 notes]

20 slides/20 second each slide. Organized by Guy Dickinson

 

Jan Krutisch – Hacking for fun and profit – mindmatters.de

 

There is only one problem with a web profession, when you only have one framework, all the problems look the same. His solution to this is to return back to basics – Commodore 64, Amiga. He’s showing also a prepaid solar charger for which he built a firmware for.

A fun project besides work, Rasterizer, it takes an image and splits it up to multiple pages in a PDF and you can then hang it on a wall in really big sizes.

Next thing is Rails and a language behind it was Ruby. Next thing he built a patch editor with ruby. He’s also using Gozzu, 2d graphics library, so it’s easy to program games. Reactivision software in Ruby, tangible interfaces that you have hardware around and you can be active and reactive around it.

He’s using all this things to keep him intelactually busy and challening that are kind of different that what you do in your life. And this helps in thinking outside the box and makes you a better programmer.

 

Http://www.this-page-intentionally-left-blank.org/

 

 

Flemming Funch – Complexity and Freedom – Lessons from nature about human networks and life on the edge

 

Complicated – 80380 lots of stuff. Complex is something more than it’s part.

There are several parts of the system, equilibrium, complexity and chaos.

Nature in is not really in equilibrium, it’s self-organizes towards criticality.

One way of understanding is with “sand piles”. How do avalanches work? There are lots of examples in nature where we can see this.

There are power laws that help in explaining this.

We can do cellular automata sand-pile simulation. 

 

“The critical state is the most efficient state that can actually be reacher dynamically”

 

Freedom

 

Being able to do anything at all with something, is this freedom? Not really. Freedom is when you toys are all wound up and ready to go.

You have more freedoms within complex networks;

Your freedom is potentially more useful if the network is in a critical state.

Freedom is on the edge – the edge between equilibrium and chaos.

The value of a networks I proportional to its complexity.

 

 

Ian Scar – Tools for Inspiration

 

Showing a tool that helps designer collect visual inspirations. It’s a thing to make visual information more psychical. What’s exciting is that if you have a visual thing you can scan it.

Collections, designers have physical materials next to computers and they use it very socially.

Tools – they are very complex and hard. They have a meaning and purpose. What people make with tools, is not imagine by the makers of tools.

Open tools, which is fun and nice, but they tend to add features and they grow more and they are not simple anymore.

Cocreation, you take the consumer/user and you help them think what kind of tools/products they want, so then you make it with them.

Hacks, inspiration for creative uses of your designs and tools.

Products from the tool perspective: users are becoming makes, with creative uses.

Whatever you do, it’s fine with me.

 

It’s a solution without a problem is a best compliment you can get, if you think about it as an open tool.

 

 

Anne Van Kesteren – HTML5

 

The Web’s language is HTML.

HTML on the Web is broken because of the way it was designed.

HTML5 attempts to make HTML more interpretable for everyone. It defines processing for HTML. 

It’s about Applications and Documents. It shifted from the original idea of sharing scientific documents.

People who are doing this are: WHATWG and W3C.

HTML5 is already implemented today. There are browsers that already implement this and are trying to convert all the things involved with it.

It’s a community process, wikis, tools, tests, reviews etc.

They added some new features: <video> and <audio>

<canvas> allows people to draw graphics through javascript API’s – immediate mode graphics.

Storage (key/value, SQL), you can search all your data.

Application caching also helps with performance. Gmail can suggest to browser which files are more important for performance.

 

Important URL’s

Http://whatwg.org

Http://w3.org/html

 

 

Twingly summer of code 2008 – Http://summer.twingly.com

 

4 students from Linkoping University in Sweden. They are working on making a real project.

Finding their own roles, “what I am supposed to do in this group”.

They are working against really good group dynamics.

How to get a good media coverage. They got in contact with a regional newspaper that got lots of interest in the group and local project. They want to engage lot of other people to make it know what they are doing.

They are doing video blog, they are making online reality show, they are documenting their days and documenting what they are doing.

This is really challenging because there are lots of new people and have to learn new tools.

Educational, they had to learn how to work really fast and make things together.

But it’s really rewarding.

 

 

Paul Farnell – Unconventional ways to promote your site

http://www.litmusapp.com

 

What’s conventional: SEO, Blogging, AdWords.

 

Unconventional: Satellites, Content, Communities and Human.

 

Build a satellite: free, small, valuable and complementary. They drive implicitly traffic to your site.

CSS Vista, piece of software for web designers. Really valuable for designers and lots of people check the site.

Ta da lists, similar free service.

 

Put a value on your content. There’s a dichotomy that’s free it has a free value. 

 

Join communities, developer relationships. It makes this links between your company, your name, and you being a helpful person.

 

Start your own community. Easy to develop, great perception of your company and learn from your members.

 

Seed.org as a place to discuss web stuff.

 

Be human. Enthusiasm, how? Trust, passionate users, Ambassadors.

 

 

Jen-Christian Fischer – Rituals and Freedom

 

Rituals: birth, school, work, death.

 

Ritals are the core, backbone of our lives, that create a shared system of values so we know how to proceed in these events.

 

There are rituals that are good for you, and there are rituals that are bad for you.

 

Rituals that bind the mind

 

Many rituals that we are exposed to are there to tie you down. Rituals of religion for example. Other bad things are rituals are the ones that are designed for you to break your mind. 

Business has a lot of rituals around it that aren’t designed to work that well. There are structures of power that rely on them.

The end result of these rituals are war, and it’s highly ritualized.

 

Rituals that free the mind

 

Martial arts has lots of rituals involved. It allows for balance, calm and power.

Sex has also ritualized versions.

They are here to free your mind and help you achieve experiences that are out of your mind.

 

Kthxbai ☺

 

Be wise which rituals you practice as it will affect your life.


Zemanta Pixie