Posts Tagged ‘Techniques’

We are pleased to present below all posts tagged with ‘Techniques’.

OptimizationResponsively Retrofitting An Existing Site With RWD Retrofit

Since the introduction of the iPhone in 2007, touchscreen mobile devices have exploded in popularity. They have introduced new problems, new solutions, new interactions, new ways of thinking and, of course, new costs to our clients.

Responsively Retrofitting An Existing Site With RWD Retrofit

The most important question on everyone’s mind — clients and developers alike — is, “How can we provide a great Web experience to our users on mobile?”

Read more...

Adapting To The InkTips And Tricks For Print Style Sheets

Print continues to be treated somewhat cursorily by most Web designers, who tend to be obsessed with pixels rather than printers. In the real world, a significant portion of people rely on pages printed from websites for reference: there’s still something about having a physical sheet of paper in one’s hands, even in this age of digital saturation.

Tips And Tricks For Print Style Sheets

Web developers can take several steps to bridge the gap between the worlds of printers and LCD screens. First, let’s cover the basics. Modern print style sheets are typically placed within a media query.

Read more...

Creating Wireframes And Prototypes With InDesign

Hundreds of tools may be available for interaction designers, but there is still no industry standard for interaction design the way Photoshop and Illustrator are to graphic design. Popular programs are out there, but many of them have considerable drawbacks, which has led me to explore alternative apps.

Creating Wireframes And Prototypes With InDesign

I eventually chose Adobe InDesign for much of my preliminary interaction design work. Yes, you read that correctly: InDesign, a desktop publishing app originally created for designing books and magazines, is currently my tool of choice for designing low- to medium-fidelity wireframes and interactive prototypes.

Read more...

Web TypographySetting Weights And Styles With The @font-face Declaration

If people are on your website, they’re probably either skimming quickly, looking for something, or they’ve found what they’re looking for and want to read it as easily as possible. Either way, keeping text readable will help them achieve their goal.

Setting Weights And Styles With The @font-face Declaration

A few months ago, I wrote an article on “Avoiding Faux Weights and Styles with Google Web Fonts.” I ended the article by showing that weights and styles are an important UX element when setting text. Bold and italic forms of a font help people to skim your website.

Read more...

Removing Interface ElementsShould You Ask The User Or Their Browser?

The history of the Internet has been a steady march towards websites that are richer, bigger and more interactive. As websites have become more robust, we — as designers and developers — have often placed the burden on our users to make more decisions, each of which distracts them from their wants and needs.

Removing Interface Elements: Should You Ask The User Or Their Browser?

However, by using a combination of technical solutions and some careful decision-making on our part, we can often remove interface barriers for our users.

Read more...

Performance & RWDImplementing Off-Canvas Navigation For A Responsive Website

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.

Implementing Off-Canvas Navigation For A Responsive Website

They’re not sitting still. With the likes of Firefox OS (Boot to Gecko), Chrome OS and now Ubuntu for phones — an OS that makes “Web apps” first-class citizens — delivering native app-like experiences on the Web may become a necessity if users begin to expect it.

Read more...

Starting An Open-Source Project

At Velocity 2011, Nicole Sullivan and I introduced CSS Lint, the first code-quality tool for CSS. We had spent the previous two weeks coding like crazy, trying to create an application that was both useful for end users and easy to modify. Neither of us had any experience launching an open-source project like this, and we learned a lot through the process.

Starting An Open-Source Project

After some initial missteps, the project finally hit a groove, and it now regularly get compliments from people using and contributing to CSS Lint. It’s actually not that hard to create a successful open-source project when you stop to think about your goals.

Read more...

↑ Back to top