This article is the sixth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts, the fourth shared with us a free plugin called GuideGuide and the fifth presented Erskine Design’s responsive grid generator Gridpak.
Original post –
BEM: A New Front-End Methodology
This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices.
The Challenge Let’s start our journey by looking at these online tools:
Responsive Design Testing Responsive.is Responsinator BriCSS Those pages let people check websites through a set of pre-built views based on various device sizes or orientations.
Device-Agnostic Approach To Responsive Web Design
Designing and developing emails can be challenging, especially if you start doing it after years of designing and developing websites. Unlike most Web browsers, email clients have not yet united in support of HTML email standards, resulting in poor CSS support for email.
Inconsistent support for images in email clients has thus motivated us to experiment in a code editor and to develop the following techniques.
Further Reading on SmashingMag: How To Optimize Email Newsletters With CSS Design and Build Email Newsletters Without Losing Your Mind’“) Email Newsletter Design: Guidelines And Examples Building And Sending HTML Email For Web Developers Technique 1: HTML Gradients Creating gradients for the Web is very simple with repeating background images and tools that produce cross-browser-compliant code, such as Ultimate CSS Gradient Generator.
Follow this link:
Techniques For Overcoming Poor CSS Support In Email
Before the very first page of a book has been read, you’ve already analyzed it in countless ways without even noticing. The paper stock, the thickness of the binding, the aroma, the color of the type and even the texture of the cover; the very character of the book is being dissected by the hand and eye at every moment. [Links checked & repaired March/24/2017]
In this brief second there is a dialogue between the reader and the object.
Why Should We Design Emotional Systems?
In his book, The Paradox of Choice, Barry Schwartz comes to an interesting conclusion involving human choice. “People choose not on the basis of what’s most important, but on what’s easiest to evaluate.”
Common sense would dictate that if you were given a list of choices, you would choose the one that is most important to you, when in reality humans usually choose the one that is easiest for them to understand and evaluate.
Easier Is Better Than Better
Are you fed up with hearing about yet another Silicon Valley Web application built with fairy dust and funded by magic pixies? If so, this post is for you. Most of us will never get to work on a Web application that is funded by venture capital and for which the business aims are a secondary consideration. For us, developing a Web application is about meeting a particular business need as part of our job working with some large organization.
How To Build A Better Web Application For Your Business
Social media is more than a buzzword. It’s now a lifestyle decision for a lot of companies. Many individuals and organizations have abandoned a traditional web presence (which used to mean a website and email address) in favor of a Facebook page coupled with a Twitter account.
So, where does this leave email? Has the @ symbol lost its meaning as an address, and instead become the signifier of a Twitter name?
Email Is (Still) Important And Here Is Why
Think about what keeps you coming back to your favorite store, your favorite person or even your favorite website. It’s not just a mindless buy-go, hug-go or click-go relationship. It is a complicated, emotional connection. It is what makes relationships with people and brands intoxicating. User engagement must have an equally complex emotional connection. It must affect the user in mind, body and spirit. Anything less is a 1990s brochure website.
Optimizing Emotional Engagement In Web Design Through Metrics
Here’s a question for you: would you agree that creating a great user experience should be the primary aim of any Web designer? I know what your answer is… and youʼre wrong!
Okay, I admit that not all of you would have answered yes, but most probably did. Somehow, the majority of Web designers have come to believe that creating a great user experience is an end in itself. I think we are deceiving ourselves and doing a disservice to our clients at the same time.
When Business Objectives and User Experience Clash
Let’s say you’re driving down the freeway at 65mph and you see the roadside plastered with advertising posters on both sides. Some small, some large, all meant in some measure to cause you to remember a brand or identity, to keep that company name in your mind. The more saturated the roadside becomes with advertisements, the more the brand has to be distinctively creative, unique and memorable.
Generally, the eye-catching ads are mostly the ones with witty taglines that are easy and fun to remember.
Billboard Web Design: How To Win Your Audience’s Attention