background preloader

iMedia Connection: Interactive Marketing News, Features, Podcasts and Video

iMedia Connection: Interactive Marketing News, Features, Podcasts and Video

online paint program Flame Painter Gallery Flame Painter is a unique paint program, it belongs to my 'I am an Artist' experimental project. I think with tools which inspires you, everyone can be an artist. You can try it here, change different brush settings and paint your own flame paintings. When you change the background from black to white, the palette changes from additive to subtractive and the feeling of the painting is very different. Performance Budgeting with Grunt It seems like the idea of performance budgeting has been gaining quite a bit of traction over the past year. This is awesome! The best way to improve web performance is to prioritize it from the get-go, and that’s exactly what a performance budget helps you do. But having the budget set in a document somewhere doesn’t accomplish much. It needs to be enforced to really matter. I’m a big fan of Grunt.js and use it on pretty much every project at this point.

5 New Must See Online Tools for Web Designers Online generators and tools are always useful because they save time and work. Web designer comes up with new online generators, frameworks, tools and share it for free with other designers. That is one good ethics of design community. In this post we are sharing 5 recently created online tools/generators that can help you code faster and save time. Patternify This online allows you to create CSS pattern for background use. Rapid Responsive Development with Sass and Flint For any developer, speed is of the essence. We are constantly looking for more effiecient ways to do our jobs, and being programmers, we often create certain tools that help us do just that. One of the tools my team uses is a new grid system I developed called Flint. What is Flint?

The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual Information is very powerful but for the most bit it is bland and unimaginative. Infographics channel information in a visually pleasing, instantly understandable manner, making it not only powerful, but extremely beautiful. Once used predominantly to make maps more approachable, scientific charts less daunting and as key learning tools for children, inforgraphics have now permeated all aspects of the modern world. Design Responsive Websites In The Browser With Webflow Advertisement This article is the first part of a series of articles on emerging responsive design tools. Today, Richard Knight explores the advantages of Webflow and how you can use it today to build responsive websites — perhaps a bit faster than you would build them otherwise. — Ed. New tools have emerged to address the challenges of responsive web design — tools such as Adobe Reflow1 and the recently released Macaw2. Today, we’ll look at one that I have tested extensively in the last few months.

Redesigned! Redesigned! The new Bearded website is up! It’s a jaunty little two-pager – and a primarily static site, at that (not a standard approach for us). Should 'Mobile First' be 'Performance First'? 'Responsive Design' was a groundbreaking discovery in our industry. Ethan Marcotte coined the term and wrote a book. It was a great day for all. A while later, Luke Wroblewski came up with a strategy which allowed developers and designers to collaborate and kick off a project 'Mobile First'. When this approach was created, Wroblewski had three reasons for why he felt applications needed to built using this strategy:

The secrets of the Guardian's responsive redesign One of the world's most widely read newspaper websites, the Guardian attracts tens of millions of unique visitors each year. With that audience increasingly migrating to mobile and tablet, the newspaper's in-house team was tasked with rebuilding the site to improve user experience on mobile devices. As well as making it easier for a mobile audience to discover a wider range of its content, a key objective of the new site was to better integrate display advertising and other commercial offers. Should publishers really think 'mobile-first'? The trend for many publishers is to loudly declare they are “mobile-first.” But the reality is, well, more complicated. Most mobile-first proponents loudly trumpet exploding mobile audiences. That’s true.

Guardian beta · Introducing our new video pages This week we have launched a completely redesigned video player and a new design for our video pages. Over the next few days it will reach all 100 million of our global unique browsers. While our mobile readers have been using the new site for some time now, only five percent of our desktop users have seen it through our beta programme. The launch of our new video pages marks the first time that our many millions of global users will experience part of our new site. The first change many users will notice is the bold use of colour - greys and oranges - that will let our viewers know they are visiting a multimedia section of our site.

Case study: Guardian Soulmates redesign Toward the end of 2013 we faced two challenges with Soulmates: first, users had told us that the design looked a bit tired. Second, we had a mobile website which was lacking a lot of functionality, and was not very appealing visually. We decided to develop a responsive site and give Soulmates a makeover with a new branding at the same time. The new branding We worked with design agency Multiadaptor to create a fresh new branding for Soulmates.