Posts Tagged ‘Techniques’

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

CSS3 TransitionsThank God We Have A Specification!

This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed.

Thank God We Have A Specification!

Alex MacCaw has already written a very insightful and thorough article on “All You Need to Know About CSS Transitions.” Whereas Alex wrote about achieving particular effects, I’m going to talk about the technical background, especially the JavaScript-facing side. Pitfalls — this article is all about pitfalls.

Read more...

How To Maintain Hierarchy Through Content Choreography

One of the issues we need to be concerned with in responsive design is how to maintain hierarchy as elements on the screen are resized and reflowed. Trent Walton first called attention to the issue with his post “Content Choreography,” which showed how visual hierarchy gets lost when columns are dropped below one another.

Maintaining Hierarchy Through Content Choreography

While techniques exist to help with part of the problem, the solution also requires conscious thought in how you structure blocks of content in your HTML. You need to think about how you’ll want to rearrange blocks of content as your design moves from single to multiple columns.

Read more...

How To Improve The Deployment Of WordPress Websites

As WordPress matures into a full-fledged CMS and more and more large online publishers come to rely on the platform, the practice of developing and deploying websites becomes increasingly important.

How To Improve The Deployment Of Websites

High-profile members of the WordPress community, such as core developer Mark Jaquith and Cristi Burca, have spoken on the topic and built tools such as WP-CLI and WP Stack to improve the professionalism of our administration and deployment.

Read more...

A Collaborative Lean UX Research Tool

Liverpool FC fans sing “You’ll Never Walk Alone” to their players during matches. UX research is best done when a team is involved. When you run UX research on your own without active observers, you are missing its point.

The Rainbow Spreadsheet: A Collaborative Lean UX Research Tool

This article describes and gives you a tool I created called the Rainbow Spreadsheet. With it, you will be able to collaboratively observe UX research sessions with team members (or clients). You will be able to conduct research that involves the entire product team, with results that are turned around quickly and that team members will be committed to acting on.

Read more...

Case StudyImprove Mobile Support With Server-Side-Enhanced Responsive Design

In many ways, responsive Web design deserves a big share of the honor for making the Web more usable on non-desktop devices. This trend of letting the browser determine more about how a Web page should be displayed makes sense, especially now that mobile browsers are slightly more trustworthy than in the old days of mobile.

Improve Mobile Support With Server-Side-Enhanced Responsive Design

However, a responsive website is not automatically a mobile-friendly website. Amid the buzz of trendy Web development techniques, the good ol’ Web server doesn’t get the spotlight it deserves. Modern Web development should be about finding the right balance between server-side and client-side implementation.

Read more...

Moving A WordPress Website Without Hassle

Moving WordPress is a task that many people find daunting. The advice on the Codex, while comprehensive, gives you a myriad of options and doesn’t describe the process simply and in one place.

Moving A WordPress Website

When I had to move a WordPress installation for the first time, I spent hours searching online for information on the various aspects of the process, and eventually wrote myself a checklist — which I still use. So to save you the hassle, here’s a step-by-step guide to moving a WordPress website.

Read more...

How To Create A Tab Widget In WordPress

In this tutorial, you’ll learn how to create the Tabber widget, which is very useful for when multiple widgets need to fit in a sidebar. It saves space and streamlines the appearance and functionality of your WordPress-powered website.

How To Create A Tab Widget In WordPress

In the past, there were different methods of doing this, most of which were theme-dependent. As we’ll see in this tutorial, creating a tabbed widget that works on its own and with any theme is easily accomplished. So, let’s jump in and learn how to create our own Tabber widget, which we’ve made available for downloading at the end of this article.

Read more...

Practical Tips From Top WordPress Pros

Recently I shared with you some advice from the WordPress community to beginners. But what about if starting out is already a dim and distant memory? What if you're already so immersed in the world of WordPress that you dream of trac and bore your partner with talk of the latest thing you've achieved with custom post types?

Practical Tips From Top WordPress Pros

Below are some tips from WordPress Pros from across the community. Many of them cover development, but there's also advice for business, for running your website, and, of course, for getting involved with the community.

Read more...

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...

A Guide To The Options For WordPress Theme Development

At the recent WordCamp Edinburgh, I took part in a panel discussion about WordPress theme development and the options available to developers when building themes. The overriding conclusion from the session was that there isn’t a one-size-fits-all answer and that the best method depends on the needs of the website and the capabilities of the developer.

A Guide To Your Wordpress Theme Options

But if you're starting out building WordPress themes, or want to develop a system for building them more efficiently or robustly, how do you decide which approach to take? In this article I'll briefly describe how WordPress themes work, and then look at some of the different approaches to developing them, with tips on which approach might be most suitable depending on your site and your circumstances.

Read more...

↑ Back to top