Profile

Cover photo
Harry Roberts
1,663 followers|37,356 views
AboutPostsPhotosYouTube

Stream

Harry Roberts

Shared publicly  - 
 
My talk at #btconf  is now online :D
 
Good Morning. Here comes +Harry Roberts with his nice #btconf  talk “Cheese is really good at being Cheese” erhm wait … “Architecting Scalable CSS” it was. https://vimeo.com/70041549
View original post
9
4
Boris Kaiser's profile photoMatt Watson's profile photoJan Skovgaard's profile photoAmaury Moulron's profile photo
 
Thanks - added to watch list!
Add a comment...

Harry Roberts

Shared publicly  - 
 
Any digital/tech/design/dev people in Yorkshire need to get yourselves to Hey!Stac. It’s a free event on 4th June and I am speaking at it!

http://bitly.com/16oJ7oJ
1
Add a comment...

Harry Roberts

Shared publicly  - 
 
 
#Usefulness and #usability.

“There is the desire of a consumer society to have no learning curves. This tends to result in very dumbed-down products that are easy to get started on, but are generally worthless [or] debilitating.”—Alan Kay, http://goo.gl/V1d2k.

That’s a challenge for us also with websites and, occasionally, low information density. Some things can’t be reduced to a catchy phrase and a junkchart.
View original post
1
Add a comment...

Harry Roberts

Shared publicly  - 
 
“If I wanted to, I could hire 10,000 people to do nothing but paint my picture every day for the rest of my life. And the GDP would go up. But the utility of the product would be zilch, and I would be keeping those 10,000 people from doing AIDS research, or teaching, or nursing.”

— Good Guy Buffet http://en.wikipedia.org/wiki/Warren_buffet#Wealth
1
Add a comment...

Harry Roberts

Shared publicly  - 
1
Add a comment...

Harry Roberts

Shared publicly  - 
3
James Gregory's profile photoChristopher Welty's profile photo
2 comments
 
Thanks for sharing and for a wonderful presentation!
Add a comment...
Have him in circles
1,663 people
Eoin Griffin's profile photo
Avi Bisram's profile photo
Sébastien Nikolaou's profile photo
henry mahia's profile photo
Luke Harrison's profile photo
Rienier Patron's profile photo
KevAdamson.com's profile photo
Arwen Varner-Howland's profile photo
Harold Dennison's profile photo

Harry Roberts

Shared publicly  - 
 
I was fortunate enough to see this talk first-hand at beyond tellerrand back in May, 2013. Absolutely hilarious, poignant and moving, I HIGHLY recommend you watch it. 10/10. https://bitly.com/19O41vq
3
Add a comment...

Harry Roberts

Shared publicly  - 
 
I’ve stolen some more ideas from programmers!

http://bit.ly/10M4UNT
5
Kemal Avdovic's profile photoFranz Josef Kaiser's profile photoHarry Roberts's profile photoPatrick Lannigan's profile photo
4 comments
 
Yes. Great artists steal. I'm happy to say I have stolen from you! Your awesome (and oh-so-clean) drop down css menu tutorial. Thanks so much.
Add a comment...

Harry Roberts

Shared publicly  - 
 
Once again, the single responsibility principle in CSS[1], and using more classes in your markup, has proved itself a massive success.

We had to rearchitect a huge and complicated chunk of JS-rich DOM at Sky yesterday; we moved a few elements around and completely altered how one of the trickiest parts of the Sky Bet font-end works, and had minimal effort in needing to change any CSS or JS as a result.

A job that would have normally taken upward of half a day took us under half an hour, because everything was granular and isolated enough to allow it to drop almost anywhere in the DOM and still work.

I’m hoping to write up an article about verbosity in HTML at some point—which should hopefully cover this kind of thing in more detail—but until then: embrace the more-classes-in-your-markup approach!

1. http://csswizardry.com/2012/04/the-single-responsibility-principle-applied-to-css/
12
1
Harry Roberts's profile photoRob Wood's profile photoKarsten Buckstegge's profile photoAndy Howell's profile photo
4 comments
 
Seems like the logical extension to the basic principles why we use external css.
I really like how the css-community is recently adapting some practical techniques from higher-level programming languages to be more efficient.
Hope we'll see that verbosity article soon.
Add a comment...

Harry Roberts

Shared publicly  - 
 
