The ScrnShots Blog: News, Tips, Tricks and Development Updates from ScrnShots.com

ScrnShots Plugin For WordPress

One of our users, Matt Varone (aka: sksmatt), wrote a ScrnShots Plugin For Wordpress!

It boasts easy setup and configuration via an admin panel, as well as cache support, “allowing you to save thumbnails on your own server.”

The cache support is pretty freaking cool, so check this nice little tool out!

Thanks Matt!

ScrnShots Plugin For Wordpress

Planned Upgrades - Oct 6, 9PM PST

Tonight at 9pm Pacific Standard Time, we will be upgrading a few peices of the ScrnShots infrastructure. While we don’t plan on having any major outages, you can expect ScrnShots to be partially available for 15 - 30 minutes. Thanks for your understanding and keep posting all the great screenshots.

Featured ScrnShots’ User: Chris Spooner

Chris Spooner is an amazing designer. I’m a big fan of his blog, especially his tutorials (my favorite is the vector pirate tutorial). Chris’ screenshots are always full of vector goodness and he is a great contributor to the ScrnShots community.

If you are even mildly into vector design, Chris is definitely the man to look to for inspiration. Keep up the good work, Chris!

Here’s a bit of an inside look at what Chris does:

Derek: What is your profession?

Chris: I work as a fulltime Graphic / Web Designer for a small design studio based in Sheffield, covering a variety of design work from logos and branding, leaflets and magazine ads through to exhibition graphics and design for web.

I also enjoy taking on personal projects such as my personal design blog; Blog.SpoonGraphics, where I present Illustrator and Photoshop tutorials, design related articles/roundups and the occassional free giveaway which all helps me keep up to date with the web industry and fine tune my creative skills.

Derek: What does a day at work look like for you?

Chris: During the daily 9-5 I undertake whatever projects are on at that particular time, working primarily in Illustrator, Photoshop, InDesign, and Dreamweaver depending on the nature of the work. Print work is mostly created on the Mac while my web design tends to be more PC orientated for ease of testing with IE. Answering phone calls, emails and munching ginger biscuits is also part of the daily routine!

Throughout the day I also enjoy browsing the web through my feed reader and StumbleUpon, visiting similar design related blogs and reading up on the latest industry news.

After work at 5pm I spend the early evening working on personal projects at home, which includes generating content for my blog and maintaining my girlfriends driving tuition website (Revolution Driving Tuition). Once she has finished her teaching for the day we often check out the new movie releases at the cinema.

Derek: What are some things that you are working on right now?

