 so i am finally getting around to writing up a summary of my time at an event apart boston i cant even express how much that i learned it was amazing to see so many respectable names in the web design development community all speak thank god for my company matrix group international for paying for myself and two co workers to go to the event so i thought i would give a quick run down of all of the events eric meyer secrets of a css jedi eric meyer started off the event with an wonderful talk showing the amazing things that are possible with css the first thing that he mentioned was that in order to get consistency between browser you should zero out the margins and paddings for every element except form elements people have been doing this by using the universal selector but by removing the margins and padddings for every element you can sometimes get weird results with form elements i mean conceptually what should happen when you add more padding to a radio button should the space between the circle and outline increase the other thing is that the universal selector takes more time to process than just having a large group selector his next point was that we need to realize that css doesnt care what element is doing what an element is an element which is when he turned a regular html table into a bar graph both vertical and horizontal basically he had a few classes and he was positioning the cells absolutely i am still not sure if it would have worked in ie 6 since it is so fussy at times he said he would post his html files at some point so i would be interested in testing in ie 6 it was just awesome to see the power of css and what we have to look forward to in the future as browsers get more and more powerful jeffrey zeldman writing the user interface jeffrey zeldman next spoke about writing content for the web when we look at the highest traffic sites on alexa it is not a coincidence that content heavy sites are at the top content is what drives traffic fresh copy is what counts more than looks people do not bookmark pages because of the images that are on it except for photographic sites they are bookmarking because of the content every instance of copy on a site is a brand opportunity and copy is often the easiest and cheapest part of a site to fix guide copy should be clear brief audience appropriate and brand appropriate web users are most often in find mode and they scan while monitors get better and better reading on the screen is much more fatiguing than reading print the keys to writing for the web is use frequent subheads chunk text use 8th grade vocabulary short declarative sentences i tell you zeldman really speaks well when he speaks you just get enthralled in what he is saying that is why i think working with him would be awesome it is too bad that the happy cog front end developer position requires you to be in philly i cant even imagine working with all of those awesome people at happy cog jason santa maria how to redesign your way out of a paper bag since i am not always the most creative person i was really interested in hearing this speech the first thing jason santa maria talked about was looking around you for inspiration keep a sketchbook keep morgue files whenever you see something in print that is cool put it into a file folder surround yourself in a creative environment but the best solution for seeking inspiration is to do research when happy cog was redesigning the comhaltas website they went and heard these people play the music and they hung out with them this gave them some insight into the music and gave them inspiration to create the design we also need to remember that design is iterative first you start with grey box comps which is where you focus on the idea and not minute details once satisfied with those you get into the specifics of each element when designing you need to consider things that will not look dated in a year another topic that i have recently read about in transcending css is about grid design this is not a new technique it is just something that people do not know how to do but basically by setting up a grid and designing by it you keep things in line and can create really clean and nicely defined lines this way you can plan for the placement of things even if you arent the one updating it jason said to embrace the whitespace which i think is something that is definitely being done in this whole web 2 0 thing the way to design is left to right top to bottom big to small just like how we read make sure there is enough contrast on elements and things do not have to be over styled on a side note jason had a little rant about how is not the same thing as ldquo and is not the same thing as rsquo and are used for feet and inches while and are used for quotation marks and apostrophes jasons speech really inspired me and i have since given up on my sister who was going to design my site for me i am just going to go for it steve krug the web usability diet i had heard steve krug give a similar speech at another conference but his points are still so valid he first begin by pointing out that even the best thought out products have usability flaws you can put it all the research and time creating the product but without testing it it can easily fail web user testing is easy to do round up a few volunteers have them follow a script where they will be asked to complete some tasks record it using software like camtasia then review with your team and see how much you screwed up oh yeah and pay your volunteers he made the point that you need to focus on the most serious ones until they are right it really does not take too much time and effort to realize that you have the problems the harder part is fixing them all the example that he used was to order a subscription of the new yorker magazine on magazines com without using the search function we found that it was not very easy time yourself only a handful of people did it in the alloted amount of time approximately 3 minutes he has used this example time and time again and magazines com still has not corrected the problem while usability testing is relatively easy sometimes it is hard to convince your clients of the value of it but honestly if money is involved there needs to be testing andrew kirkpatrick beyon basic access i must say andrew kirkpatrick did not have the most enthralling speech but it was an extremely hard topic to make interesting he spoke about how accessibility is more than just alt attributes label s th s or retaining information when javascript is disabled there are many different kinds of disabilities that users of the web have and we need to embrace all of them not just a few the whole gist of his speech was that we need to provide the name role and state of objects that users are interacting with for instance if you have a set of tabs these need to be named so that they make sense their role needs to be defined i e tabs and the current state of each tab needs to be readily accessible providing keyboard access to arrow over between tabs is a huge step forward yahoo and dojo are making great strides in this domain and their scripts are readily available dan cederholm interface design juggling dan cederholm may have given the best talk of the entire two days he was witty and his insight was great not to mention he is currently one of my favorite designers he first spoke about choosing color by starting with a small color palette and reusing variations of that set throughout the design you get a much more cohesive design a few ways to choose these palettes are grab a nature photo you like and use the color picker apply the mosaic filter in photoshop to any image and see the color combinations that are possible even such a simple thing as link color can carry great weight since links are the most important item of the web choosing a color that will stand out is important in dans definition great typography is invisible since there are not many universal fonts we just need to learn how to work with what we got one thing that dan does beautifully on his site is by styling his s beautifully it is such a small thing but just by adding one class it really adds that extra beauty to the page another interesting point that dan brought up was the importance of favicons these can be used when people link to your site they are used for bookmarks and we are seeing them more and more on mobile devices so essentially it is the first brand opportunity for your site dan also talked about adding small simple details without adding complexity by adding a simple 3px drop shadow on the bottom of a box it adds a lot of detail to the box without any extra markup finally dan talked about microformats i must say i was a little unclear about the benefits at first but after hearing his speech i totally understand them i thought it was all very confusing but essentially all that you are doing is adding a few universally accepted classes to elements as dan said we are really desiging for the future allowing people to do all sort of cool things with these universal classes oh and of course dan talked about being bulletproof check out what your site looks like with images disabled check it out with css disabled finally bump up the text two sizes opening night party restaurant 33 definitely the coolest bar i have ever been to restaurant 33 had these cool lighting effects all over the place and it was really entrancing not to mention the free food free drinks and people were cool too cameron moll good vs great design cameron moll is another wonderful designer and his talk seemed more conceptual than technical but it was still very interesting he first started taking about how there are some things that are just mapped naturally and that can help up determine how something works design is essentially communication but great design yields meaningful communication sure there may be some really creative people out there but if they dont know how to design for specific audiences then there talent is wasted cameron talked about how seeing things in greyscale can help to see the importance of specific elements in design he then went on to talk about how influence is almost cheap it can be found anywhere and copied anywhere while it can also be found anywhere inspiration is a much deeper thing finally cameron discussed the difference between redesigning just updating the look of the site and realigning adapting to your users changed needs he finished with the concept of fixing vs preventing by putting in more time up front to prevent things you will be saving time in the long run from fixing ethan marcotte web standards stole my truck ethn marcottes talk was a little boring to me because he didnt really discuss many new things to me he did make a few interesting points though while embracing standards may seen hard to non standardistas the benefits are huge lighter page weight better accessibility better seo one single document that can control the style of an entire site you can use the developer tools like firebug web developer toolbar out there you can decrease debugging time use borders and backgrounds to debug layout problems validate your code when all else fails just delete properties and start from scratch the most profound statement he made was that building a site with standards is easy but keeping it standards compliant is hard molly holzschlag building better browsers as many people heard molly holzschlag is going to do some work for microsoft to whip their browser into shape while at first i did not think mollys speech was going to be very interesting it turned out to be pretty good she first pointed out that browsers are software too they all have bugs also the browser history is not that long they are relatively young in software age since there are so many different interpretations to things it is easy to have many different approaches to implementation dont worry i still hate ie but after hearing her talk and thinking back to my programming days in college i have more respect for ie mollys browser pathways to success were create common baselines clarify ambiguous specifications use transparent development cycles keep an open dialog with the community foster events and networking microsoft was a sponsor of an event apart compete of ue and features eric meyer state of css in ie 7 world ok everyone lets admit it ie 7 is a huge step forward it can basically be considered on the same standards compliant level as firefox safari and opera the browser advanced so much in a standards sense i am not going to bore you with all of the things that are now possible in ie 7 that werent in ie 6 but i will point out one cool thing attribute selectors attribute selectors are awesome thats it maybe one of the coolest things in css by adding something like a href$= pdf to your css file you can add a pdf icon to all links to pdfs by adding something like a href = http you can target all external links an add an icon for that thats the long and short of it its awesome eric also encouraged everyone to make ie 6 more like ie 7 with dean edwards ie7 scripts via javascript you can make ie 6 act must like ie 7 i have played around with it a little and it is really cool use it spread the word jeffrey zeldman selling design jeffrey wrapped it up with an interesting discussion on choosing clients i have read a few articles recently about choosing clients and this just reinforced the point you do not need great clients you need great relationships you still need to choose your clients carefully and make sure not to choose indecisive clients or the work will never get done successfully the way to a good relationship is to involve the decision makers who are high up in the organization this makes them feel special everyone wants and needs to feel special sometimes our job is to sell ideas not pixels solve a problem with your design dont just create a design when responding to criticism figure out what they mean by it why dont they like that color they also need to realize that the site is not about the stakeholders it is about the users when all else fails push back look into it agree with them surprise thats it i must say it was awesome i cant wait to find some time to actually do my site design if ever you have the change go to an event apart event everything was very well organized and i learned a lot thanks to everyone at an event apart happy cog and the speakers 