* Drag http://faavorite.com/faave/random to your bookmarks bar.
* Rename it ‘faavorite’.
* Get clicking and spend all your time discovering cool stuff!
3
Danh Hoang's profile photo
 
This is awesome!
Add a comment...

Harry Roberts

Shared publicly  - 
 
How would you brand yourself?

This is an interesting one, or at least one I find interesting… how would/do you brand yourself?

Take me, for example.

I usually describe myself as a ‘web designer/developer’ but I don’t think this is very representative any more; I’m not a great designer and I’m only getting worse at it—my development is my strong point and I am only getting better at it.

However, I only really write HTML and CSS, so is it fair to call myself a developer? Most developers deal with a lot more complex stuff than HTML and CSS.

But, I do so much more than write HTML and CSS; anyone can float a few divs or make some text red, I’d like to consider myself a front-end architect. I build elegant, scalable solutions for massive front-ends; it’s what I’m employed to do at BSkyB…

At Sky I am employed as a Senior User Interface Developer, but that’s my job title, not me. I can only really call myself a Senior UI Developer whilst I’m at Sky, so what am I?

I have no idea, but I’d really really love to hear what your official job titles are and what you’d consider yourself to be!

H
8
1
Stefan Baumgartner's profile photoShane Hudson's profile photoMathieu “Skiant” Dubois's profile photoTaz Johnston's profile photo
18 comments
 
I've come across the same question, since here, most of my non-tech colleagues have no idea what frontend and backend developers are, for them, we just write stuff.

Plus, since we use the terms "Frontsite" and "Backsite" to talk about the public part and the admin panel, respectively, it confuses them even more, and as I result, they sometimes ask me to do php/mysql stuff, and ask backend devs to do html/css, which is pretty bad.

I think User Interface Developer is quite okay, it says a lot for non-tech people. I have no idea how to call a backend developer to make the average Joe understand, though. The best I could come up with was "Data Management Developer" but that sounds just silly.
Add a comment...

Harry Roberts

Shared publicly  - 
 
One thing I’ve started using a lot more of over the last year is classes. Dozens of short, tiny helper classes. Instead of applying one ID or class to an element, I’ve started using a handful of smaller ones in conjunction with each other to get the same result.

A few minutes ago—largely as a proof of concept—I wrote this HTML:

`<a href=/login/ class="btn btn-rev btn-lrg giga go brand-face">Log in</a>`

Although a very exaggerated example, it felt good.

Using lots of tiny classes like that is akin to eating at Subway; instead of ordering a sandwich as a whole you can make an almost infinite amount of combinations of sandwich by combining the smaller parts—the ingredients.

By breaking a sandwich down into smaller bits you can quickly and efficiently create a multitude of varieties of sub. This is what class based builds are like. Instead of:

`#sandwich`

we now have

`.bread.lettuce.cheese.salami.mayo`

and that is awesome!

Don’t like tomato? It’s easy to leave it out…

Class based builds are like eating at Subway (only nicer).
28
8
Blake Gilbertson's profile photoJon Reece's profile photoAndrés Díaz Hernández's profile photoLee Xiang Wei's profile photo
14 comments
 
Love the sandwich example. Makes me hungry, but it's a great example and the image will now be stuck in my head forever.
Add a comment...
People
Have him in circles
1,663 people
Eoin Griffin's profile photo
Avi Bisram's profile photo
Sébastien Nikolaou's profile photo
henry mahia's profile photo
Luke Harrison's profile photo
Rienier Patron's profile photo
KevAdamson.com's profile photo
Arwen Varner-Howland's profile photo
Harold Dennison's profile photo
Work
Occupation
Web developer
Links
Other profiles
Contributor to
Links
Story
Tagline
Consultant Front-end Architect • Writer • Speaker • Previously Senior Developer at BSkyB
Introduction

Harry is an award-winning Consultant Front-end Architect, designer, developer, writer, and speaker from the UK. Previously aSenior Developer at BSkyB, he now helps teams all over the world build better products.

He specialises in authoring and scaling large front-ends; he writes on the subjects of maintainability, architecture, performance, and more at csswizardry.com; he is the lead and sole developer of inuitcss, a powerful, scalable, Sass-based, BEM, OOCSS framework; he Tweets at @csswizardry.

Basic Information
Gender
Male