Mar 17 2009

SXSW 2009: Therapy 2.0: Mental Health for Geeks

Tuesday, March 17, 2009 3:30 PM
Keely Kolmes, drkkolmes.com
Thomas Roche, thomasroche.com

Session Description

What can you do to stay mentally healthy in a Web 2.0 world? Come share your strategies for staying sane in the world that never really turns off. Learn self-care tips for managing work and stress. Discover how to manage social networking while keeping your boundaries intact.

Discussion

Information Anxiety was brought up and discussed for a while. On this topic people were mentioning the non-privacy of social media. Since this non-private social (ironic, I know) media is public your health insurance company could use twitter to find out if you’re doing healthy things and raise your premiums. Personally I would suggest not posting it if you’re going to be that person.

It seems that most people are going back to the lack of privacy on twitter. As people post things it creates a level of online social-drama. People need to evolve and realize they can be online an choose not to post innapropriate things if they do not want people to find them.

From person to person your views on what is mentally healthy varies. Studies have shown that exercise is the best way to improve your mental health. If you believe you have, or you’re being bothered by, mental health issues then you probably do. It is poor mental health if you’re always worrying about this.

People recommend getting something in life where they can have a mental break through a new hobby that is completely opposite from what you do for your job. Someone mentioned they took up Tai-chi for exercise and an escape from what they typically do in a day-to-day basis. I know a lot of times I personally will go home and never turn my laptop on all night. Some people I work with feel that I am crazy for doing that. To be honest, sometimes when I’m away from work I want to be away from work. It sounds like many people are referring to the same theory and are staying away from technology outside of work to help with mental health.

People feel music, such as ambient, is also a good stress release. Someone mentioned listening to ambient music while they sleep. Someone else mentioned a sleeping sound tool called Awake2000.

Contact

email – drkkolmes(at)gmail.com and skidroche(at)gmail.com
website – therapy2.pbwiki.com


Mar 17 2009

SXSW 2009: Designers and Developers: Why cant we all just get along?

Tuesday, March 17th, 2009 11:30 AM
Chris Lea, Lead Architect for Media Temple/Virb
Liz Danzico, The School of Visual Arts
Ryan Sims, Lead Designer for Virb
Joe Stump, Lead Architect for Digg
Daniel Burka, Creative Dir for Digg/Pownce
Andy Beaumont, UX Dir for Flutter + Wow
Rob Corradi, Creative Dir for NeonState

Panel Description

Often times designers and developers’ relationships are contentious. Designers want features that would require two Googles to run and developers want features that nobody but the nerdiest of the nerds would care about. This panel will showcase some of the top designers and developers who have worked through their differences and feel they’re making better products as a result. Sometimes designers know users’ needs best and sometimes developers can enhance a feature with their innate understanding of the system. Knowing this, why can’t we all just get along?

