Posts Tagged ‘Responsive Web Design’

We are pleased to present below all posts tagged with ‘Responsive Web Design’.

Create A Responsive, Mobile-First WordPress Theme

Let’s see what we got: WordPress as this flexible, easy to use Open-Source blogging and CMS system. More and more mobile devices flooding the market every day and being extremely popular. Plus the need of more beautiful designed and coded WordPress themes for users to choose from that will work well across all these different devices. So what are we waiting for? Let's get to work!

Create A Responsive, Mobile-First WordPress Theme

At first the idea of designing and developing a fully responsive, mobile-ready WordPress theme can be a bit overwhelming and you might think: How am I going to handle the responsive design with all this flexible content a WordPress theme has? What do I have to consider when designing for touch devices? And do I really have to get rid of drop down menus and other hover elements on mobile devices?

Read more...

Responsive Images With WordPress’ Featured Images

It’s been a couple of years now since the concept of responsive design took the Web design world by storm, and more and more websites are going responsive. But there are still some barriers and potential problems, not the least of these being the challenge of reducing the size of files that you’re sending to mobile devices.

WordPress Featured Images

In this article, we’ll look at how to use WordPress' built-in featured images capability to deliver different-sized image files to different devices. "Featured images," sometimes referred to as thumbnails, is a feature of WordPress that has been vastly improved since version 3.

Read more...

Creating Mobile-Optimized Websites Using WordPress

“Mobile Web design.” Unless you’ve been hiding under a bush for the last 18 months, you’ll know that it’s one of the hottest topics in the industry at the moment. Barely a week goes by without new tips being unveiled to help us hone our skills in making websites work as well — and as fast — as possible on mobile devices.

Why We Shouldn't Make Separate Mobile Websites

Here are four ways to make your WordPress blog or website mobile-friendly, ranging from the quick and dirty to the complex but potentially very beautiful. As well as outlining the pros and cons of these methods, we’ll include information on plugins that will help without actually doing all the work for you, and we’ll provide some code that you can use for a responsive design.

Read more...

Mobile First Isn't always the answerA Foot On The Bottom Rung: First Forays Into Responsive Web Development

Responsive design is the hottest topic in front-end Web development right now. It’s going to transform the Web into an all-singing, all-dancing, all-devices party, where we can access any information located anywhere in the world. But does responsive design translate well from the text-heavy Web design blogosphere to the cold hard reality of commercial systems?

First Forays Into Responsive Web Development

Rumors came through our office grapevine that management was looking to revamp our mobile presence. There was talk of multiple apps being built externally that could be used on some of the major mobile devices.

Read more...

Stop Redesigning And Start Tuning Your Site Instead

In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All types of organizations are guilty: large government agencies, Fortune 500s, not-for-profits and (especially) institutions of higher education.

Stop Redesigning And Start Tuning Your Site

Worst of all, these offending organizations are prone to repeating the redesign process every few years like spendthrift amnesiacs. Sadly, redesigns rarely solve actual problems faced by end users. I’m frustrated because it really doesn’t have to be this way. Let’s look at why redesigns happen, and some straightforward and inexpensive ways we might avoid them.

Read more...

Why We Shouldn’t Make Separate Mobile Websites

There has been a long-running war going on over the mobile Web: it can be summarized with the following question: "Is there a mobile Web?" That is, is the mobile device so fundamentally different that you should make different websites for it, or is there only one Web that we access using a variety of different devices? Acclaimed usability pundit Jakob Nielsen thinks that you should make separate mobile websites. I disagree.

Why We Shouldn't Make Separate Mobile Websites

Jakob Nielsen, the usability expert, recently published his latest mobile usability guidelines. He summarizes, "Good mobile user experience requires a different design than what's needed to satisfy desktop users. Two designs, two sites, and cross-linking to make it all work."

Read more...

Device-Agnostic Approach To Responsive Web Design

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.

Device-Agnostic Approach To Responsive Web Design

Let’s start our journey by looking at the online tools such as Responsive Design Testing, Responsive.is, Responsinator and BriCSS. These pages let people check websites through a set of pre-built views based on various device sizes or orientations. Bricss even goes one step further and allows you to "customize" viewports by setting any dimensions you want.

Read more...

↑ Back to top