Archive

Web Design Weekly #80

Lots of focus back on the Responsive Design World this week. Elliot Jay Stocks kicked it off with an awesome post about how we have just wasted a good number of years forcing fixed pixels on to a responsive framework. Richard Clark on the HTML5 Doctor walked through input types, Paul Irish gives the low down on WebKit, Ben Kamens looked at the finer details of the Amazon drop down and also the Web Standards Project called it a day. Enjoy.

Going Static with Jekyll & Deploying via GitHub for Free

During the last six months I have been meaning to play around with one of the many static site generators to see what all the hype is about. After a bit of research I decided to head down the Jekyll path. A fair few people tend to be using Octopress and Kirby but my main reason for choosing Jekyll was this little ‘Static Site Generators‘ gist put together by Dave Rupert. In my eyes, the fact that Jekyll has the biggest community behind it gives it the winning edge, especially for when help is needed.

Turns out, Jekyll is rad! It’s a simple, blog aware, static site generator built in Ruby. It takes a template directory, runs it through Textile or Markdown and Liquid converters, and spits out a complete, static website.

Web Design Weekly #79

So much awesomeness this week it was hard to decided what made the cut. Thankfully I still managed. The W3C did an amazing job in quickly turning around the videos from the W3Conf. A hot debate about responsive design on branch started by Noah Stokes with lots of big guns adding their 2 cents. Chrome 26 beta dropped. A great typography started kit, Typeplate was released and so much more. Enjoy.

Introducing Preboot

Say hello to Mark Otto’s (creator of Bootstrap) reborn project.

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.

If you roll with LESS then this will no doubt become a handy resource to help you write better CSS.

Viewsource

Jonathan Neal (co-creator of Normalize.css) put the source in the source so you can view the source while you view source. Super handy for people that tend to view the internet by its source.

Sun – Simple HTML5 Weather App

An awesome HTML5 iPhone weather app. Just visit the site from your iPhone and then save it to your home screen. Seems to be a little sluggish but don’t let this put you off. Beautifully executed.

Prototyping Responsive Typography

Viljami Salminen:

Basically, a typography prototype is a single web page that consists of the project’s actual content. It’s designed in the browser using real web fonts and tools like Typecast. A typography prototype includes font choices, styles for the basic text content and a typographic scale, but nothing else.

Having an approach that focuses on the most important part of any website is fundamental to producing an outstanding experience. It’s so simple but many avoid it. Me included.

The finished typography prototype will be used as the foundation for the rest of our work. We have the recipe, and now we need to start thinking how the colours and the layout will be cooked. This way, when we start our work from the most crucial parts — the content and the typography — and build everything else up from that point, there’s much less chance that we will get lost along the way.

I know where I am starting my next project.

Building Twitter Bootstrap

Mark Otto:

Bootstrap had its first practical test in real-world use at Twitter’s first Hackweek. During the week, I helped a few folks use Bootstrap on their projects to speed up development, but had no idea how effective or widespread the toolkit would become. When all the teams got in front of the company to present their ideas, dozens of them were using Bootstrap. They had used Bootstrap to create projects that all felt like a family of ideas with a consistent design and implementation. A simple, well-designed, and documented toolkit saved countless hours with little to no help from a dedicated designer.

An amazing product that is the leader in teams of frameworks. I think we all owe Mark and Jacob a beer.

Web Design Weekly #78

Can’t believe it nearing the end of February. This week is no exception. Lots of crazy good web development happening. Great article by Paul Irish about continuous painting mode for paint profiling. Chris Coyier looks at the old and new Flexbox syntax for the best results. Yeoman 1.0 was released. Typehead.js was released by the team at twitter and loads more. Enjoy.

Support Web Design Weekly

Today I am happy to announce that there are two ways (both completely optional) that you can support Web Design Weekly. You can become a subscribing member and automatically donate a monthly amount of your choosing, or you can make a one off donation.