“Developers work on the code and see Designers as pixel perfect.” This panel seems like it will be pretty bias toward the Designer, and kind of against the Developer. :(

Everyone wants to be involved in a project, but to be honest it isn’t always practical. If everyone needs to be involved in every stage of the process, how to you deligate that? It is important to have both the developers and the designers throughout the entire process. If you do not you’ll get a project that will fail. Joe Stump for Digg suggested taking some time and thinking about what addition you want to add to the project. This way you will not just bring a solution to a large group/audience and cause confusion for them all.

If a developer says he cannot program the website to work with the design provided he is either a poor developer, or he’s lieing. Every design can be developed to work.

Questions and Answers

Questions and answers were turned in on color-coded index cards. Over 100 were from designers, and only 10 were from developers. A joke was made explaining why only 10 were turned in by developers basically saying that “designers are just more smart and already know” or “developers just don’t care.”

What if Designers learned the basis of coding so they know what is possible?
The more the developers take time to help the designer then the more they’ll understand what is easy, and what isn’t. And this process just takes time to finally learn this tool set and meet in the middle ground.

How much should developers be allowed to drive design? Or should they just give direction and take a back seat?
It depends on rather developers are involved in the features at a high level, and that the designers need to be involved in what they’re best at: design. Developers should let the designer know what can and cannot be done in the preliminary design. Sometimes the designer just does not know the developer has the data or the ability to do things above and beyond.

Should designers make more money? So they match with developers?
The panelists basically said they feel the designers they know get a competitive rate for what they do.

Can developers do everything, although they sometimes say they cannot?
Yes.

How do the designer and developer dynamics change based on the size of the company?
As a developer there are periods where you need to nerd up with other nerds and do nerdy things in your little bubble. But as times are changing we almost need to build a bridge over the gap and get more involved with the designers. Even going out to lunch with them and just talking with them to get that one-on-one interaction with them.

How does one push design when developers do not want to learn new technologies?
Fire the developer. Challenging them with shame is also good, such as, “I thought you were a good developer?”

Are there any good books you’d recommend?
Design Patterns was recommended for designers to understand developer processes.

I’m a designer that’s for the developer, but I get a lot of slack for being a “traitor,” how should I balance this?
First off, calling them a “traitor” just shows that you’re not even playing for the same team.

Agile is a way for designers and developers to get together. Why are designers against it more?
Designers tend to design for Web 10.0 and not Web 2.0 and that gets away from the whole concept of Agile development. However, a designer still needs the vision and cohesiveness to know where they’re going in years from now.

CSS can be learned by designers, but can it be learned by developers?
As a developer it is exciting to learn what the design process is, that mental flow, and how its thought through to give it to the end user/client. This is a valuable resource to know, and if you have developers who are resistant to learn that then try to teach them what benefits it has.

Projects managers cause rucus, how do we tell them that?
The best types of managers are those who become the mediators to make sure there is a steady flow of communication and meet with the clients. Some managers try to incorporate everyone’s ideas, and that doesn’t work so it ends up getting messy.

Tell us the best fight you’ve had between designers/developers and how it got patched up.
The green badges on the Digg website was causing a lot of slow downs and the designers wanted it, but the developers couldn’t get it to work right. So now they’re dedicating a tremendous amount of resources to get it right.

Ending Remarks

For the designers out there think ahead of time what you don’t have to do in real time. Think about things like: “what if you only had to show this feature once per hour?” Start thinking how you can be less intensive for your asynchronous design.

Hang out with people you normally wouldn’t. Hang out with the people in your office who are on the opposite team so you can start to learn more about them. It helps you and them emotionally.

You need to get over the thought that designers and developers are both against each other. Get over the notion of people being “traitors.”

Instead of phraising things as “features” instead use “problems” and “challenges.” This will seem more appealing to the developers.


Mar 17 2009

SXSW 2009: Photojournalism in 2009 and The Big Picture

Tuesday, March 17th, 2009 10:00 AM
Taylor, The Big Picture

Taylor, who posts to this blog, does not take the actual pictures, he finds really good pictures from multiple photographers and puts them all in one place. Taylor grew up in Washington State and worked in Alaska as a tour guide for many years. When in college he realized he was not a good photographer, but he knew what photos did look good. So, Taylor then joined up with the Boston Globe.


Mar 16 2009

SXSW 2009: Back Off Man, I’m a Scientist: User Generated Discovery

Monday, March 16th, 2009 5:00 PM
Dariene Cavalier, Founder of Science Cheerleader
Matthew Shindell, PhD Candidate for University of California San Diego
Kevin Schawinski, Postdoctoral Associate for Yale University
Jon Wiley, Senior User Experience Designer for Google

Broad access to vast amounts of raw data, along with ever more powerful tools, have given everyday people the ability to make significant contributions to scientific inquiry and enrich our understanding of the Universe. See how passionate amateurs are addressing the fundamental questions of our world.

Citizen Science or Grassroots Science is the scientific theories of user generated discovery. Science across different time periods means very different things. Science at any given time is also not unified.Emergence of ne wdiciplines often means fighting between existing diciplines, including arguments about whose science is “real” and whose is “amateurish.” Scientists do not share a universal meaning to the word “Science” nor do they share a unified purpose.

I left 19 minutes into the session… I didn’t care for it.



Mar 16 2009

SXSW 2009: Change Your World in 50 Minutes: Making Breakthroughs Happen

Monday, March 16th, 2009 3:30 PM
Kathy Sierra, CreatingPassionateUsers

Gain real-world ideas for markedly improved productivity from an industry expert and passionate apeaker who always inspires SXSW audiences.

Incremental releases causes Arms Race. There are two types of Arm Races. The two types are quality and feature. There are 15 different ways to have breakthroughs. Your ability and time are greatly influenced in how good your final product is.

Word of Mouth (WOM) vs. Word of Obvious (WOO)

Someone being better goes a lot farther than saying you’re better.

Are you stuck in the grove of what you’re confortable with? That is the same reason why people do not want to upgrade their products to your latest version, because they’re worried about the changes that will occur.

How to know someone:

  1. iPod Playlists and…
    Answer this one question, “Flight or  Invisibility?” Then ask, “What superpower do we give our users?”
  2. Superset Game
    What coller thing is my thing a part of?
    ie: you sell kitchen appliances on your web site, but the cool thing is people are cooking and using it.
    If you blog about your company, that’s probably not the coolest thing you could be blogging about.
  3. Shortcuts
    Outliers: 10,000 hours
    Learn the patterns, and shorten the duration. If you can get the patterns out of experts heads then you can shorten the 10,000 hours.
  4. Deliberate Practice
    Kicking ass in < 1,000 hours. But 1,000 hours in what? After 1-2 years, experience is a poor predictor of performance/expertise.
    Work on your Strengths, do not work on your Weaknesses.
  5. Make the right things easy and the wrong things hard
    Make it easier for users to…
    Treadmill gathering cobwebs? It’s not in the corner because you don’t use it, you don’t use it because it’s in the corner.
  6. Get better gear (and offer it)
    A lot of times the more expensive equipment is more expensive because its better. People will understand that although something costs more to purchase it, they’ll understand that it is better and makes them better. You have to help them justify it. Find, make, offer higher-end gear that bumps them to a new level.
  7. Ignore Standard Limitations
  8. Total Immersion Jams
    16 hours over two days vs. 16 hours over two months. How often you get your users to do things depends on how much productivity they’ll get done.
    Ad Lib Game Development Society: they were so busy at work, they ended up getting together over a weekend and force themselves to fully develop a game.
    “The surest way to guarantee nothing interesting happens is to assume you know exactly how to do it.”
  9. Change your perspective
    Don’t make a better [X], make a better [user of X].
  10. What movie are your users in?
    Everyone is on a journy with your product of service. Who are your user’s allies and mentors? What does your tech suppoer look like to them?
    Your company is to your user as ____ is to Frodo. Most people would quickly say Ring, but maybe you should think into it more?
    Exercise: What movie are your users in? What movie do they WANT to be in?
  11. Don’t ask your users.
    Incremental? Ask your users what tweaks you should be making. Although you listen to your users, what they say and what they want are two different things. You should also ask other people’s users.
  12. Be Brave
    Although it is a Concept Car, the Actual Car is never the same thing. What happened between the fantastic idea and the real thing?
  13. Rethink Deadness
    Do not ask your users for inovation. If you were to ask your users what they want, then they wouldn’t imply the smartest idea. However, people are getting more and more closer to being able to answer that question better. If Ford Moters asked their users what they wanted, they would have said, “Faster Horses.” But even if they did look into increasing the power of horses they’d see that $40,000,000,000 are spent each year on that recreational hobby.
  14. Change the Equalizer (EQ)
    This is the standard way people look at making incremental improvements. If you want to make incremental changes then move the sliders. If you want to make new breakthroughs then add new sliders. Check out this neat slider tool. Gary Vaynerchuck from Wine Library appeared on stage to talk about his.
  15. Don’t mistake narrow for shallow
    52,000 Google hits: lolcats+translation
  16. Be Amazed
    “Everything is amazing right now, and no one is happy.”

Mar 16 2009

SXSW 2009: Ultimate Showdown of Content Management System Destiny

Monday, March 16th, 2009 11:30 AM
Colieen Caroll, Drupal and Palantir
George DeMet
Matt Mullenweg, WordPress and Automattic
Steve Fisher, Joomla and Idea Market

Just like Iron Chef, three teams of three different CMS were given a project with the same specs to see which one could produce it in the same time limit. They wanted to find something that would use a wide variety of web 2.0 tools.

  • The project is to build a website for a leadership program.
  • Site should utilize a variety of Web-based social networking and collaboration tools.
  • Site should be generalized as possible and be able to be downloaded for use by a wide variety of organizations and communities.

Restrictions:

  • No more than 100 hours
  • Only freely-available software can be used, and all sites must be freely.
  • Site must function on the provided shared hosting space (Linux/Apache/MySQL).
  • Each team had about 2-3 weeks to work on it.

The Sites:

  • Drupal: http://www.drupalshowdown.com
    79.25 hours, 220 lines of custom code, 180K page weight, 8 HTML validation errors, client liked this 2nd best
  • WordPress: http://www.wpshowdown.com
    90.5 hours, 1808 lines of custom code, 154K page weight, 8 HTML validation errors, client liked this 3rd best
  • Joomla: http://www.joomlashowdown.com
    57.25 hours, 20 lines of custom code, 140K page weight, 0 HTML validation errors, client liked this 1st best

You can download all of these sites, screen casts, and usability reports here: http://www.cmsshowdown.com


Mar 16 2009

SXSW 2009: Scaling Synchronous Web Apps

Monday, March 16th, 2009 10:00 AM
Kincaid
Vogt
Jen, Meebo
Piantino, Facebook

“How we messed up so you don’t have to.”

What works for someone else does not necessarily work for you. You should be trying out all kinds of technologies.

A browser is not that great for live dynamic content. That is why you need to use synchronous web apps. On facebook there are two examples of this: chat and the news feed.

Take caution when releasing large changes in your project. Facebook had some issues with the synchronous push for version 2.

With these kinds of projects you shouldn’t think too far ahead of yourself, otherwise you’ll be wasting a lot of time and never get the full scope of the project completed. This will cause you to be discouraged.

Everybody does the exact same thing. When you’re broadcasting and an issue occurs then everyone who’s logged on trys to refresh their browser at the same time. On meebo the login/logout function is very server intensive. So on holidays they have many more login/logout requests. To get around this they queue up logout requests, show a messege to the user that they’ve been logged out (which makes them happy), and then eventually logs them out.

Front-end vs. back-end.

On facebook they use MetaChache which speeds up a lot. On the news feed/homepage they store multiple things in a cluster/cache and then pass them all at once to the client. This makes it less intensive over time.

At meebo they use a lot of C++ in the back-end. In the front end its all just in javascript. The problem is they need to have a happy medium on what is controlled by the client, and what is controlled by the back-end. Meebo actually posted a blog post and asked for people to find an error that they couldn’t reproduce. Once they got responses from someone in the Bay area they went to their house and asked them to reproduce it.

Can we rollback?

Meebo has 5-6 componenets that get rolled out in order. Incremental release is good too, so you can release something to 10-20% of people, and if something occurs its less bothersome to roll it back. Symlinks also is used by meebo. What Simlinks do, if something goes wrong they have roll back pointers that will do it instantly.

On facebook they feel that the response of an alert can be worse than the actual need for the alert. They had an issue where one of the servers were overheating, so one of the engineers decided to reboot all of the server which should have only taken 10 minutes. However, this restart caused the news feed to be down for 4-5 hours one day.

What do you monitor?

Meebo monitors server health, user experience, how long it takes to load the front page, and the health of the IM networks. Before when AIM/MSN would have issues users thought it was Meebo that was down. In result, it wasn’t MSN, but meebo actually had a login bug. Measuring features that are used more often, and trends of how many Meebo acounts are created every day. So if they release a new release they can see if these trends are effected and if they now get less participation.

Facebook has tools that produce latencey.

Can I throw more money at it? Changes between hardware/software.

Meebo tries to keep the server load at 50-60% of the server’s load. They find if more than that are on the server, then it takes a huge load.

Good enough vs. Perfect. When do you decide when something is good enough to ship?

You need to estimate how much of a load a certain feature will cause on your server. A lot of times when you test something it runs just fine, and then you push it live it ends up causing chaotic issues. Sometimes just asking the user if it is good enough, and to ask for user feedback then they feel like they’re actively involved in the project.

Gatekeeper is software that Facebook uses to slowly release new features to only some users. Meebo has features where they can turn things off and on to load balance test new pushes.

It is good to know what you can cache and what you cannot. You should not just cache anything. Do never be afraid to ask the user what is wrong with your product. You’re never going to know about the product as much as a whole as the user. You need to be aware about what the user is thinking, and not what new features your engineers want to implement that day.

Questions and Answers

Do you use Javascript toolkits/frameworks?
When Meebo first launched the JavaScript frameworks were not good enough so they wrote their own. It is also recommended that you strip out things you’re not using in those frameworks to help on load time and bandwidth. Facebook built a packaging engine to make sure it sends back the same amount of data with every page.

What about automated testing?
It is very hard to load test because you cannot anticipate what all users will do. The best way to load test, sometimes, is just to put it live and see what happens. You can always roll it out to 10%/20%…60% and when it reaches 60% with no issues it should be fine to push out to everyone. Putting timers on

What happens when you make infastructure changes?
Facebook noticed that their CPU was running slower and slower, and they looked into it and found it was Memory Fragmentation. More and more features will cause this to happen as your infastructure gets bigger. One of the metrics Facebook looks at is how much CPU usage they can actualy use until the server starts messing up.

What are some stories when human error caused issues?
When facebook released the new homepage everyone decided to take a vacation at the same time afterwards. They had monitoring scripts running, but they broke, so when everyone got back they noticed the monitor was shut off. Meebo accidently deleted all of their user accounts, and had to restore them. Vogt bumped a router and killed half of their user’s connections.

Facebook has 10,000 servers. Each server has 32GB of ram. Wow!


Mar 15 2009

SXSW 2009: Game Design Competition

Sunday, March 15th, 2009 5:00 PM
Shin
Colantonio
Hong-Porretta
Charia

Game #1

Education game for Higher Education (College/University) targeted audience; specifically freshmen. Since this will be used at/with college students this game cannot have sex, drugs, or alcohol. For this reason the game’s model will be for consperiecy. The game’s genre is will be of type RPG.

Game Description:
Players view the game in a 3rd person perspective like Fable. Each chapter is viewed as a new level. This will allow for future incorporation of game add ons. Players will move around the environment and access virtual computers and media to solve the puzzles required in completing the conspiracy. This game seems like it would be similar to an older-age-targeted Carmen Sandiego.

Game #2: ManorMeta

A Choose your own adventure where players can create their own currency, language, etc. This has a coined term called “Trans Media Story Telling.” Avitars will be used to hide your identity, and allow you to have fantency. They would like this to be in a full 3d environment. Community Colaboration will be included. A beginer level will have math and such. And then as you get further into the game it will become real challenges with large problem solving techniques.

Game #3

Zeus is stored on life when life begins to die. The theory is that Zeus needs to re-habitat life in millions of years to reproduce life. Players will gather resources, plant life forms, start an ecosystem, and animals will be created. Once all of that is up and running then humans are slowly re-entered into life and man kind will start copying Zeus. So if man kind if using cheaper reusable/natural resources so will your humans because they learn from him. If Zeus would to restore a river in one area, then natural water will flow throughout. If you polute that same river, then the environmental surroundings will be altered and adjusted. As you explore the environment you will over time find out why Zeus was created and what his purpose is. The avitar of Zeus will resembel what path he is taking. If he is more industrial then he will drip with oil and smoke of polution. If he is more long-term oriented then he will be green and healthy. If you evolve Zeus to be more weapon oriented instead of durable then so will the humans around him. This game sounds very similar to Black and White.

Game #4: Ring Master

Combination of RPG and skill action game in a Circus genre. This taps into the fantasy of running away to join the Circus. Players create characters that represent themselves within the game. They can be one of the animals or the actual Carnies. Players see their physical actions mirrored on the screen and learn skills as they travel through the game. Players will feel as though they are actually perofming live at the Circus with the crown chanting. Players would not need any prior knowlede or skills to play the game. The Circus is a MMORG where they perform in front of all other players. The overall look is theatrical, dark, and over dramatic.


Mar 15 2009

SXSW 2009: The Web in Higher Ed, What’s Different?

Sunday, March 15th, 2009 3:30 PM
Presenter names unknown

Every year he comes to conferences, and every year there is this little packet of Higher Web and there isn’t enough people who are in a larger group. We’re here to talk about issues we have and ways we teach. Schools are being cut 20-30% and although student enrollment is getting higher it doesn’t mean all of that money will be net. In 2012 your budget in lower-ed will be based on how many students you have.

Two of three faculty members say that their lesson plans shouldn’t be on line (or they do not want to maintain it). And two of three students wish their faculty members put their lessons online. This is interesting because we can see that technology is in the youth, and not in the teachers.

Women are underrepresented in all web jobs except for that in Higher Ed. It would be interesting to know why that is, but there is nothing specific.

Brown University just redesigned their home page, which decreased their bounce rate.

Everyone hated the admissions website, but everyone loved the student senate website. The question becomes, who was the person who created this website? It was the person who had the most amount of phraise as working with students. The admissions website person posted a 2000 word phrase information on how to apply to the program. Small teams can do great things, but you find large groups can do much more. Getting something simple like a twitter account, or a facebook acount and look at these things takes very little effort. Most universities, however, dont think what happens with man-power if we do get into social media. It may become overwhelming and require a lot of work long-term.

Always be present. If you are willing to put yourself out there in the shoes of students, be willing to be there and say you can help. And that same policy should probably be true for any kind of organization.

Questions and Answers

The University of Texas had a website, but there was nothing interesting on the homepage. A redesign was put into place, and if you can understand your roles and have the right people with the right skills set them you can acomplish things. It can be fun, as long as you have those people.

In the UK higher education was free. But as times has changed you now have to pay. In other parts of the world we’re not alone with budgets, and they’re suffering the same types of financial situations. Perhaps we should have a conference just for technology educator institutions?

Sometimes the Web Team sits in IT, and sometimes it sits in Marketing. When people rose their hands to these questions, it seemed pretty 50/50.

Sometimes the Web Team is split into two where one part is the front end, and the other part is the back end. Fewer people said they did this than those who are all in one.

University of Florida has been looking into facebook. They wanted to know if people have had any success with facebook. Someone said they’ve used it just as an open form, gather potential information, and hold a poll to see what students are interested in. It allowed them to have an open connection and allow them to have great feedback.

Walden University is an internet based university. They use facebook to recruit students and do their online lecture series. Facebook is how they communicate with their students. This reduces their snail mail and pulls everything to be online.

DePaul University in Chicago had alumni constnatly requesting email, but through facebook requests it showed them that they truly wanted it. This user feedback allowed their alumns to communicate and respond to them.

“Facebook Gate” was mentioned, but it was never explained what it was. But when using this increased applications to the university because it allowed students to talk to each other.

In facebook there are pages and there are groups. Pages are better because they’re more broad and allow you to drill down and target the audience administrators can contact: alumni, age, location, etc.

University of Washington has a long debate because they’re running out of funding. It has been a long debate for years now if they should move over to gmail/ymail to see if they should keep holding onto an internal server.

ASU did a big piolit with google aps.

Boston College turned all their services off and forward everything through google.

In turns of web standards and web usability how many have organizations that feel these are important? About 33% of people raised their hand to the question. Someone mentioned that “Accessibility is the law.” In Texas they have a clause where multimedia online does not need to follow the same standards as federal 503 compliance. If you have Accessability commities you should be using them.

Someone asked how many schools have tools that validate across their entire website which will allow them to check for missing alt tags, form validation, etc. Only three people (less than 1%) raised their hand. IBM Rational Policy Tester and World Space were recommended.

One university said they are showcasing projects. A “Social Media Working Group” is what they called it. This is a way so they can all get together and share projects/ideas. This will then let people know what is going on, what is new, and not to reinvent the wheel.

Creating a blog, having a twitter account, having half-day conferences, and becoming community driven has helped one university promote new tools and ideas they are working on. This allows different departments to be fully involved with the surrounding community. If the webteam constantly tells clients “no” for whatever reason you need to instead sit down with the clients, talk to them about why they cannot have it. These means can also be done by using the blog, twitter, etc. ideas. If you’re discouriging the departments from coming to you, then you can do more harm than anything. Universities love commities, doing things at a one-on-one basis seems a little more personal. Otherwise if you do something in a committy then you’re going to have those “alpha-males” that constantly take the attention. One-on-one is the best way to get what everyone wants to know: “Individual State Hold Meetings.”

The question was asked, “Are there things about your job that you feel good about? Do you wish you had a better job? Do you love the university?” Someone responded, “Our problems are more technological, and not personal.”

University Web Developers: http://cuwebd.ning.com


Mar 15 2009

SXSW 2009: CSS3: What’s Now, What’s New and What’s Not?

Sunday, March 15th, 2009 2:00 PM
David Baron, Mozilla
Sylvain Galineau, Program Manager for Microsoft
Hakon Wium Lie, Opera Software
Molly Holzschlag, President of Opera Software

1. Mozilla

CSS Modules (Just a few):

  • Selectors
  • Color
  • Media Queries
  • Backgrounds and Borders
  • Fonts
  • etc.

Selectors:

  • tr:nth-child(odd) {background: #FFA;} or tr:nth-child(even)
  • opacity: 0.5 can be represented as rgba(0,255,0,0.5)
  • border-image allows for stretching of border images no matter height/width.
  • text-shadow: 0 0 0.25em #000;
  • -moz-border-radius: 0.67em;
  • word-wrap: break;
  • font-size-adjust: 0.45; lets you change the way you’re specifying font sizes by the x-height of the characters. this attribute acts as a multiplier.
  • downloadable fonts can be achieved by @font-face { src: url(“GenBasR.ttf”); font-family: “Gentium Basic”; font-weight: normal; font-style: normal; }
  • width: calc(50% – 8px);
  • h1 { content: url(company-name.png); }

As a side note, Baron was using the browser “Minefield.” I’ve never heard of this browser, but I want to check it out sometime.
As a side note, the Galineau from Microsoft has a Firefox 3 sticker on his laptop. :)

2. Internet Explorer

Internet Explorer 8 is working on getting up to date with CSS 2.1, but has no plans to release a stable support for CSS 3.0 as Opera/Firefox is already supporting.

3. Opera

Selectors:

  • text-shadow
  • border-radius: 60px 0px / 0px 60px;
  • box-shadow: 0 0 20px 10px #000 inset;
  • box-shadow: 0 0 20px 10px #000 inset, 0 0 20px 10px #FFA; would do two shadows.
  • border-image
  • media-queries lets you change the CSS display based on the width/height of the content view area.

As a side note, the Galineau from Microsoft was grabbing his fast in nervousness while Wium Lie was going over Opera’s amazing new features. :)

4. Questions and Answers

Typically designers will float elements on a page to mimic page layouts. Although it works, it just doesn’t seem like a good solution. Johnathan Snook is a CSS layout issue author who touches on implimations for this issue.

Opera wrote a few custom selectors into their browser that lets them print as a book. They actually used this technology to print and publish an entire book two years ago. They worked with Yes Software who was doing something very similar to what they wanted.

Baron posted his examples online. You can access these from his website.