by Andy Bell

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

RT @101babich: Tips: A Quick Guide For Designing Better Buttons #UX #UI #design

by @dfadeyev

Responsive Web design has been evolving rapidly ever since Ethan Marcotte coined the term two years ago. Since then, techniques have emerged, become best practices and formed part of our ever-changing methodology. A few obvious examples are the multitude of responsive image techniques, conditional loading, and responsive design and server-side components (RESS), among many other existing and emerging strands stemming from the core concept of responsive Web design.

How do you convince clients to trust you with their valuable and much-loved product? In my experience, the best way to sell work to clients is to apply user-centered design not only to the work we produce, but also to the clients who commission that work.

Planning user experience (UX) projects is a balancing act of getting the right amount of user input within the constraints of your project. The trick is to work out the best use of your time. How can you get the most UX goodness for your client’s budget? This article explains how to choose the right mix of tools for the task at hand. The planning phase is all about understanding what you have been asked to do and working out the best combination of activities that will give you the outcome you need, within the time, budgetary and resource constraints of the project.

The varying viewports that our websites encounter on a daily basis continue to demand more from responsive design. Not only must we continue to tackle the issues of content choreography — the art of maintaining order and context throughout the chaotic ebb and flow of the Web browser — but we must also **meet the expectations of users**.

Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. However, emailing your old static designs will feel old fashioned once you **see what these new tools can do**.

We might not realize it, but as developers, we build inaccessible websites all the time. It's not for the lack of care or talent though — it's a matter of doing things the wrong way. In our new book, Inclusive Design Patterns, Heydon Pickering explains how we can craft accessible interfaces without extra effort — and what front-end design patterns we can use to create inclusive experiences. Quality hardcover, 312 pages.

Michelangelo once said, "The best of artists has no conception that the marble alone does not contain within itself." Translate this to the world of Web design and you might say, "No matter how great a designer you are, you’re only as good as your content." While the reality of client work sometimes makes it challenging to gather and produce content prior to starting the design, this is now widely accepted as being necessary.

Truth be told, I am a philistine. When people talk about recycling, I don’t think of saving the planet. In my earlier post, “Lessons Learned: Productivity Tips For Running A Web Design Business,” I wrote about how we can reuse and recycle what we do in the Web industry to save time and money.

Designing websites and related media for kids presents plenty of opportunities for Web designers. Openings are available at many businesses and schools, as well as through parents and kids themselves, giving designers many ways to find work on electronic and print projects that appeal to kids. The types of work range from interface designs for video games to websites for birthday parties.

The input form is an essential element of almost any website or application these days. Input is a core method of interaction, and in many cases it represents the hard conversion point between success and failure. With the amount time and effort we put into bringing users to our sign-up and contact forms, it’s surprising that we tend not to spend a proportional amount of time on the forms themselves.