Responsive Navigation: Two Case Studies

Also some nice additional links at the end of the article.

Responsive Navigation On Complex Websites

Central to a solid user experience is a well-structured, simple navigation system. Over the past few months, I’ve been involved in launching two large institutional websites with complex navigation systems. Maintaining simplicity on such large websites becomes increasingly difficult as content requirements grow and tiers of navigation are added, not to mention the extra complexity added by small screens.

To illustrate the techniques involved in implementing responsive navigation on a large website, I’ll refer to two actual clients of mine. I’ll start with the process and how to get through it with research and mockups, then later get into some of the actual code that was used

Why is this so hard: Vertical Centering with CSS

It’s the declared height issue that messes me up every time.

Absolute Horizontal And Vertical Centering In CSS

We’ve all seen margin: 0 auto; for horizontal centering, but margin: auto; has refused to work for vertical centering… until now! But actually (spoiler alert!) absolute centering only requires a declared height* and these styles

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

Organizing CSS

Not yet into css pre-processors (I know, I know) but interesting organization structure and language none-the-less.

The “Other” Interface: Atomic Design With Sass

By Robin Rendle August 2nd, 2013

As front-end developers and designers, we’re constantly refining two interfaces simultaneously: one for visitors who load the website, the other for developers who have to tackle the code in the future, when adjustments or full-scale redesigns must be made. Yet we tend to assign the role of “user” to the first group, often forgetting that the code we write must work for developers in a similar way. We shouldn’t forget that developers are users, too.

Batch file magic

Dave Farquhar has back-to-back posts on batch files.

How to clear your print queue from the command line or a batch file

Here’s an old, old, but still useful tip that works on all NT-based versions of Windows (including XP and 7). Longtime reader Jim couldn’t find it here anymore, and I can’t either, so I’ll repost it for posterity.

Open a command prompt, and issue these three commands:

net stop spooler

del /q c:\windows\system32\spool\printers\*

net start spooler

and

Doing more than one operation per line in a Windows batch file

Sometimes in a batch file I find myself needing to perform more than one operation on a server, especially inside a for loop. Rather than do a pair of for loops, which isn’t always desirable, you can use the & operator.

You’d think that this would be more common…

How To Show/Hide WordPress Meta Boxes By Selecting Categories

This quick how to will show you how to show and/or hide a WordPress meta box by selecting a specific taxonomy/category. This solution uses a little CSS and Javascript to accomplish the goal, and it also works when editing a post or creating a new one.

Requiring Facebook login

No Facebook, No Service?

September 10, 2013 By 5 Comments

The Idaho Statesman, my sort-of-local newspaper, just announced that it will follow the lead of the Miami Herald and no longer allow readers to post anonymous comments to online stories. Starting September 15, readers who want to make comments will have to login through Facebook