Posts Tagged ‘Tools’

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

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

Wireframe Resources

This article focuses on actual wireframing tools and standalone applications, as well as resources that you'll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you'll use in any typical graphics editor such as Photoshop or Illustrator. ...Or you could use pen and paper.

Read more...

20 Indispensable Browser Based Apps

There’s nothing better than a good browser based app. Browser based apps require no downloading and no installation, so you can start using them whenever and wherever you like. What’s more, each one of these apps is accessible from any computer in the world, provided that it’s connected to the internet, so there’s no need to take expensive and heavy hardware with you when you’re out of the office. Some of these apps can be used on your mobile phone too!

There are browser based alternatives to almost every traditional piece of software you frequently use, whether it’s for word processing, image editing, listening to music, screen sharing, storing files and folders, or even making to-do lists. Here, we bring you 20 indispensable web apps, which once you’ve tried, you’ll never want to live without again. Most of the apps explored below are free, so there’s nothing stopping you from giving them a go.

Read more...

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

↑ Back to top