Posts Tagged ‘Tools’.
We are pleased to present below all posts tagged with ‘Tools’.
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 San Francisco, dedicated to smart front-end techniques and design patterns.
We are pleased to present below all posts tagged with ‘Tools’.
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.
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...
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.
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...
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.
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...
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...
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.
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?
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 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.
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:
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.
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...
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.
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: