Menu Search
Jump to the content X X
Smashing Conf Barcelona

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.

Posts Tagged ‘Tools’.

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

22 Extremely Useful And Powerful CSS Tools

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. Last year we prepared and published some of them in a series of smashing posts about CSS. Now again is the time to give these tools the attention they deserve. [Content Care Nov/02/2016]

TypeChart

Below, we present 50 extremely useful CSS tools, generators, templates and resources. We did not include “traditional” CSS tools, such as Firebug or the Web Developer extension, but tried to focus on rather unknown tools that are definitely worth a look. Some tools are new and some are old, but hopefully everybody will find a couple of new useful or at least inspiring tools.

Read more...

20 Vector Graphics Editors Reviewed

In computer graphics images can be represented in two ways — using raster graphics (or bitmap) or vector graphics. The former is the representation of images as an array of pixlels, and the latter uses paths, points, lines, curves and shapes or polygons (which are all based upon mathematical equations) for the same purpose. Raster images are based on pixels and thus scale with loss of clarity, while vector-based images can be scaled indefinitely without degrading. In other words, vector graphics are resolution-independent and thus can remain the highest quality at any scale. [Content Care Nov/16/2016]

DrawIt

Vector graphics drawing software is used for creating and editing vector graphics. It provides graphic designers with the ability to create precise, scalable and layered images. Both 3-D graphics and CAD (computer-aided design) technology rely heavily on vector graphics.

Read more...

15 Helpful In-Browser Web Development Tools

There are many useful Web development tools that integrate in your browser. These in-browser tools are commonly known as add-ons or extensions. Though add-ons and extensions aren't just for Web development, many of them out there are designed specifically for Web developers. In-browser tools vary greatly in the jobs they perform; for example, some of them help you diagnose issues with CSS, HTML and JavaScript, while others evaluate the accessibility of your website.

Web Developer - screen shot.

In this article, we explore some of the most popular and useful in-browser Web development tools. You'll find tools for popular Web browsers like Firefox and Internet Explorer. Whether you need to debug and inspect your HTML, inspect HTTP headers, access FTP source files, evaluate accessibility or just figure out what color a Web page element is, you may find a variety of tools discussed here useful. [Content Care Nov/08/2016]

Read more...

13 Useful Project Management Tools

There is a huge variety of project management applications out there. Most are general purpose apps, not aimed at any one industry. But there are a growing number of project management apps aimed specifically at one industry or another. Applications geared toward creative types are becoming more readily available, and some of the offerings are really quite good. [Content Care Nov/10/2016]

Basecamp Time Tracking Screenshot

Many of these project management apps have built in code repositories and subversion browsers (or are built around them). A few have built in bug and issue tracking. Others include more than just basic project management. All of them can help you keep track of activities and team members. There are both free and paid options. Some have very slick interfaces, and some are modeled more after desktop applications. All are relatively easy to use and easy to set up.

Below are 15 useful project management applications, almost all of which are targeted directly at web developers, designers (both web and graphic) and other creative types. The last one is not geared specifically at creative types, but is the most unique project management application I've found, and was included on that basis as well as its potential usefulness for designers and developers.

Also consider our previous articles:

Read more...

13 Useful Batch Image Processors

Whether you’re a Web developer, Web designer or blogger, you’ve probably had to deal with the headache of converting many images to different sizes and formats. It’s not much fun if you have to convert all of them by hand. Batch image processing can reduce this process from hours of work to just a few simple clicks. [Content Care Nov/11/2016]

Resize Me

With batch image processing, you can specify a size or file type, and then a script runs to convert the images. You can process hundreds or thousands of images with just a few clicks. And nearly every image processor comes with a unique feature set.

Image processors are worth their weight in gold if you’re a designer or developer spending a good chunk of time converting images by hand in Photoshop. Let's take a look at 15 useful batch image processors for both Mac and PC.

Read more...

6 Version Control Systems Reviewed

If you’ve ever collaborated with other people on a project, you know the frustration of constantly swapping files. Some do it by email, some through file upload services and some by other methods. It’s a pain in the neck, and every designer and developer knows it. Revision control is an excellent way to combat the problem of sharing files between workers.

Most web-developers have probably worked with some sort of revision control system, but designers may find it a foreign concept. The most obvious benefit of using revision control is the ability to have an unlimited number of people working on the same code base, without having to constantly send files back and forth. [Content Care Nov/16/2016]

Screenshot

But designers and developers can both benefit from using revision control systems to keep copies of their files and designs. You can instantly browse previous “commits” to your repository and revert to earlier versions if something happens.

This article reviews some of the top open-source version control systems and tools that setting up a version control system easy.

Read more...

20 Font Management Tools Reviewed

If you are one of those people who work with fonts on regular basis, then choosing, comparing and analyzing fonts is a serious business for you. Font management is not always as easy as a walk on the cake. Font management issues like installing and uninstalling fonts, handling missing fonts, taking care of font conflicts always keep graphic designers and typographers on their toes. [Content Care Nov/13/2016]