Chris: I have just started a new personal project with a developer friend, named myNiteLife (http://www.mynitelife.co.uk). The project is just getting underway but aims to provide the opportunity for Sheffield citizens to rate and review the local night life venues and plan their nights out with a feature of sending out arrangements to their friends.
Otherwise I am constantly trying to generate new content for Blog.SpoonGraphics, I need to organize myself into sitting down and producing some new tutorials!

Derek: How does ScrnShots fit into your workflow?

Chris: As a designer I’m constantly gaining inspiration from everyday findings, particularly on the web where plenty of stunning visuals are served up via design blogs and portfolios. There is always a point sometime in the future when I recall seeing a particular image or website that inspired me, but can never remember how I came across it, ScrnShots is a great way to keep track of these findings. The desktop app is a particularly useful addition which cuts out some of the steps making it much quicker and easier to grab a screenshot without interrupting my workflow.

Derek: What do you use ScrnShots for?

Chris: I find ScrnShots a great way to keep track of design trends and save copies of clever design ideas. During my daily browsing if anything makes me pause for a moment, I’ll quickly snap it and upload it to ScrnShots for reference on another day.

I’ve also found that while browsing through the screenshots of others, I’ll often click through to the website which can then lead to discovering new content and interesting sites I had never come across before. All in all it ties in well with the whole social media scene, giving a place to store and share inspiration online rather than in the ‘Inspiration’ folder that used to sit in the depths of my hard drive!

Derek: This is your time to shine, what else would you like to say?

Chris: I’d just like to give a thumbs up for creating such a cool service, and many thans for the opportunity of being a featured user!

[Stats] Top ScrnShot’rs & Most Active this Week

We’re starting a new column on the ScrnShots Blog that chronicles interesting stats on ScrnShots.com. To start things off, here’s two lists of the most active users over the past week:

1. Top 10 Screenshot Uploaders for this Week

  1. (41) willbolton
  2. (40) tonycurzonprice
  3. (39) computerwhisperer
  4. (35) creativecomponent
  5. (29) stones
  6. (22) chriscoyier
  7. (20) bwoodsdesign
  8. (19) Santana
  9. (19) spoongraphics
  10. (15) luizavoll

2. Top 10 Most Active Users for this Week

This list is based on overall activity on the site including: uploading, commenting, favoriting, and adding contacts.

  1. esquareda
  2. willbolton
  3. tonycurzonprice
  4. computerwhisperer
  5. creativecomponent
  6. chriscoyier
  7. stones
  8. ckaroli
  9. fmontes
  10. spoongraphics

Featured ScrnShots’ User: Eric Anderson

Eric Anderson is one of my favorite ScrnShots users… not that I don’t love every one of you, but the reason I enjoy having Eric around is because he makes my job easier.

Eric is involved in almost every conversation on ScrnShots these days, and his comments are always uplifting and informative. He’s also got a great eye for design; I would highly recommend subscribing to his favorites, as they are always an interesting browse.

You can stay up to date with Eric on his tumblelog.

Derek: What is your profession?

Eric: I am Lead Web Designer at a small design firm called neoverve that specializes in developing custom ProStores e-commerce stores. I have been working at this company for over 7 years now and still get a kick out of the design process. Push a pixel here, tweak a color there - increase that line height. I enjoy all the little bits that go along with Web design - typography, Web conventions, user experience and page layout. For me, Web design has lots of payoffs for a creative person. A round heaping of artist, a dash of writer, a bit of storytelling, a smidgen of ad-guy and a ton of geek.

Derek: What does a day at work look like for you?

Eric: A typical day starts around 8:30ISH with some Peet’s Coffee (I prefer Columbia), then Inbox “0″ and some feeds. I am usually a pig in our daily scrum at 10AM. During any one day, I may create some layouts in Fireworks, code some pages and/or CSS with Coda, or provide software training and support for clients. Each day is different, that’s part of the fun.

Derek: What are some things that you are working on right now?

Eric: Right now I am working on our company’s site re-design / re-align using a CMS called Movable Type. This is a welcome change from the old days of static pages (ugh). We had been so busy working as fast as we could for the past 5 years that our site had gone nearly untouched. This was bad - we were the barbers with bad hair cuts. Recently, our company overhauled our entire workflow and now are so efficient that we can afford the time to help ourselves. I also enjoy tinkering with my personal Tumblelog in my off-time.

Derek: How does ScrnShots fit into your workflow?

Eric: ScrnShots is the perfect square peg that fits the hole I kept trying to jam all that other round stuff into. I use it for inspiration, idea generation, studying conventions and just keeping up on design trends. It also has proven uber-useful for communicating ideas to the other members of my team. Being able to show someone a screenshot and say “why don’t we do something like this” - rather than trying to explain a new idea by waving my hands around in the air is priceless.

Derek: What do you use ScrnShots for?

Eric: I use ScrnShots as a Personal Creative Resource Library (a PCRL if you will). In the past I have used bookmarking services, software, smart folders, text docs, any conceivable way to try and save inspirational things in a way that can be useful.  I tried Yojimbo, Evernote, Skitch and even posting screenshots on Flickr in the past.  None of these other methods of capturing and logging inspirational Web bits ever really worked. The collecting part was no problem, it was the retrieval and use of the bits that was troublesome. ScrnShots just nails it.  Keep this - remember this approach - oh look at that Web form - hey, nice logo - bam add it to ScrnShots, describe it and tag it and there ya go.  It’s always there and can be recalled with a few clicks.

Derek: This is your time to shine, what else would you like to say?

Eric: I would like to thank Derek and Greg over at Orange Peel Media for creating this wonderful tool. It really fills a huge gap in a Web creatives tool belt and I am a better designer for using it, no doubt. Being 100% self taught, I have always relied on free tools for learning, and inspiration - ever since I began Web stuff back in ‘99. ScrnShots wins the award for most likely to cause personal growth. Cheers, guys.

Featured ScrnShots’ User: Chris Coyier

Chris Coyier runs a “little” blog called CSS-Tricks. Chris recently wrote a tutorial on how to Build Your Own Social Home, which aggregates social networks including ScrnShots.

Chris is also the “web guy” for a small design company out of Madison, WI.

When asked a few questions, here’s what Chris had to say:

Derek: What does a day at work look like for you?

Chris: I think of myself mostly as a web designer, but things are never cut-and-dry like that these days. Since I’m the only one at the business with any web experience, my daily activities have a wide range. Sometimes I get to do “fun stuff” like creating mockups in Photoshop and converting designs into markup and playing with new cool technologies to make the sites better. Other times I am doing maintenance type work like updating content on sites, installing/upgrading software, creating reports and the like. Some days I am doing hair-pulling work like attempting to pacify angry clients and troubleshooting problems like “why is my website down?” which are way over my head. Those latter days, I could go without =)

