Web Design Weekly #1

< Web Design Weekly />

Issue #1, 1st day of July 2011

Welcome!

Firstly, thanks for supporting Web Design Weekly from the the beginning. Just remember, when it become famous, you will be able to say “Ah yeah, I was like one of the first 10 subscribers. Take that!”

So what’s going to be in Web Design Weekly?

Well, it’s always hard to predict the future, but what I can say is that it will be Front End Web orientated. That could range from a few Photoshop tips, a podcast link, CSS3 tips, a jQuery plugin that saves the world or a blog post about browser speed. At the end of the day, the aim is to provide you guys and girls with some handy tips, tricks and news to keep you up to date with this fast-paced industry that we live in.

Headlines

How the Search Giant Plans to Go Social
The product was announced on Tuesday and is called Google+, and observers might wonder whether it’s simply one more social effort by a company that’s had a lousy track record in this field to date. An epic article about the beginning and the direction of Google+.

Apple’s Worldwide Developers Conference 2011 Videos
Watch Apple engineers present over 100 sessions covering the latest innovations in iOS and OS X from the Apple Worldwide Developers Conference 2011.

HTML5 vs Native: The Mobile App Debate
Developers are turning to HTML5 as a “write one, run many” solution. But is it really viable? There are still compelling reasons to go native, and clearly many developers are indeed going that route. This article is a debate on native versus the web.

What are the most influential design blogs?

Github for Mac (and the non terminal freaks)

Articles

Documented Design Principles
Jeremy Keith has accumulated a great list of documented design principles.

About that Twitter
Chris Sealey (Sydney-based user interface designer and front-end developer) writes about how Twitter has had a serious impact on him.

An interesting UX case study by Luke Wroblewski – Designing an Instant Interface

Thinking about the negative hover

Is it time to rethink website navigation?

IOS-5 the first true web app ready platform

Tools

Free HTML CSS for type palette proposals
Ever wanted to try out some typeface ideas by rendering real fonts in the browser, using a font delivery service such as Typekit, Fontdeck, Google Web Fonts, etc? At the same time, you want to test out potential colour palettes? And you want to do this with minimum fuss and with simple code that is easy to change once your client provides feedback? Elliot Jay Stocks provides the answers.


Sprite Cow

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable CSS. There are one or two rather clever tricks happening with Javascript and Canvas to discover the dimensions of images and generate the CSS. It’s on GitHub if you want to check under the hood for yourself.

No more refresh button when developingRemy Sharp show off an early preview of the popout feature in jsbin that he’s working on. No more faffing around on devices to refresh.

Woopra Analytics
After seeing it in action by two co-workers, I had to give it a go. It’s free (for limited sites) and has an awesome live map.

What the Font
Great tool for getting font information about the text you are hovering over.

Ultimate list of HTML5 and CSS3 tools

Inspiration

Customer stories – A Book Apart
Jeffrey, Mandy and Jason have created something very special with A Book Apart. This lovely video from the good folks at Mailchimp does a nice job of capturing the spirit of this publishing enterprise.

Realigning Innocent Drinks
Mike Kus realigning the homepage of Innocent Drinks, documented with a great time-lapse video.

Creattica – gallery of great design and inspiration

Crazy JavaScript Katamari Hack

Nizo App

Jobs

HTML CSS Front End Web (Grooveshark)
Grooveshark is looking for Front End Web Developers to join Grooveshark’s web team. Applicants should be experts in HTML and CSS. The Front End Developer is an integral part of the Digital media Department, committed to the on-going and professional development of the user interface, as well as creating the best possible user experience.

Interaction Designer (Google, Sydney)
As a UI Designer, you will work closely with software engineers and product managers throughout all stages of the product cycle. You are a critical thinker with a good design sense, a strong technical background, and an eye for making things better. Interaction Designers work on projects that have an impact on the web experience of millions of Google users.

 

Last but not least

The 1000 most-visited sites on the web

To be continued…

Thanks again for supporting!

1 Comment

  1. hehe…. this is an awesome idea! ;)

This post currently has one response. What do you think?

You can use basic HTML when posting code, please turn all < characters into &lt; or > into &gt;
If the code is multi-line, use <pre><code></code></pre>

Leave a Reply

Your email address will not be published. Required fields are marked *