Webdesigninformer.com

Hicksdesign Go to the source

There are a few apps that I’m particularly enjoying using at the moment, so I thought I’d share in case any of them are news to you: Choosy Choosy does a seemingly simple task, and does it very well. For a start, it provides a central preference pane to choose your default browser, but its main thrust is letting you choose which browser to open a link in. You can do this either manually via a chooser display (right), or automatically depending on order of preference. My favourite feature is ‘behaviour rules’. For example, I get emails from Opera’s internal bug tracking system, and I always want to open these in Opera, no matter what my default browser is at the time. … Read the rest here

Hicksdesign Go to the source

Earlier this week I recorded an interview with Chris Bowler for his Creatiplicity podcast . Chris has a very genial style and the whole affair felt very relaxed and enjoyable! Its not just about The Icon Handbook either, we discussed everything from parenting to cheese. Pop along for a listen! Comment on this … Read the rest here

Hicksdesign Go to the source

YAY !!! What a way to celebrate 10 years of Hicksdesign (to the very day) – my advance copy of The Icon Handbook arrives! I’m actually holding it in my hands! It has pages that turn with words (what I wrote) and pictures on them! It looks and smells flipping’ gorgeous! Excuse me, I think I need a sit down… If you’ve been waiting for the print version to be available before purchasing, now is your time to pick up a copy ! Tagged: hicksdesign , iconhandbook , icons … Read the rest here

Hicksdesign Go to the source

Since publishing a section from The Icon Handbook as part of 24 Ways last December ( Displaying Icons with Fonts and Data- Attributes ) I’ve been involved in a few discussions regarding its cons, some of which have since gained workarounds, and it felt a good time to do a follow up post. First of all, its worth mentioning the context of the article – it’s from Chapter 6, where all the various possible methods for deploying icons on the web are laid out. This includes creating icons with CSS , which isn’t something I’d recommend, but just may be a solution for someone out there and work well in a particular context. In the same vein, using fonts to display icons is just one of the options. Lets go over the 2 cons that keep coming up: Unicode Mapping Jon Tan states (rightly) that where matching unicode characters exist , the key should be mapped to that (such as the heart symbol for Favourites) and others that don’t to Private Use Areas where they have no associated meaning or content. This isn’t a problem with the technique as much as the current implementation of the fonts… Read the rest here

Snook Go to the source

My mind is on CSS quite a bit these days. At Shopify , I’m jumping into projects that already well under way. As a result, it’s been a great way to look at what I wrote in SMACSS and see how applicable it is to yet another project. (As if Yahoo! wasn’t already enough of a testing ground.) With Yahoo!, I (and a team of people) were writing the CSS from scratch and creating our mental map of the project as we went along. Jumping into the middle of a project as I am at Shopify, I have to try and figure out why things are done the way they are. Here’s an example of something that I ran into in the CSS: #loading-header .loading { background: url(spinner.gif) no-repeat 0 0; } [...separated by a few pages of code...] #content { [...separated by more code...] #loading-header { display:none; } .row { display:block; } &.loading { #loading-header { display:block; } .row { display:none; } } } The loading class has a spinner… Read the rest here

Snook Go to the source

It is once again that time of year where I reflect on the year that has passed and contemplate the year the come. Professionally On a professional level, this has been a fantastic year but still not without its ups and downs. This year capped my second and final year with Yahoo!. Yahoo! has been a great experience for me and exposed me to an environment that I hadn’t worked in before. I was able to work with large teams on a large scale across multiple products. To know that I had a big part to play in the success of those projects is very rewarding. … Read the rest here

Snook Go to the source

I hesitate putting this information out there as I’m not sure what its relevance is. I merely note it as interesting, especially in light of gender inequality in our field. In number crunching the people who have purchased a SMACSS e-book or site membership, I’ve noticed that the numbers are heavily skewed in one direction: 94.5% of the purchases are by men. That means only 5.5% of purchases were by women. I wonder if there is anything in the way that I’ve presented the information that has turned women off from buying the book. Since I market the book under my personal ‘brand’, especially via Twitter, I wonder if my particular following is also heavily skewed towards men (I suspect it is). … Read the rest here

SimpleBits Go to the source

Yesterday, a copy of my latest book arrived in the mail, the Third Edition of Bulletproof Web Design . The first edition came out back in 2005, and I’ve been revising it every few years. This latest edit was a bit larger than the 2nd because so much has changed. HTML5, CSS3, Responsive Web Design—all of these things dovetail nicely into the core bulletproof concepts from the original book. If you have the 2nd edition, the new version is likely not a necessary upgrade (New Riders probably loves me for saying that). Meaning, the guidelines for building flexible websites are still there, but a lot of the code and some of the examples have been brought up to speed. … Read the rest here

Hicksdesign Go to the source