That’s all day-job stuff. By night, I try to work on projects that don’t directly involve clients. I find those projects much more relaxing and rewarding to work on. I work on my my blog CSS-Tricks and always have a few other new projects I’m tinkering with.
Derek: What are some things that you are working on right now?
Chris: Like I mentioned, I do consider myself primarily a web designer. But I do sometimes fantasize about being a real developer one day. It would be nice to make the sites I work on DO the things I want them to do instead of always dancing around functionality built by other people. Lately this journey has taken me toward learning to use Javascript and the jQuery library to do some neat stuff I was previously unable to do.  For example, I just finished up a little idea I had that uses the APIs from a few different social sites (including ScrnShots!) to build a “social home” for myself. Probably pretty simple stuff for a lot of developers, but I’m just learning this stuff so it’s still amazing to me. As I learn new things, I tend to write it up into a tutorial for CSS-Tricks. It helps me learn it better when I need to turn around and teach it, and my audience of web designers seem to appreciate it as well.
Derek: How does ScrnShots fit into your workflow?
Chris: I am fairly new to ScrnShots, so I’m not sure that is has found a steady place in my workflow yet. The concept of it really gels well with me though. If I am looking at something inspiring on my screen, it is too painful just to close it away without doing anything with it. ScrnShots is a visual diary of those things, so that I can close them but know that I have given them a home that I can come back to and look at anytime. Plus ScrnShots gives me away to annotate and describe those things if I choose.
Derek: What do you use ScrnShots for?
Chris: If del.icio.us is (Title + Notes + Link), ScrnShots is (Image + Notes + Link). Since they are both equally easy to use, it just comes down to how you want to browse your own diary. As a designer, images are much more meaningful. I am thinking ScrnShots to me will become my own personal go-to spot for inspiring ideas I want to come back to.
Derek: This is your time to shine, what else would you like to say?

Chris: Just thanks for the interview! Take care Derek and good luck with ScrnShots.

CSS-Tricks: Build A Social Home with ScrnShots!

Fellow ScrnShots user Chris Coyier wrote a nice tutorial on how to build your own social homepage by using  JSON APIs from a few social web applications including ScrnShots. He uses the ScrnShots API and jQuery to pull in thumbnails of his latest screenshots. Very slick simple implementation.

