Posts Tagged ‘Techniques’.
We are pleased to present below all posts tagged with ‘Techniques’.
You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Techniques’.
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.
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...
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.
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:
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. [Content Care Oct/28/2016]
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...
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.
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...
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 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...
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.
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:
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.
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...
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. [Content Care Nov/29/2016]
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.Read more...
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. [Content Care Oct/31/2016]
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...
Tilt-shift photography is a creative and unique type of photography in which the camera is manipulated so that a life-sized location or subject looks like a miniature-scale model. Below, we present 50 beautiful examples of tilt-shift photography. All examples are linked to their sources. We strongly encourage you to explore other works of the photographers we’ve featured in this post. [Content Care Nov/08/2016]
To add good miniature effect to your photographs, shoot subjects from a high angle (especially from the air). It creates the illusion of looking down at a miniature model. A camera equipped with a tilt-shift lens, which simulates a shallow depth of field, is essentially all you need to start.Read more...
Image captions are an often-overlooked element of Web design. They’re often thought of more in terms of function than form. As long as they include the proper photo credits or identifying information about the image subject, not much more thought is given to them.
But image captions are a great place to add a bit more style to your website or to give some unique insight into the subject of the image. Whether the captions are for photos on a news website or design samples in a portfolio, they present an opportunity for reinforcing the overall look of the website. When done properly, they can even add more visual interest and become a distinguishing trademark of a particular brand or website.
There are two basic kinds of photo captions. There is the simple, minimalist, down-to-business style. These usually have a simple sans-serif font in white, black or shades of gray. They are usually positioned either to the side or below an image, though sometimes they overlay or are above it. This type is commonly found on news websites but is also seen in portfolios and other websites.
The other major style is more graphic. This often include effects, such as the caption only appearing on a mouse-over or a “Details” button displayed that leads to the full caption. While fonts are still generally sans-serif, much more color is used, and the captions are often overlaid on the actual image. These types of image captions are generally seen on portfolio websites of designers and ad agencies. Of course, there are websites that use a crossover-type image caption, displaying elements of both styles.Read more...
With fall just around the corner, designers are looking for ways to complement their work with Fall imagery like water droplets, rain on leaves and fall rain showers. Including rain or water drops in a scene can be a nice effect because water is a very compelling element. As you’ll see in the tutorials below, water drops and rain can completely change the dynamic of a design or photo. [Content Care Nov/07/2016]
Adding the illusion of water and rain to photographs using Photoshop can be a bit tricky. Many times the effect feels forced and cheesy, as if you’re looking at a grainy picture instead of an authentic rain shower. The tutorials below will give any designer inspiration for incorporating water scenes in fall designs and showcase some amazing water work by excellent designers. You’ll learn how to create realistic photos.Read more...