Website Design, Search Engine Optimization

16.47

Panel Q&A Core Team Developers and Designers this is the panel #wcsf

• John Cave contributes to core for about a year
• Andrew Nacin  2 yr o
• Jane Wells 3 yrs.
• Mark Jakewith?
• Daryl Coopersmith also known as Coop
• Andrew Oz

MySql now being owned by Oracle, does that make you uneasy: Yes a little uneasy

How did you get on core team: Mark switched in 2004 to WP, started helping out on patches and moved through the ranks. Jane in 2008 running a usability and design lab in NYC Then Mat convinced her to come to WP. More answers went go into all of them.

17.24

• Talk about WordPress 3.3 is it in the works? 3.3 is taking place in trunk. #wcsf
  The core team is all very young in their 20′s except for Jane she will be 40 in december
• Code for the uploader, media uploader? To be able to upload multiple files. New has several different modules. It will scale. Mostly on the backend. It will support drag and drop uploading. Change UI to make it more intuitive . This is big undertaking and needs to be done to improve media.
• Use Microsoft hosting for big project? Long answer sorry I did not get it. Core liason with Microsoft, they are now reaching out to support WordPress. We want everyone to be able to use WP.
• Oz regarding media uploader,  Html 5 then  Silverlight then Flash why Flash last? This is how the PL uploader works. Problem with Flash requires more work to make it work.
• Weekly dev chat on Wednesday afternoon. The biggest priority now getting media into your site.
• Dropping support for IE7 in the next release? It is not happening for the next release. Best thing is to update your browser for best experience. Trying to push people forward but it is tough.
• What makes you want to continue  working with WP?  Most people do it because it is an itch by Niacin. We want to be challenged. The community is the big factor positive and vibrant. Makes publishing easier and free. Has anyone seen the philosophy we subscribe to those. From a code standpoint. Community is a big reason.
• Theme review team what about a plugin review team? Ask Matt this question tomorrow. It is alot to start with. OOPs Nacin can’t tell us something. Matt will tell us tomorrow. Plugin repository is 8GB it is huge
• Multi site what is the direction to make it better? It is on the list. It is really big to improve. They keep chipping away at it.
• Give back by answering questions in the forums.

15.43

Presenter Kevin Cheng How do you get a point across within 10 seconds? #wcsf Comics are a unique way to communicate, using both image and text to effectively demonstrate time, function, and emotion.

15.48

Google launches Google Chrome. Why did they do this? #wcsf Marketed with a comic book if had white paper very few people would have read.

15.53

Using comics to make sure something gets read and why they work. #wcsf @k SeeWhatIMean.org

You can learn something inadvertently It catches a persons attention and it is a happy medium

Four points why comics work

• Communication
• Imagination
• Expression
• Emotion

16.04

@k #wcsf People who can’t read can understand comics. Comics use a language one inherently understand.

Imagination is another piece that comics are really good at. A lot of comics choose to be on the more abstract side. Show just enough to give the person the idea.

Pixar is one of the best at creating expression in simple ways with body language and eyes. A stick figure can show expression.

Motion the passage of time and movement. Move the stick man up and down. Empty space can have meaning in a comic. Repetition can show passage of time. Can be difficult to convey in copy and words.  Once you understand how motion and time works you can do amazing things with comcs.

16.17

Inspiration for comics – you are trying to tell a story and how do you choose to get the story across. This is the right tool to get this point across #wcsf

• bitstrips – create comics with templates
• designcomics.org
• Comic Life  plasq.com – people use this for blog posts

plugin called comicpress for wordpress

Infographics: ikea instructions, lego instructions

16.19

Comic Version vs. Traditional is to do A/B testing #wcsf Comics are putting the user back in the user experience.

14.54

Next Presenter  Crystal Beasley at #wcsf from Mozilla

15.02

Crystal is alot of color red hair purple top and red shoes #wcsf topic is about conflict Negotiation in Open Source Teams

15.26

Tact is the most efficient way to get stuff done. Conflict negotiation strategies #wcsf This is basic therapy.
Awesomeness requires a team
Good relationships with Good outcomes
Now this is a strange presentation, everyone just did arm wrestling?

This is all about working in a team and a workshop that she attended.
From the Harvard Negotiation Project
Four modes of communication

• Inquiry
• Paraphrasing
• Acknowledgement – use I statements (I added this)
• Advocacy

Differing Perceptions, I may not have all the information.

If I want to change their mind then I need to understand or know what they are thinking. “What is it that makes you think …..” Then you can have a discussion.

As a parent with teenagers to be successful you learn these things quickly.

Brene Brown TED talk on vulnerability @brenebrown – talks about dealing with our ego

Crystal’s twitter @skinny

14.13

CSS pseudo elements ::before and ::after presented by Chris Coyier #wcsf CSS Pseudo Elements for Fun and Profit

14.16