If your interested in web 2.0 and APIs, check out his post over at CSS-Tricks: Build Your Own Social Home.

Featured ScrnShots’ User: Ross Howard-Jones

This week’s featured ScrnShots’ user is Ross Howard-Jones, ScrnShots alias: rosshj. Ross lives here in Vancouver, and we had the pleasure of meeting him at Launch Party Vancouver a few weeks back.

Greg and I (we’re the people who run ScrnShots) have an extremely involved game of foosball every lunch hour, and I found out that Ross is also an avid foosball player. This really got me thinking, it would be a lot of fun to slaughter Ross in a game of foosball! Just kidding, Ross… I’m sure you’d score at least one goal ;)

I got the chance to ask Ross a few work-related questions, and here’s what he had to say:

Derek: What is your job title?

Ross: I am a User Interface Designer for Donat Group Enterprises. My day to day role however, encompasses everything from information architecture, usability studies and prototyping to art direction and front end development. That’s actually one of the great things about my job. I wear multiple hats, which keeps me connected to every aspect of our projects and our team. I have been working in the web industry for about 10 years now, and have enjoyed the evolution that has taken place online in terms of what people are doing from a design and functionality standpoint.

Derek: What does a day at work look like for you?

Ross: I usually start my day by making myself a monster americano. We have a great espresso machine at work, so I usually wind up as the morning barista for my fellow comrades in the office who are also in need of a serious morning wake-me-up. My job is great because in addition to UI Design, I get to be the hub to everyone in the office. I check in with our junior team, brainstorm with the development team, and jump into project management with the other senior management staff. I also work directly with our clients to make sure their vision is being translated in the work we are doing. I’m lucky in the sense that I get to work with some pretty amazing people. I think sharing ideas and collaborating with different people throughout the process is what ultimately leads to a better end product. It also helps keep things interesting and enjoyable along the way. Another thing I appreciate is the fact that we work really hard, but we also remember to keep it in perspective. We deliver some pretty big projects, but we also have regular intervals throughout the day where we kick back, mix it up with a foosball session or a time out to play some Wii.

Derek: What are some things that you are working on right now?

Ross: At Donat Group we are doing a fair bit of work for MTV Networks and other entertainment companies at the moment. We specialize in social networks, so it’s been a total blast taking what we do to an entirely new level with companies that come to us creatively inspired and looking to push the envelope. It’s been a great relationship, which at the end of the day is what really matters. The same can be said of working with companies like Virtue and Electric Sheep in the areas of brand development, art direction and information architecture. The great thing about feeling inspired at work is that it ripples over to so many other areas. There’s work, and then there’s life and being able to carry that feeling from one to the other and vice versa is a very cool thing. I have been really inspired over the last few months and have started working on more of my own projects as well. My friends and I have a small company where we get together and collaborate on things we are passionate about. We developed a social network that revolves around fitness a little while back, which was a great experience.

Derek: How does ScrnShots fit into your workflow?

Ross: I’m all for things that make life easier, and ScrnShots definitely makes having everything I collect for reference in one spot a lot smoother. I have always tracked and bookmarked the things I find interesting on the web, but using ScrnShots allows me an easy way to build and manage my library from a single spot, which is a far more efficient way of doing things. I don’t have to try and remember where I saw this certain UI or design, or where I might have filed it, I can just go to ScrnShots and click on one of my tags and bring up a whole bunch of examples. I like capturing different ways of presenting data, interesting user interface elements and anything that I find creatively inspiring. ScrnShots is a perfect site to use when trying to explain these types of things to someone such as a team member or client. It helps me reinforce what I’m trying to explain by having pointed visual examples of what others have done or what I have done in the past. Demonstrating what I am talking about in this way helps me not only further explain what I am referring to, it also helps manage expectations on both sides of a project.

Derek: What do you use ScrnShots for?

Ross: Since I discovered ScrnShots I’ve used it primarily as a tool to capture the things I’m working on and what’s going on around the web. I used to bookmark a site because I found a certain part of it interesting, only for them to change their design and have that piece disappear. Now I can keep them in one central area where I can trust it will be there without changing. I also use it to capture my own work. It has been great tool to save the state of one my sites. It captures a moment in time on a dynamic site and I like the idea around that. I also like the fact that with little effort I can stay connected to what fellow designers are doing and find inspiring. It’s really interesting finding things in common and having that act as an introduction to something totally different that you might not have otherwise encountered. Sometimes when you’ve got a block happening it’s great to jump on ScrnShots and go through your library or someone else’s to help you get it in gear again.

Derek: This is your time to shine, what else would you like to say?

Ross: I want to say thanks. I appreciate what you guys are doing and the opportunity to be involved this way. I am always looking for new places in which to draw inspiration from, and this is one that really works for me. So, keep up the good work, and thanks!

Top 15 URLs on ScrnShots

We thought that some of you might be interested to see some of the more popular source URLs on ScrnShots to date. So without further adieu, here are the top 15 URLs on ScrnShots:

  1. (96) apple.com
  2. (50) scrnshots.com
  3. (48) flickr.com
  4. (36) blog.jimmyoliger.com
  5. (28) twitter.com
  6. (24) facebook.com
  7. (20) vimeo.com
  8. (18) versionsapp.com
  9. (18) squarespace.com
  10. (18) blog.ikubon.com
  11. (18) plurk.com
  12. (16) last.fm
  13. (16) sessions.collectiveidea.com
  14. (16) google.com
  15. (16) behance.net

Featured ScrnShots’ User: Imran Ali

We have another Featured User on ScrnShots: Imran Ali.

Imran is a founding partner of Carbon Imagineering, a UK-based emerging technologies think-tank,  incubating a number of startup projects and providing strategies on emerging technology issues for clients.

Imran has also written two very flattering reviews of ScrnShots, which have appeared on Web Worker Daily. I had the opportunity to talk to Imran last week about what he does, and how ScrnShots is CHANGING HIS LIFE!

Derek: What does a day at work look like for you?

Imran: Um, generally a lotta reading (papers, journals & around 200 RSS posts every day!), some writing, doodling with design concepts for new ideas and invariably board meetings with clients and our partners. Sometimes I work from home, sometimes from my office in Leeds, UK.

Derek: What are some things that you are working on right now?

Imran: We helped to launch a coworking space - the Old Broadcasting House last year and are working on some mechanisms to help grow a technology ecosphere across the five major cities of the North of England…the area that was the Silicon Valley of the Victorian era! We have a couple pet startup projects of our own involving social TV and Islamic web services. I’m also a board director of two startups - ensembli and bmedi@ as well as the advisory board of a number of startups and conferences - including Emerging Communications and Going Solo. I’m also a regular contributor to Mobile Messaging 2.0, O’Reilly Media and Web Worker Daily.

Derek: How does ScrnShots fit into your workflow?

Imran: As I spot designs that I like, online and the in real world, I keep a folder of these inspirations on my MacBook’s desktop. I dip into this resource when I need to kickstart a new idea or design concept. Scrnshots is gradually replacing that folder largely by helping me to organise those resources for longevity and discoverability, but also helping me to discover designs that’re inspiring others. It’s also satisfying to get a thumbs up for the designs I’ve shared, from other users!

Derek: What do you use ScrnShots for?

Imran: A large part of my job is to synthesise the hundreds of technologies and innovations I read about each day into design concepts that make sense for clients. For example, what’s the user experience of data portability? As a designer at heart, producing these concepts is also a chance to experiement with new styles and metaphors...to do that I need tools for inspiration and Scrnshots is helping me to mechanise my inspiration much better!

Derek: This is your time to shine, what else would you like to say?

Imran: I Heart Vancouver! It’s given me Flickr, Snrnshots and Battlestar Galactica :)