The Icon Handbook is ready and will available to buy tomorrow (Tuesday December 20th), from Five Simple Steps 3pm GMT ! You can purchase the digital edition or pre-order the paperback which will ship around 30th Jan 2012. A proper blog post will come tomorrow, in the meantime, I need a good sit down and a cup of tea… Tagged: iconhandbook , icons … Read the rest here

Hicksdesign Go to the source

Todays 24ways article is Displaying Icons with Fonts and Data- Attributes , taken partly from Chapter 6 of the upcoming Icon Handbook , but rewritten to fit to the 24ways format. Instead of using the traditional route of PNG s, web fonts offer a scalable and resolution independent solution. Combined with HTML5 data attributes, you can create one CSS rule to style them all in one go. This article covers both the advantages and disadvantages of the technique. Thanks must go to Drew Wilson who helped me understand how to use data attributes. He created Pictos the excellent icon font used in the article, and his experience in making Pictos was a valuable source of research… Read the rest here

Hicksdesign Go to the source

…as we have a date! The Icon Handbook will be available to pre-order on December 20th ! More details will be released shortly, but the Five Simple Steps page has an introduction and table of contents to give you a flavour. Tagged: iconhandbook , icons … Read the rest here

Jason Santa Maria Go to the source

Does our definition of what a book is need to change? Barbara deWilde has been seeking to answer just that as part of her project “What the Book” in my SVA IxD class that also doubles as an installation at the AIGA 50 Books/50 Covers exhibition going up later this week at the AIGA headquarters in NYC. This on the heels of the near cancellation of the competition last year which drew the ire of many designers. Part of the project is a short survey online that asks you to agree or disagree with such statements as “I would never give an ebook as a gift” and “Decorating with books is perverse”. Those same questions are asked at the exhibit too as an installation that allows viewers to physically shelve books as votes (as seen in the photo above). … Read the rest here

Hicksdesign Go to the source

There is nothing worse than pulling up to an unknown cafe while out on a ride to find they offer poor coffee and stale cake Patisserie Cyclisme , is THE source of cycling café reviews and they have a rather spiffingly hypnotic new logo! Comment on this … Read the rest here

Snook Go to the source

Meet Jack the Lumberjack. He’s the new mascot for Scalable and Modular Architecture for CSS . When working on the e-book, I wanted to have something that could provide an identity for the book and for the project. The idea of it being a lumberjack quickly came to mind. I liked the idea of a lumberjack for a number of reasons. For those that aren’t aware, I live in Ottawa, Ontario, Canada… Read the rest here

Snook Go to the source

I’ve never been so vain as to think I’ll have much impact on the world. I never wanted to be president. I never wanted to be a doctor. I’ll almost assuredly never go to war to fight for my freedom and the freedom of others. Way too much responsibility. … Read the rest here

Hicksdesign Go to the source

I’ve written my first book! Its taken even more time and energy than I ever dreamed it would, but yesterday marked the very last chapter passing it’s final stages of being buffed and tweaked into a manuscript that people would actually want to read. I started planning this book 5 years ago, and only the combination of Five Simple Steps , Chris Mills (A.K.A “Mills of Steel”), Owen Gregory and my technical editor, Gedeon Maheux of The Iconfactory has made it actually happen. All the icon artists I contacted (bar one – but I shan’t name any names!) were enthusiastic and responsive, which made it a joy to organise. Many responses came with fantastic icon material that hasn’t been seen before – early ideas and process snapshots, as well some yet to be released. … Read the rest here

Jason Santa Maria Go to the source

We’re very excited to release not one, but two, new A Book Apart titles today. We’re finishing up our publishing year with a big splash; first with Designing for Emotion by Aarron Walter , and next with Mobile First by Luke Wroblewski . These guys are both personal UX/design heroes of mine and their books really hit home. Here’s an appetizer from the back cover of Aarron’s book: Make your users fall in love with your site via the precepts packed into this brief, charming book by MailChimp user experience design lead Aarron Walter. From classic psychology to case studies, highbrow concepts to common sense, Designing for Emotion demonstrates accessible strategies and memorable methods to help you make a human connection through design… Read the rest here

SimpleBits Go to the source

I had the honor of creating the new Instapaper icon thanks to Jason Santa Maria and his art direction. The new app is superb, and it’s out today! Read all about it from creator Marco Arment and Jason . … Read the rest here

Snook Go to the source

With all my work at Yahoo!, I’d been thinking more and more about CSS architecture. I really sat down and took the time to analyze my process. What’s the most flexible but straightforward way to do it? How does this fit in with the team process and how does this work in comparison to how other people are doing it? I started making notes and eventually started writing up my thoughts… Read the rest here

Cameron Moll Go to the source

You’ve Already Seen This : Unless your entire social circle was under a rock yesterday, you’ve already seen Facebook Timeline. But what’s most interesting to me is seeing the influence of two notable designers, Tom Watson and Nicholas Felton, craft and shape this refined concept. Many designers likely had a hand in this, I recognize that. But consider Tom Watson’s Level & Tap , a site with a focus on impressive — and impressively large — images. … Read the rest here