Live Blog http://www.tonicarr.com/blog/css-pseudo-elements-for-fun-and-profit-wordcamp-sf/ #wcsf CSS Pseudo Elements

14.17

CSS is the grand canyon then pseudo elements are the rocks at the bottom #wcsf

14.20

pseudo class selectors is what you use to change the color of a link #wcsf all start with a colon

we are going to talk about :before and :after
div:before {}  puts stuff on the page

14.23

pseudo elements putting new stuff on the page #wcsf inserts new stuff on the page

Always use single colon don’t use double colon

14.31

pseudo elements can’t go on “no content” elements such as images #wcsf

A blockquote add a pseudo element
Can create a multi line quote with out having two quote marks

Design elements are good for pseudo elements not for content such as empty h1 tags, accessibility issues

14.38

Chris Coyier is really funny great presentation I am entertained. #wcsf

14.40

feature-comments good plugin that gives people gold star for comment #wcsf features a comment Chris added the gold star in CSS

14.48

Nicolas Gallagher three canvas look pseudo elements Don’t need a background. #wcsf

pseudo elements are css 2.1

IE 7 is bad support above is good.

They let you write better mark up

Slides are here: http://bit.ly/pseudos Without the personality, great presentation

13.13

Sara Cannon Presents Responsive Web Design a term coined by Ethan Marcotte. #wcsf People are filing in now.

13.17

Live blog entries for Responsive Web Design here http://www.tonicarr.com/blog/responsive-web-design-wordcamp-sf/ #wcsf Seats are getting very sparse

13.32

@saracannon http://slideshare.net/saracannon sara-cannon.com #wcsf WordCamp

13.34

Making design more flexible and responsive #wcsf 2011 theme is a responsive theme and can adapt to various different devices.

13.38

twentyelevendemo.worpress.com #wcsf works wide and on mobile, beautifully readable on any device

Sites with responsive design:

• Hicksdesign is also very responsive
• Foodsense.is
• morehazards.com – phone size actually hides some of the content

13.41

Adaptive Grid Systems and Images #wcsf Need a flexible grid system

cssgrid.net

lessframework.com

Grid system is all about percentages

target / context=result  best to not round

13.42

responsive2010.com makes the 2010 theme responsive there is a plugin for this #wcsf

13.47

If you have a flexible grid you need flexible images. #wcsf for a Responsive Web

Flexible Media: creating fluid width media

Media queries: this is CSS @media attribute
media targeted to screen sizes is all in your style sheet

CSS3-mediaqueries.js – this is all on google

Great book by Ethan Marcotte Responsive Web Design great article on listapart

Good aricle smashingmagazine.com

13.48

mediaqueries.es how people are using responsive web design #wcsf

13.51

Lots of responsive themes on wordpress.com #wcsf

• Chateau
• Quintus
• React
• Shelf
• Basic Maths – also takes away your content and stacks it

13.52

2011 theme has nice showcase feature for responsive web #wcsf

14.05

Q&A Responsive Design #wcsf

• How you approach designing for multiple screen sizes: I design a site from the ground up. She will present to client in context of different devices. Get your clients to understand
• Tools to test with: There is a plugin for Chrome that will adapt your window to different sizes.
• All examples use CSS what about JavaScript? You can use your media queries and a way to do it in your header.
• What is the development time added to the process? It adds a good bit but later you get faster. It can add value at the very beginning
• Big obstacles: Dealing with media and that you have targeted it. Make sure you test everything and that it all scales.
• Tools for testing: Crossbrowsertesting.com which will help you do testing
  Browser Lab from adobe
  IE tester
• What to use for font sizes: she uses em / 2011 theme uses pixels
• What adds to project time? Mobile don’t assume what your users what and give them full functionality.
• A concern, responsive web design can have load time problems? Depends once again on your audience. This is going into the future of mobile. There is a lot of discussion now on how to serve up images and content.
• Nightmares in IE? You have to work really hard to make sure everything is in percentages and no pixel widths. that you have your mediaqueries.js
• Andrew Oz How do you make the WordPress Admin responsive?

10.19

#wcsf Panel:

• Drew – from themefoundry  got started in late 2008 three employees
• Brian Gardner studiopress
• Dave Cowgill app themes business applications

10.26

Setting pricing on themes #wcsf asked and took ideas, some started very low and later went up. Low to up was naive way to start.

Should commercial shops release free themes – yes, to give back to the community. Many different ways to engage with audience and giving back. All agree best to have free and give back then you will get return traffic. Give it out for free to gain trust may be a good way to get started. The try before you buy is a good concept. Let them get a taste of your product.

10.30

Brian  StudioPress what makes you the best shop out there. Used free themes as catapult of marketing. Support taking care of your customers and users. 9 mos. ago things got different, affiliate programs

Pay per click, theme forest, build up your customer base.

Biggest is focusing on a great product that is what is going to make a dfference and the support make your clients feel important