Posts Tagged ‘Techniques’

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

10 Ways To Put Your Content In Front Of More People

Which is more important,driving traffic to your website or encouraging as many people as possible to see your content? Believe it or not, they are not one and the same. Too often, we as website owners live and die by Web analytics applications. We fret about bounce rates, unique visitors and dwell time. However, when we focus so heavily on the performance of our website, we miss a fundamental point: we should aim to expose users to our content, not our website. The website is a tool to showcase our content, but it is not the only tool that does this.

Carsonified Fan Page on Facebook

The content matters, not the website. That is why each company provides numerous ways to access its content beyond the website. From Amazon's affiliate scheme to YouTube's embed feature, these companies can reach audiences that may never visit their websites.

While the points mentioned below will refine your strategy to deliver content to more people, they can not serve their purpose without an appropriate environment. In the age of social media and the rise of interactive web-applications such as Facebook, Twitter etc. building a community around your website is the most important way to drive traffic and keep the users coming back.

Read more...

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

CSS Sprites are not new. In fact, they are a rather well-established technique and have managed to become common practice in Web development. Of course, CSS sprites are not always necessary, but in some situation they can bring significant advantages and improvements – particularly if you want to reduce your server load. And if you haven't heard of CSS sprites before, now is probably a good time to learn what they are, how they work and what tools can help you create and use the technique in your projects.

CSS Sprites Screenshot

The term "sprite" (similar to "spirit," "goblin," or "elf") has its origins in computer graphics, in which it described a graphic object blended with a 2-D or 3-D scene through graphics hardware. Because the complexity of video games has continually increased, there was a need for smart techniques that could deal with detailed graphic objects while keeping game-play flowing. One of the techniques developed saw sprites being plugged into a master grid (see the image below), then later pulled out as needed by code that mapped the position of each individual graphic and selectively painted it on the screen.

You may want to take a look at the following related posts:

Read more...

50 Incredible Photography Techniques and Tutorials

Over the recent months we've been presenting various showcases of photography – while many readers hated the showcases, most readers found them inspirational and perfect for a lousy workday's morning. However, what we should have done in the inspirational posts is not just provide you with some inspiration for your work, but also present useful photographic techniques which can help you to achieve optimal pictures for your designs. And as requested by many of you, now it's time to correct our mistake.

Screenshot

In this post we present useful photographic techniques, tutorials and resources for various kinds of photography. You'll learn how to set up the perfect environment and what techniques, principles and rules of thumbs you should consider when shooting your next perfect photo. This round-up isn't supposed to be the ultimate one – please feel free to suggest more useful articles in the comments to this post.

Among other things, we cover high-speed photography, tilt-shift photography, black and white photography, motion blur, infrared, night, smoke photography, macro photography, HDR, panoramic photography, RAW processing and others. Hopefully, you'll find many of the listed tutorials and how-tos useful for your regular work.

Read more...

5 Simple Tricks To Bring Light and Shadow Into Your Designs

There's just no escaping light and shadow -- it's everywhere you look. Everything you see reflects light and casts some sort of shadow. Visually, light and shadow help us make sense of what we see and help us understand texture, dimension and perspective.

Screenshot

So, as we try to make our designs on the Web more natural, moving and intuitive, a good understanding of light and shadow is pretty important. Here are 5 ways to better use light and shadow to polish your page designs and make them stand out on the screen.

Read more...

25 Text Batch Processing Tools Reviewed

Have you ever fainted from the sheer idea of having to find and replace text in millions of files? Have you ever felt helpless because you needed to search and replace different data 50 times at once? Have you ever lost original files while doing normal text processing tasks? If you’ve found yourself in any of these situations, then it is time to feel a bit tougher, at least mentally.

PowerGREP

Below, we review 25 useful text batch processing tools. These tools will help you search and replace text in millions of files in the blink of an eye. Many of them even allow you to use regular expressions to improve your search and replace operations, saving you precious hours on day-to-day text-processing tasks.

These tools can be used by programmers and developers, novice and experienced alike, to perform repetitive text-processing tasks. At the end of this post, you’ll find a table summarizing the features of the tools reviewed here, which will help you decide on the best tool for your particular purpose. You many want to take a look at 15 Useful Batch Image Processors as well.

Read more...

Handy Tweaks To Make GIMP Replace Photoshop

GIMP is the favorite graphics editing program of many designers and graphic artists. It is free and compatible with Windows, Mac and Linux (the two big reasons for its popularity). It has a wide array of features, as well as plug-ins, filters and brushes. Documentation is primarily available in online communities, as well as through extensive add-ons.

GIMP screenshot

GIMP was never designed to replace Photoshop, yet with every release, it comes a little closer to being able to do so. It can be used to author graphics, create logos and edit photos, as well as make short animations (using GAP). Despite these features, the open-source app is a foreign world for many users switching from Photoshop. Familiar tools are missing, menus are laid out differently and tasks must be accomplished in unknown ways.

This article discusses eight tweaks to make GIMP a more serious Photoshop replacement option. Version 2.6 was used to test the following tweaks, but past versions of the app should work as well.

Read more...

10 Simple and Impressive Design Techniques

Complex design techniques are often time-consuming and, well, complex. Some of these advanced effects can add plenty of depth to designs, but when used in the wrong place, they do little more than distract viewers from the project's intended focus. These effects may be precisely what a design needs to have the impact it requires, but even in these cases, they should be complemented by simpler effects.

Screenshot

Simple effects and techniques are the building blocks of today's designs. For example, what good is a stellar lighting technique if you can't decide which colors to use or which text-based effects to use in conjunction with the effect?

With a "less is more" mentality, we've selected 10 very simple and impressive design techniques that can drastically improve the performance and appearance of your designs.

For more techniques, you may want to look at our previous articles:

Read more...

5 Universal Principles For Successful eCommerce-Sites

When was the last time you called customer support because you were having problems checking out online? Probably never! Cart abandonment rate is at around 60%, and most of it happens before the user even begins the checkout process. Sometimes, convincing your customers to trust you is your biggest challenge.

You can check in but you wont check out?

There is no “Consumer Trust for Dummies,” but as eCommerce designers, we need to focus on some fundamentals. The following topics may seem as obvious as walking into a seven-foot Wookie, but rest assured you will find plenty of websites with a mouth full of fur.

If your core demographic is women between the ages 35 and 65 who have an annual income of $60,000+, you would treat them different than the 18- to 25-year-old male demographic. First and foremost in e-tail: forcing your visitor to think is a bad idea. When creativity stops being subjective and can be measured by a dollar amount, making sure you're designing for the customer is a no-brainer.

Read more...

12 Useful Techniques For Good User Interface Design

Last week, we presented 10 Useful Web Application Interface Techniques, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page.

Yammer feed update

This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps. We also discuss how to implement these techniques so that they are properly used. Please feel free to suggest further ideas, approaches and coding solutions in the comments below.

You may also want to take a look at the following related articles:

Read more...

10 Useful Techniques To Improve Your User Interface Designs

Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here's my collection of 10 that I think you'll find useful in your work. They're not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let's get started.

Twitter's hover controls

Links (or anchors) are inline elements by default, which means that their clickable area spans only the height and width of the text. This clickable area, or the space where you can click to go to that link's destination, can be increased for greater usability. We can do this by adding padding and, in some cases, also converting the link into a block element.

Read more...

↑ Back to top