- Starters Guide to iOS Design by Ben Taylor
- The iOS Design Cheat Sheet Volume 2 by Ivo Mynttinen
- My app design workflow by Marc Edwards
- iOS Fonts
Always useful info on WordPress by this team
We’ve all seen data tables online and on our own sites. Why is it some of them look so rubbish and how can we improve the look and feel of them across devices and screen resolutions? Here are some helpful hints and tips on what other people are doing and what may work for your […]
Responsive web design can be daunting if you have limited or no experience, here are some handy tutorials to give you a crash course in what responsive web design is and the principles of how it works.
Another goodie from the Guardian
Google’s mobile ranking algorithm will be released at April 21 and is going to include mobile-friendly usability factors. It’s a change in the search and mobile search era because the impact of this algorithm will be higher than Google Panda, Google Penguin and Google Hummingbird. Why go “Mobile Friendly?” 60% of all traffic for Google […]
Hundreds of free sliders in html, CSS and JS
The internet is 25 years old. Have a look at this cool horizontally side scrolling website detailing it’s history.
The BBC are in the process of updating their website with a responsive layout. Looks nice on both desktops and mobile devices.
Some handy things to know!
A handy tutorial at Design Modo on how to build a website with video backgrounds.
An interesting article on Interaction Design.
The Guardian has been developing the site for more than a year, but the beta version was released publicly in February. By the end of March, The Guardian had received more than 5,000 comments from readers; some positive, but many suggesting tweaks or complaining about problems. Which is exactly what The Guardian wanted.
Designmodo have posted an interesting article on the pros and cons of a popular web design trend, the Ghost Button. When used correctly, I’m quite a big fan of them – they’re neat, tidy and work well on mobile devices. However, the design does have some pretty obvious flaws and without taking due care and attention […]
Inspiration for web designers.
A stunning long form article by theverge.com with a single column layout featuring parallax scrolling, animated gifs and 8-bit visuals. Additionally, it is responsive too. As an article template, it is not too far removed from what we’ve been doing recently.
A nice idea that encourages users to update their browsers if required.
Quite an interesting article on how the growing use of mobile browsing is effect photo journalism, along with a few tips on how to adapt your content for it.
It’s almost a year since Bangladesh’s Rana Plaza clothing factory collapsed, killing more than 1,000 people. To mark the event, the Guardian has released a powerful interactive exploring life in Dhaka’s factories and the journeys our clothes make from factories to shop floors.
“Whether you’re looking for inspiration or insight, these 15 videos cover everything from personal happiness to the future of web design and internet.”
Some much needed improvements added to the wordpress with the latest update.
More info here
Responsive design for Lush soaps by Method.
A very handy diagram detailing the various breakpoints of different devices and at different orientations. It’s a little dated (March 2012), but is a good starting point for when considering media queries. Also, a very informative post here:
A handy set of article by Rachel McCollin on codes.tutplus.com about building a wordpress theme. Preparing the mark up Preparing files Uploading your theme to wordpress Adding a loop Setting up the header Adding navigation Adding Widgets The Footer file Creating a page template Creating an archive template Adding featured images Releasing your theme Further […]
An interesting article and critique of the recent redesign of typekit.com:
And here is the website itself:
Both are well worth a visit.
“The redesign, by the way, was originally supposed to happen last fall. Gibbs said the delay was less technical and more editorial — Time was working on big feature about 1 World Trade Center that would highlight both its technical and editorial capabilities. The feature is supposed to go live on the website tomorrow morning, with a panoramic, interactive image taken from the top of the building. (Time photo editor Jonathan Woods and his team had exclusive access to the spire at the top of the wire, and they worked with startup GigaPan to create a “13- foot long aluminum jib” that was used to create the image.)
The feature will also be the cover story in the print magazine, with a three-fold cover, and there are plans to release book in April, too.
With all the changes, I asked Gibbs if the editorial vision has changed as well.
“I think the editorial opportunity has expanded,” she said. “To tell great stories, help people understand what’s happening, why it matters — to the extent that that’s our editorial vision, we have the opportunity to do that for much bigger audience.””
In so many ways, the story of Flipboard is emblematic of the modern age: The best results often come from a partnership between humans and technology. The predominant narrative of this age of networked hardware and software is the displacement of humans by computers and robots, but again and again, when we look at the […]
Did you know Doctor Who turned 50 years old this week? Probably.
Anyway, here’s a nice little parallax website prepared by the BBC on the history of Doctor Who.
As designers, we want to create great user experiences through simplicity and clarity.
What is simplicity and clarity? It’s the user knowing exactly what to do, and how to do it, with a minimum of effort. Achieving this kind of user experience means finding the right balance—not just going flat for flatness’s sake.
When it comes to forms—frustrating experiences even at the best of times—it means knowing that less isn’t always simpler.
In digital design, authenticity means a few things, which can roughly be summarized as the following:
Embrace the digital look.
Do away with skeuomorphism.
Make the style content-centered.
Why cards are the future of the web
We are currently witnessing a re-architecture of the web, away from pages and destinations, towards completely personalised experiences built on an aggregation of many individual pieces of content. Content being broken down into individual components and re-aggregated is the result of the rise of mobile technologies, billions of screens of all shapes and sizes, and unprecedented access to data from all kinds of sources through APIs and SDKs. This is driving the web away from many pages of content linked together, towards individual pieces of content aggregated together into one experience.
Design 101: Udacity’s first Design course, led by none other than Donald Norman, contemporary of Jakob Nielsen and author of “The Design of Everyday Things”
Further Reading & Resources
The Bloomberg terminal is a staple in any financial institution, providing real-time data about pricing, analytics, and print and multimedia news across a number of financial markets. Despite an estimated 75,000 machines in use worldwide—including one in the Vatican—users find the aesthetic is dated and the interface synonymous with MS-DOS.
Visceral design may be hard to get right on the web, but we can learn a lot by looking at the work done by our design counterparts in the gaming and mobile industries. By delivering rich, juicy feedback to our users we can create that satisfying sensation of a visceral, gut-level reaction. Thought interactions and response mechanisms will create surprise and delight, which leave indelible, positive marks on our visitors.
Desktop Points to Consider
With the possibilities of desktop design, we can get away with, and take advantage of: Extensive grid-like layouts, which allow the user to easily scan for content they may be interested in or tying to find.
A new viral site for the upcoming X-Men film Days of Future Past.
Features video backgrounds and some impressive responsive design.
An elite team of digital experts has sparked a radical shake-up in the way the government does its business. Some of the UK’s best designers and developers are working on building a new single website for all government departments – gov.uk – but their influence has gone much further. http://www.guardian.co.uk/technology/video/2013/jun/13/geeks-opened-up-government-video
Effective use of parallax by Ed Morgan & Ashley Marriott
Vogue’s venture in to WP
New re-design of their website, responsive & parallax, nice use of archive front covers
Queens of the Stone Age have a new album out soon and have been streaming short, and somewhat creepy animations complementing little audio tasters from the album.
It’s quite an interesting way of presenting videos, as the site features a fully responsive design, with the youtube hosted videos taking up the full width and height of the page, with the navigation and controls sitting on top of them.
Be warned, some of the videos are pretty grim.
In short, there appears to be a lot of ’em these days.
Looks like everyone is doing it