Posts Tagged ‘Tools’

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

Zen Coding: A Speedy Way To Write HTML/CSS Code

In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers.

How much time do you spend writing HTML code: all of those tags, attributes, quotes, braces, etc. You have it easier if your editor of choice has code-completion capabilities, but you still do a lot of typing.

Screenshot

We had the same problem in JavaScript world when we wanted to access a specific element on a Web page. We had to write a lot of code, which became really hard to support and reuse. And then JavaScript frameworks came along, which introduced CSS selector engines. Now, you can use simple CSS expressions to access DOM elements, which is pretty cool.

Read more...

40+ Desert Island Web Development Tools

What would you do if you were suddenly stranded on a desert island in the middle of nowhere, with only a USB drive, a dial-up internet connection, and a barebones computer with no software outside the operating system installed? Of course, you'd use the internet connection to call for help first, but what about after that? How would you keep your design business going?

XAMPP

Okay, maybe a scenario that's a bit more likely would work better. What if your computer crashed, wiping out all of your data and programs, and you have a deadline in two days? Or maybe you want to be able to pick up and leave at a moment's notice without taking anything more than a change of clothes and a USB drive. If you have the apps below, neither of those scenarios would be much of a problem.

The apps on this list can help you with everything from coding to graphics to running your business and managing your projects, all from a single USB drive. And while USB drives are getting bigger all the time (last I checked a 64GB one wasn't too badly priced, and that's 4GB more storage than my current MacBook has), you still need special programs in most instances to have true portability. The apps below are just that: truly portable and small enough to fit on a USB drive (often a very small USB drive).

Read more...

Data Visualization and Infographics Resources

Data visualizations and infographics can make complex datasets easier to understand and comprehend. By creating a graphical represenatation of data and statistics, complicated concepts and information can make more sense in less time. Many visualizations focus on representing a specific set of data or statistical information. Others focus on less-concrete topics, providing a visual representation of abstract concepts. Generally speaking, the first type appear more like graphs or charts and the latter are often more creative and imaginative.

Screenshot

But visualizations and infographics can be used poorly, too. Putting in too much information (or not enough), using improper formats for the information provided, and other failures are common. Below are more than 25 useful resources for infographics and data visualization. Most are galleries of effective graphics though some also provide how-to information for information designers.

Also consider our previous articles:

Read more...

35 Excellent Wireframing Resources

Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site's architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer.

Wireframes Screenshot

Below are more than 35 resources for creating better wireframes, including tutorials on different methods and a variety of tools available. There’s information on everything from paper wireframing techniques to using programs like Adobe Illustrator for the wireframing stage of your designs.

Read more...

10 Tools For Finding, Registering And Managing Domain Names

A domain name is the starting point for our online brands and identities, be it for a company, online application or a personal website. Some of us may own only one domain for a portfolio site or blog, whilst others have to manage domain names for clients or all kinds of projects. But even if you do not yet have a personal domain, as the Internet becomes more pervasive in our lives, finding yourself a real home on the web becomes more of a neccessity.

Of course, social web services like Facebook, Twitter, etc. do indeed offer usernames, but only domains give us full ownership and control over branding and ultimately how we express ourselves online.

Screenshot Domainr

Many of the traditional sites that offer domain names are poorly organised, hard to navigate and covered in spammy ads. In this article we will have a look at a number of smart and user-centric domain tools which help you to find, register and manage domain names, other than the usual domain registrars or webhosting companies.

You may also be interested in the following articles:

Read more...

Free and Commercial Stock Photography Sites

Stock photography is often used in print and web design and has been around since the 1920s, when it was utilized by the newspaper industry. It has turned out to be such a common element to use now when designing, and has become more and more available, so that designers start using it on a daily basis.

Corbis

In the beginning there were only a few minor resources when it came to utilizing a variety of photos, but now as the times change and technology advances, so does the amount of resources in stock photography. Here are a handful of sites to check out when considering the use of stock photography on your next project.

Read more...

A-Z of Free Photoshop Plugins and Filters

The Photoshop community is choc-full of many free resources, tutorials, tips and techniques, .psd files and even Actions. There is one area that it sadly lacks in, and that is free plugins and filters. Of course, Photoshop has been the pioneer in graphic editor development for a long time now, and with each new version (its current version is CS4) has added an endless supply of features and addons, and as a result, perhaps the need for free plugins or filters is no longer required. Or has it been ignored?

Photoshop Plugin and Filters

Traditionally plugins are an amateur photographer's best friend, take your shots, fire up Photoshop, apply some well preset filters, and hey presto you have a reasonably professional image. Professional photographers have been known to use plugins as a base and then tweak and add effects to achieve there own personal professional touch. Plugins are basically an indispensable tool that do not recieve the attention they deserve. And that brings us back to our original mystery, why are there so few free plugins and filters? Do you know the answer? I don't.

In this A-Z of free Photoshop plugins and filters you will find a few plugins that are (almost) as old as time itself, do not fear, they will work perfectly on all versions of Photoshop and the effect they produce are just as useful now as they were then. If you are looking for a simple and easy method to add effects to an image, this is the post for you.

Read more...

↑ Back to top