One of the emerging challenges for web designers is creating web typography that works in the mobile environment as well. But it can be difficult, and there are many things to consider. The keys are to focus on readability, contrast, space and responsiveness.
Design
What your Web design says about you
Ella-raye Dickens for DesignModo:
When people ask me to describe the importance of web design – I often compare it to the front cover of a book. As with a book – you often judge the content inside on the front cover – whether you consciously intend to or not.
Difference between drawing and illustrating
An interesting distinction.
Watermarking images and copyrights
Great post by Michael Mulvey.
The Facebook loading animation in CSS
More coolness in CSS.
Making fun of Skeuomorphic design
There is a blog for everything.
Typographic choices
I’ll admit, I hate many of the fonts I see. It’s an important decision that escapes a lot of people.
Famous logos in Comic Sans
From the Comic Sans Project.
The Chrysler Building Spire
Maria Popova at Brain Pickings:
The story of New York’s iconic Chrysler Building is the story of one of history’s greatest, most ruthless architectural rivalries — one ultimately resolved when the building’s famous spear was surreptitiously erected to claim victory on October 16, 1929.
Photo backgrounds in Web design
Some good examples of how it can work if done right. Unfortunately, not everyone does it right.
The Wendy’s logo
I always like Dave Thomas, the founder of Wendy’s.
Presentations with Reveal.js and HTML5
Reveal.js will even translate your Markdown to HTML.
Free ebooks for Web designers and developers
Looks to be a nice selection here.
Hex colors
Great information on colors.
Drop-down list styling
Looking at the demos, numbers 3 and 5 are my favorites.
The Noun Project
The Noun Project has just launched a great redesign and aims to collect every icon, pictogram and symbol from everywhere, even from you.
Pixel ruler
Okay, that’s just cool.
Stop pagination now
Slate:
Pagination is one of the worst design and usability sins on the Web, the kind of obvious no-no that should have gone out with blinky text, dancing cat animations, and autoplaying music. It shows constant, quiet contempt for people who should be any news site’s highest priority—folks who want to read articles all the way to the end.Splitting articles and photo galleries into multiple pages is evil. It should stop.
It’s not “evil” but it is incredibly annoying and definitely should be stopped.
The “Hop” is a suitcase that follows you around
Overpackers take note: this could be the invention that changes your life forever. Or it could also be the most gimmicky travel accessory you’ve ever seen.The “Hop” as it’s been called, is a suitcase that you don’t have to lug through the airport. You don’t even need to pick it up, as it follows you wherever you go – a bit like a lost puppy.
This is one of those things that, when you read about it you think, “Hey – that could be kinda cool!” Then you watch the video and think a bit more about it you realize, “oh yeah…this is a really stupid idea.”
A modal window with HTML5 & CSS3
I love the fact that many of the things we used to rely on scripts to do can now be done with HTML5 and CSS3.
Inside the world’s last pinball design shop
While The Who’s “Pinball Wizard” still stands up after four decades of radio play, the designers of the pinball machines that made Tommy so good have become an endangered species.Only one company in the world, Illinois’ Stern Pinball, still designs and produces these electro-mechanical marvels, the lone holdout since industry behemoth Williams Electronics shuttered its pinball division in 1999. It may be a dying art, but the creative minds at Stern are nonetheless continuously creating new machines that can keep their industry moving forward and give them one more replay.
I still prefer pinball machines to video games. There’s something “retro-cool” about the mechanical action of the game play that you can’t get from computerized games.
Chalk art
I love the one with the heart under the box. I laughed.
Minimal WordPress themes
Tina Roth Eisenberg put together a list of minimal themes for Wordpress at Swissmiss. Definitely worth a look if you’re pondering a new design.
CSS3 menus and navigation
I love all that can be done with CSS3. At some point your readers just have to update their browsers.
Apple’s magic is in The Turn, not The Prestige
TechCrunch:
Apple took something ordinary, a phone, did some extraordinary things to it, and then made it re-appear in grandiose fashion. It’s a great trick. It’s so good, in fact, that I think it’s fair to call it true magic.The problem, if you want to call it that, is that Apple has now been doing this trick since 2007. Granted, they have other solid tricks too (they are far from the one-trick pony claims that several of their competitors face). But the iPhone is the best trick in their bag. And in the last few years, some people have gotten sick of seeing it.But it’s important to remember that just because you’ve seen a show before, it doesn’t make actually make it any less magical. It’s a perception issue.
Interesting way of looking at the discussion surrounding yesterday’s iPhone 5 launch.
Building a style guide
Great rundown on what you’ll need to build your own style guide.
HTML5 Boilerplate 4.0
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites.
iOS icon designs
I am always amazed at what artists and designers can do. So much respect.
The goofiest thing you’ll learn to do today – make a “Dollar Bill Shirt”
When I was a kid, I had a fascination with origami but like so many things I’m fascinated by, I could never master it. But the instructions to make this “Dollar Bill Shirt” look easy enough that even I can do it. The site also has instructions on how to make a “Dollar Shirt (with cuffs) and Pants” and even a “Dollar Bill Digital Camera”!
A massive Disqus bug
The folks over at Webdesigner Depot wrote about this bug in their Disqus commenting system today. Incredible.