FontCard

Also hundreds or thousands of fonts activated on the system can use up considerable amount of system resources which in turn reduces efficiency and productivity. Mac, Windows and Linux platforms have their own font management utilities, but these utilities are not sufficient in a specialized or professional environment. This is where professional font management tools come to the rescue.

Below we have reviewed 25 free/commercial font managers for Mac, Windows and Linux. Which one do you use and why? Your favourite tool is missing? Let us know in the comments!

Read more...

Screencasting: How To Start, Tools and Guidelines

Some companies have made a living creating a sort of “virtual classroom,” allowing members to learn at their own pace when they have the time using video tutorials. The advantages of the classroom setting stem from a one on one experience and the ability of the instructor to show the ideas and theories rather than simply explain them. [Content Care Nov/14/2016]

lynda.com

Screencasting, or sharing your virtual desktop via video presentation, has exploded in popularity with the advent of podcasting, and gives you the ability to bring the classroom feel to a media presentation that can be delivered over the Internet. The medium of screencasting is readily available to everyone and with a few tools of the trade you can be ready to produce your own.

Read more...

35 Useful Source Code Editors Reviewed

To edit HTML- and CSS-code you only need a simple plaintext-editor — the rest depends on your skills and your creativity. However, to make your life a little bit easier, you can use some more comfortable source-code editors with advanced editing features. These features can effectively support you during coding, debugging and testing. Powerful modern editors provide developers with syntax highlighting, diff, macros, plugins, code-snippets, preview-option and an integrated FTP-management tool. Some editors go even further and offer a complete integrated development environment with numerous features and functions. [Content Care Nov/16/2016]

Screenshot

In the list below we present an overview of 35 established or rather unknown — but useful source code-editors; you'll probably find "usual suspects" — your favourite editor or the editor you've once been working with. But you'll also find some rather unknown alternatives which are definitely worth considering when choosing an optimal source code editor.

Some of the "ancient" text-editors such as EMacs or Vi are still alive and have achieved a remarkable level of quality over years. We've presented them below proving that sometimes it is really better to consider preferring a rather old editor to a "fresh" one. The position of the editors in the list is rather random and doesn't necessarily correspond to our personal evaluation of the editors. Please notice: even although this overview presents quite many editors, it doesn't mention all of them.

Yesterday we've published a review of 20 WYSIWYG-editors. Now, what about useful source code editors? What is your favourite?

Read more...

20 Useful WYSIWYG Editors Reviewed

When it comes to coding editors, it's damn hard to a get a clear overview of all the benefits and functionalities different editors have to offer. However, in the end everybody needs one, so it's important to know which editor is best tailored to your personal needs.

WYSIWYG-editors are often criticized by real coding ninjas for bloated, dirty and not standards-complaint source code they've been producing over the last years. However, WYSIWYG-editors have become much better recently. Some of them even produce valid and elegant code. [Content Care Nov/15/2016]

Screenshot

Sometimes you need to provide your clients with some simple tools to edit or update their web-sites. And this is where the utility of WYSIWYG-editors comes in. As a web-professional you need to provide your clients with some sophisticated advice and offer a simple yet effective tool — e.g. a WYSIWYG-editor. In this article we've tried to give you an overview of both useful and deprecated WYSIWYG-editors.

Read more...

Professional Web Design Forums

Web design-related forums are a place where you interact with other designers, exchange ideas or discuss your first drafts. When you have a problem, you can post the issue, and then receive feedback on possible design or coding solutions from community members. This interaction is a great way to establish contacts and build relationships. Forums are used for networking and marketing purposes. They are practical places to solve problems and can serve as a form of social diversion. [Content Care Oct/13/2016]

Designers Talk Forum

As designers and developers, we choose a forum depending on its ability to approach our needs. In best case the forum should be large enough, moderators should be cooperative and the posts should be responded quickly. There is nothing worse than posting a thread on a forum and no one replies to it.

In forums, users develop a reputation over time. The forum software can be used to track this. Some forums allow users to rate each other as well. Also, the more you participate and the more professional input you bring to the community, the more other members will recognize you and respect your opinion.

Read more...

Time-Savers: Code Beautifier And Formatter

Well-documented and readable source code is essential for every collaborative project. Logically structured, well organized and nicely formatted, the code can speed up the bug hunting and help to keep the code clean, minimal and still functional. These facts are particularly important if the code is being developed by a group of developers: in this context a common scheme for source code presentation is necessary. You don't have to do everything by hand; in fact, there are many tools which can save a lot of time - for you and your co-workers. [Content Care Oct/10/2016] The tools and services we've collected below aren't validators. They format and beautify the code; some of them can remove redundant elements. Using them, you have to make sure you have a backup, so your data can always be restored. Screenshot Screenshot Let's take a look at code beautifier and formatter which can save you a lot of time and help to maintain a clean and readable source code. Read more...

↑ Back to top