Posts Tagged ‘Tools’

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

Seven Must-See Web Design Videos and Presentations

In one of our previous articles, I put together a list of 7 must-see videos related to web design. Since then, I've come across a number of other videos from conferences and events, and I thought I would share some of those here. The list includes a brief description of each video, some notable quotes from the presentations, and related links. So, sit back, take your time and enjoy some great technical insights and design principles from some well-known web designers, developers, and conference speakers.

Screenshot

The Influence of Print Design, by speaker Jason Santa Maria. Part of the MFA in Interaction Design program, this is a candid and personal discussion of how print design and the technique of "storytelling" have affected the designs of the speaker in his professional career as a web designer.

Read more...

Best Practices In Modern Web Design: The Ultimate Round-Up

Web design has evolved at such an extreme rate over the past ten to twenty years that it's often hard to keep up with current trends and best practices. It wasn't that long ago that table-based designs were considered cutting edge and CSS was unheard of. And to compound the problem, finding up-to-date information on what the "right" way to do things is can be nearly impossible at times.

Showcase of Design Elements - De-clutter Your Interface With Hover Controls

So we've collected more than 100 best practices for designing modern websites, from blogs to portfolios, covering everything from CSS and coding to images, graphics, and typography. Along with the practices themselves are resources for more information and examples of the practices themselves to help you visualize what we're talking about.

Read more...

Handy Tools and Tips for E-Commerce Websites

Running an e-commerce website is a never-ending task, from trying to squeeze that extra bit of conversion rate out of the check-out page to figuring out which referrers give you the best traffic. There's also a plethora of tools out there to help you achieve your goals. But which ones do what, and why should you use some of them? This article introduces some of these tools and offers a tip or two on how to use them.

Wordle image of rob-smith.info

If you own or operate an e-commerce webs, you'll find one or two things that you haven't tried before. If you're new to e-commerce, this article should give you insight into some of the possibilities available to you as you enter the market. A plethora of merchants out there could benefit from lower-cost e-commerce help and advice. Covered in this article are analytics tips, visualisation tools, product page tips, checkout tips, testing tools to try right now and a final tip.

This article is only the tip of the iceberg. If you have any tips on usability, the check-out process, product pages, analytics or testing, please add them to the comments, so that this article becomes even more useful to readers.

Read more...

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

↑ Back to top