Responsive Layouts, Responsively Wireframed

17420774-23271939-thumbnail.jpg
Responsive layouts, responsively wireframed Made with HTML/CSS (no images, no JS*) this is a simple interactive experiment with responsive design techniques. Use the buttons top-right to toggle between desktop and mobile layouts. Using simple layout wireframes, this illustrates how a series of pages could work across these different devices, by simulating how the layout of each page would change responsively, to suit the context.

5 Easy Tablet Optimizations You Can Make on Your Website Right Now

In the web design community, tablets continue to be somewhat of an enigma. They sit in the uncomfortable midpoint between the unrestricted playground of a 'desktop' browser and the full-on design and performance challenge of creating an optimized mobile experience.

The Joy Of Illustrated Maps In The Era Of Google Earth

In my career as a freelance illustrator, map-making has become a favorite specialty of mine. With each map assignment, I virtually travel across the globe, visiting places I’ve never been. Most recent was a “trip” to New Zealand for a sampling of local Wellington beer for Draft Magazine. My maps are designed to appear next to magazine stories about trips to faraway places, or about the best restaurants in a nearby neighborhood.

The design anatomy of a brochure

A brochure doesn't just have to look pretty, argues Simon Tilbrook of Swallowtail Print, as he explains how to combine aesthetic demands with business needs.

56 Unique Lorem Ipsum Generators

For any Samuel L. Jackson devotees, this generator is a must, taking inspiration from his Pulp Fiction character Jules Winnfield: "Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit. "

Web design inspiration: 45 examples of CSS

It's amazing what can be done with CSS these days. Support for the latest CSS3 properties is strong in the latest versions of all the major browsers - even Internet Explorer - and the possibilities for typography, animation and interactivity have never been greater. But finding web design inspiration can be tricky.

How I went from beginner to selling my app in the App Store in 2 months

I’ve read many posts in the past asking how to get started learning to code, or asking what people should do next after they’ve finished Code Academy. I wanted to give my story thus far to help others get started, because I’m currently on a “progress high” from how exciting it is to make an app.

Tale Of A Top-10 App, Part 2: Marketing And Launch

Even the coolest app in the world is doomed to swiftly descend into the abyss of obscurity if no one knows about it. So, part two of our journey is all about marketing. It turns out that you don’t need a huge marketing budget to get into the top 10 in the App Store.

8 essential tools for freelance designers

There are so many annoying little tasks involved in being a freelancer, it's a wonder you find any time left to actually design. Devesh Sharma suggests some tools that can make things simpler.

How to capture your Mac's audio for free

You’ve likely found yourself in this position more than once: Your Mac is playing audio that you’d love a permanent copy of, but the application you’re using doesn’t provide a way to do that. While you could turn to one of the few commercial Mac applications that perform this task, there’s a way to go about it that won’t cost you a nickel. In this Macworld Video I show you how.

20 more technical terms every Mac user should know

Last week I introduced you to 20 computer terms you should know. In addition to a few “thanks for that” responses, I also received a few “Yeah, but what about…” queries. And each is worth our time. So, have another round on me.

Creative And Innovative Navigation Designs

A website has a personality — it is a reflection of the person or organization behind it. When people visit your website, you want it to stand out from the crowd, to be memorable. You want people to come back and use your website or get in touch with you.

62 Flat PSD Files for Better UIUX Design

Flat Design or Flat UI Designing has been one of the most leading trends in web and user interface design. Today we are showcase of free Flat PSD elements for Web UI design, which you can download for free.

8 Lessons to Help Web Designers Educate Their Clients

When running a web design studio, it’s important to remember that your clients are the heart and soul of your business. The type of clients that you choose to work with says a lot about you (or your studio), and likewise, the fact that they’ve chosen to work with you says a lot about them. Maintaining a great relationship with clients is tricky though – and a lot of it revolves around our ability, as web designers, to educate our clients and set expectations so that both sides end up feeling satisfied at the end of a project.