Web Design Weekly #111

Headlines

Ghost Launches to The Public

Early this week, Ghost was released to the public. After lots of hype I was a little sceptical but after downloading it and installing it in a few minutes I think it’s a great addition to the blogging world! Congrats to all involved. (ghost.org)

Sass site redesigned (sass-lang.com)

Find a job with this clever new tactic

A lot of web designers and developers are turning to their email for help finding a job. A new service named Jobety delivers jobs in an organized well thought out layout right to your inbox so you don’t have to sort through all the junk. (jobety.com)

Articles

Flat UI and Forms

Most flat UIs are built with a focus on the provision of content, with transactional components receiving very little attention. What happens when flat and forms collide? (alistapart.com)

Web Graphics Trends in 2013

Eric Rowell looks into the current graphics trends on the web and gives you some information on how to go about choosing a graphics technology, library, or framework for your upcoming project. (html5hub.com)

Using the HTML5 section element

A short and informative article by Léonie Watson about the section element. If you are a little unsure why and when to use it, then this quick read is a good start. (blog.paciellogroup.com)

Create A Responsive Imagemap With SVG

This tutorial by Dudley Storey explains how to create a responsive image map with SVG in a few quick steps. (demosthenes.info)

Single-direction margin declarations

Harry Roberts explains a nice little technique that he uses and advocates that we should try it. The basic premise is define all margins in one direction. (csswizardry.com)

Design the HTML

Lots of developers argue that designers should have a small understanding of how to code. Alex Burr thinks the whole code things is not that important but they should at least understand markup. Some interesting thoughts. (medium.com)

The Extra Mile (thelayout.cc)

Support this newsletter by getting your hands on some WDW goodies →

Tools / Resources

The Brand-Spanking New Forrst is Here

A few new features and a great new look and feel. It seems that the Zurb team has been working extremely hard, are now ready to really build and push lots of new Forrst features. (forrst.com)

Sass at GitHub

Ben Bleikamp’s talk from SassConf early in October. Some really great advice and I’m sure when the video is released it will be a must watch. (speakerdeck.com)

MCSS — Multilayer CSS

Multilayer CSS organisation methodology is based on BEM and OOCSS principles. It was initially developed for a Russian based social media site, which is one of the top 10 social networks in the world. (github.io)

SublimeGit

Full-featured Git integration for Sublime Text 2 and 3. (sublimegit.net)

Time Grunt

Displays the elapsed execution time of grunt tasks. (github.com)

initial-scale=1 makes Safari iOS react to orientation change (quirksmode.org)

Interview Questions and Exercises About CSS (css-tricks.com)

Can I Use — Beta (beta.caniuse.com)

Inspiration

httpster.net

A curated showcase of shit-hot web design with a less-is-more bent. (httpster.net)

ShopTalk with Nicolas Gallagher

The super talented Nicolas Gallagher joins Chris and Dave to talk about various aspects of front-end development. They touch on automated style guides, blogging platforms and preprocessors used at Twitter. (shoptalkshow.com)

The awesome videos from the XOXO Festival (youtube.com)

Jobs

Senior/Lead Digital Designer

We’re looking for a world-class digital designer to bring their own style, expertise and wealth of experience to our team – and help continue pushing the brand and product to new and exciting places. (campaignmonitor.com)

Post a job in a future issue of Web Design Weekly →

Last But Not Least…

peerCDN

peerCDN uses WebRTC to distribute your site’s static assets like images and file downloads over a peer-to-peer network. (peercdn.com)

The Page Fold (thereisnopagefold.com)

This post currently has no responses. 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 *