Design Haven What's New?

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw 0

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw


  

To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another.

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw

At least half of the designers knew HTML and CSS well but wanted a more visual way to get at it. Well, a new generation of visual responsive design tools has arrived. These responsive design tools are for anyone who understands HTML and CSS (or is willing to learn) and wants to visually design a responsive website — and have code to show for it.

The post Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw appeared first on Smashing Magazine.

An Introduction To Node.js And MongoDB 0

An Introduction To Node.js And MongoDB


  

Node.js is a rapidly growing technology that has been overtaking the world of server-side programming with surprising speed. MongoDB is a technology that’s revolutionizing database usage. Together, the two tools are a potent combination, thanks to the fact that they both employ JavaScript and JSON.

A Detailed Introduction To Node.js And MongoDB

At first glance, coming to grips with Node.js and MongoDB can seem both time-consuming and painful. Read on to learn how to wield these tools quickly and easily. Before getting started, let’s take a quick look at what this article offers.

The post An Introduction To Node.js And MongoDB appeared first on Smashing Magazine.

Mobile And Accessibility: Why You Should Care And What You Can Do About It 0

Mobile And Accessibility: Why You Should Care And What You Can Do About It


  

Mobile has revolutionized the way we use the web. This is especially true of disabled users, for whom mobile devices open the door to a whole new spectrum of interactions.

Mobile And Accessibility: Why You Should Care And What You Can Do About It

And they are taking advantage of it. A July 2013 survey (PDF) of adults with disabilities done by the Wireless Rehabilitation Engineering Research Center found that 91% of people with disabilities use a “wireless device such as a cell phone or tablet.” Among these users, screen reader usage is common, even on mobile devices.

The post Mobile And Accessibility: Why You Should Care And What You Can Do About It appeared first on Smashing Magazine.

The Last Goodbye: How To Shut Down A Failing Product 0

The Last Goodbye: How To Shut Down A Failing Product


  

The true power of the web has always depended on the open nature of its technology. Anyone who’s interested can create a website, and anyone with an idea could turn out the next Facebook. Technology takes no heed of gender, creed or race, but is reduced down to code and the desire to create.

The Last Goodbye: How To Shut Down A Failing Product

This great power has produced unbounded enthusiasm, and everyone you meet has an idea for the “next great website or app.” Buried within this enthusiasm, however, is the harsh reality that many new products fail. But what should you do if your product does fail? How do you close a product with dignity, so that both you and your users leave on good terms?

The post The Last Goodbye: How To Shut Down A Failing Product appeared first on Smashing Magazine.

Moving A Git Repository To A New Server 0

Moving A Git Repository To A New Server


  

Suppose your company decides to change its code-hosting provider or you wish to move your own Git repository to a different host. It doesn’t happen often, but it happens. When I had to move a number of Git projects to a new host, it took me quite some time to find an accurate method.

Moving A Git Repository To A New Server

Having made many attempts, and a couple of fails, and carefully reading Git’s documentation, I found a solid and effective way. I thought, then, that every developer would benefit from knowing how to migrate a Git repository to a new host quickly and easily. The most important thing is to make sure that your branches and tags and your commit history are all moved.

The post Moving A Git Repository To A New Server appeared first on Smashing Magazine.

Design Principles: Space And The Figure-Ground Relationship 0

Design Principles: Space And The Figure-Ground Relationship


  

If you see graphic design as a process of arranging shapes on a canvas, then you’re only seeing half of what you work with. The negative space of the canvas is just as important as the positive elements that we place on the canvas.

Design Principles: Space And The Figure-Ground Relationship

Design is an arrangement of both shapes and space. To work more effectively with space, you must first become aware of it and learn to see it — learn to see the shapes that space forms and how space communicates. This is second part of a series on design principles for beginners. The first part covered an introduction to gestalt; the rest of the series (including this post) will build on those gestalt principles and show how many of the fundamental principles we work with as designers have their origin there.

The post Design Principles: Space And The Figure-Ground Relationship appeared first on Smashing Magazine.

Unicode For A Multi-Device World 0

Unicode For A Multi-Device World


  

A while ago, I was working on a website that required a number of icons. “No problem,” I thought. “I know how to handle this. I’ll use an @font-face icon set for high-resolution screens. It’ll be a single file, to reduce HTTP requests, and I’ll include just the icons that I need, to reduce file size.”

Unicode For A Multi-Device World

“I’ll even use a Unicode character as the base of the icon, so that if @font-face isn’t supported, then the user will still see something like the intended icon.” I felt pretty pleased with myself.

The post Unicode For A Multi-Device World appeared first on Smashing Magazine.

When Apples Fall From Trees: SmashingConf Freiburg 2014 0

When Apples Fall From Trees: SmashingConf Freiburg 2014


  

Some things just don’t change: SmashingConf Freiburg is taking place again this year, on September 15th-16th 2014, in our lovely hometown Freiburg, Germany. Two days, one track, 18 brilliant speakers and 300 fantastic attendees, sharing practical insights into their craft. And the best bit: lots of networking with good ol’ German beers in beer gardens, at the very foot of the legendary Black Forest. Tickets are now on sale.

When Apples Fall From Trees: SmashingConf Freiburg 2014

The main focus of Smashing Conferences has always been hands-on insights and actionable takeaways — things that have actually worked in practice, and the design/development process behind them, including mistakes, failures, critical decisions and eventually successes.

The post When Apples Fall From Trees: SmashingConf Freiburg 2014 appeared first on Smashing Magazine.

Fostering Healthy Non-Professional Relationships 0

Fostering Healthy Non-Professional Relationships


  

As Web designers and developers, we invest a lot of time and effort in nurturing professional relationships, including those with clients, prospective clients, coworkers, peers and others in the industry.

Fostering Healthy Non-Professional Relationships

Unfortunately, while many Web professionals work hard to make these work-related relationships as strong as possible, they often neglect their non-professional relationships, including those with family and friends and even with themselves and their own health and well-being.

The post Fostering Healthy Non-Professional Relationships appeared first on Smashing Magazine.

Responsive Design Begins With The URL 0

Responsive Design Begins With The URL


  

The BBC’s Programmes website is huge, and is intended to be a rolling archive of everything that the BBC broadcasts on television and radio. Originally released in 2007, it now has pages for over 1.6 million episodes, but that’s barely half of the story. Surrounding those episodes is a wealth of content, including clips, galleries, episode guides, character profiles and much more, plus Programme’s newly responsive home pages.

Responsive Design Begins With The URL

The new responsive home pages, known as “brand” pages, join the schedule and A–Z lists in a broader responsive rebuild. 39% of users (and growing) now use mobile and tablet devices to visit these pages; so, making the pages responsive was the best way to serve a great experience to everybody while keeping the website maintainable.

The post Responsive Design Begins With The URL appeared first on Smashing Magazine.