Posts Tagged ‘Techniques’

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

50 Free Resources That Will Improve Your Photography Skills

Photography is a wonderful hobby enjoyed by lots of people all over the world. It's a very enjoyable passtime, but also a very technical one. There's a bewildering range of cameras, lenses and accessories, and photographers also have to get to grips with computers and image editing software packages. It can get very confusing, especially for newcomers to the hobby, and there always seems to be something to new to learn, even for experienced photographers.

Free Photography Resource

With this in mind we've put together a list of over 50 free resources that will be useful to anyone involved in photography. We've compiled a list of the best and most comprehensive websites that will help you get the most out of your photography equipment. You'll find a gold mine of articles on equipment and technique, plus advice from some of the most active and well-known professional photographers practising today.

We've divided these websites into categories for easy reference, but please bear in mind that many of these websites deal with more than topic. Many talk about both photography techniques and camera equipment, for example. We've categorised them according to how we think you will find them most useful. The resources section at the bottom of the article has links to more articles about photography websites, so check them out.

Read more...

50 Useful New jQuery Techniques and Tutorials

The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax.

Automatic Infinite Carousel

To help you improve your skills, in this article we present 50 useful new jQuery techniques and tutorials that have been created recently and that could make the development of your next website an easier and more interesting experience than the last.

Read more...

PNG Optimization Guide: More Clever Techniques

This post is a second part of the article Clever PNG Optimization Techniques that we posted last week. As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It’s a lossless, robust, very good replacement of the elder GIF image format. As a Photoshop (or any other image editor) user you might think that there is not that many options for PNG optimization, especially for truecolor PNG’s (PNG-24 in Photoshop), which doesn’t have any. Some of you may even think that this format is “unoptimizable”. Well, in this post we’ll try to debunk this myth.

Screenshot

This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We'll talk about grayscale, how to use fewer colors for optimization and also about reducing detail to minmize the file size.

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

Read more...

50 New CSS Techniques For Your Next Web Design

CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.

One of the best parts of CSS is that it's so simple once you know the basics. Where tables used to make incredibly complex and sometimes impossible-to-decipher code, CSS keeps things clean and simple. Add a few comments to keep everything organized and it becomes an absolute dream to work with.

 Super Awesome Buttons with CSS3 and RGBA

Below are 50 fresh CSS tricks, techniques and tutorials that will help you to improve the quality of your next web design. Be sure to check out our previous article: 53 CSS-Techniques You Couldn't Live Without.

Read more...

5 Useful And Creative Ways To Use WordPress Widgets

If you've been reading some of the previous WordPress-related articles here on Smashing Magazine, you'll know that WordPress is much more than a blogging platform. It can be used as a CMS, too. And WordPress widgets are a powerful tool in your WordPress development arsenal.

Screenshot

When you think of WordPress widgets, you may think they're just a way to rearrange various items in your blog's sidebar without touching any code. Sure, that's nice and all, but that's really just the tip of the iceberg of all the things WordPress widgets can do.

Read more...

10 Useful CSS/JS-Coding Solutions For Web-Developers

Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by just observing the code of other developers we can learn a lot from them; we can find interesting ideas and improve the quality of our work.

Typographic Percentages

Over the last months we've been paying closer attention to interesting design techniques and coding solutions and tried to understand how each of these solutions work and how they can benefit other designers and developers. Such designs are often hard to find, so it would be great if you could suggest some solutions that are worth exploring in detail – we'll certainly cover them in our next posts!

So let's take a closer look at 10 useful CSS & Javascript techniques and coding solutions that can turn out to be useful for your next project. You should have at least a basic knowledge of CSS and JavaScript before you read the entire article.

You may be interested in the following related posts:

Read more...

Clever JPEG Optimization Techniques

When people talk about image optimization, they consider only the limited parameters offered by popular image editors, like the "Quality" slider, the number of colors in the palette, dithering and so on. Also, a few utilities, such as OptiPNG and jpegtran, manage to squeeze extra bytes out of image files. All of these are pretty well-known tools that provide Web developers and designers with straightforward techniques of image optimization.

In this article, we'll show you a different approach to image optimization, based on how image data is stored in different formats. Let's start with the JPEG format and a simple technique called the eight-pixel grid.

Read more...

Module Tabs in Web Design: Best Practices and Solutions

A module tab is a design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content's corresponding tab control.

Module tabs are seeing an increase of use as websites and web applications push for optimizing web page screen areas without sacrificing the amount of information presented at once. For example, in weblogs, they are used in secondary content sections (such as the sidebar) to present relevant and interesting information such as a listing of blog posts which users can interact with to get to web pages quicker. This inevitably allows for an unobtrusive and compact manner of presenting content.

Vyniknite dot s k uses red highlights for hovers.

This article discusses the use of the module tabs design pattern for use in websites and web-based applications. We share with you some best practices to consider when using module tabs, a listing of real-world examples of websites the take advantage of module tabs, as well as tutorials and free downloadable scripts for building and deploying module tabs in your sites.

Read more...

Take Your Design To The Next Level With CSS3

Cascading Style Sheets were introduced 13 years ago, and the widely adopted CSS 2.1 standard has existed for 11 years now. When we look at websites that were created 11 years ago, it's clear that we are a thousand miles away from that era. It is quite remarkable how much Web development has evolved over the years, in a way we would never have imagined then.

So why is it that, when it comes to CSS, we're stuck in the past and so afraid of experimenting? Why is it that we still use inconvenient CSS hacks and JavaScript-dependent techniques for styling? Why can't we make use of the rich CSS3 features and tools available in modern Web browsers and take the quality of our designs to the next level?

Beak uses the text-shadow-property of CSS 3

It's time to introduce CSS3 features into our projects and not be afraid to gradually incorporate CSS3 properties and selectors in our style sheets. Making our clients aware of the advantages of CSS3 (and letting older deprecated browsers fade away) is in our power, and we should act on it, especially if it means making websites more flexible and reducing development and maintenance costs.

In this article, we'll look at the advantages of CSS3 and some examples of how Web designers are already using it. By the end, we'll know a bit of what to expect from CSS3 and how we can use its new features in our projects.

Read more...

8 Layout Solutions To Improve Your Designs

The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns. Without a good layout, the website doesn't seem to flow correctly, and nothing connects the way it should.

Screenshot

In this article, we'll discuss 8 useful layout solutions and techniques that will help you create a clean and organized content layout. The 8 techniques include sliders, tabs, progressive layouts, structured grids, modal windows, rollover elements, accordions and mega drop-down-menus.

You may also be interested in the following related posts:

Read more...

↑ Back to top