We use ad-blockers as well, you know. 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. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
Designers spend hours perfecting websites, whether their own or their clients'. When you've invested anywhere from a few days to months in a website, the last thing you want is for someone else to steal the design without even giving you proper credit (or compensation). And if you're a template or theme designer, it's an even bigger problem. After all, if your templates are available online for free, a lot of people won't bother paying for them.
So what can you do if you've discovered that one of your designs has been ripped off? What should you do? Read on for a complete guide to steps you can take to protect your intellectual property.
I am not a lawyer, nor do I pretend to be one on TV, so the advice here should not be taken as legal advice. Before taking any of the actions mentioned below, check with a lawyer or other legal expert to see what is allowable in your state or country or to see if additional options are available to you.
Deciding what to do once you've purchased a domain but haven't yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host's generic page seems unprofessional, especially if you're trying to drum up advance press for your new project. At the same time, you don't want to spend too much time on a temporary page when you really should be working on the website itself.
The best thing to do is create a simple "Coming soon" page to notify visitors of what will eventually be there. Good "Coming soon" pages come in two basic varieties: the informational design, which simply tells visitors what will be there after launch; and the page that invites early visitors to sign up for updates or even to request a beta (or alpha) invitation. Below are some great examples of each, followed by some best practices for creating your own "Coming soon" page. You definitely won't see among these the generic "Under construction" page (with the cute construction graphic) that used to litter the Web.
Let's face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered "Web safe," and those ones aren't exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let's say, headings? Or pull quotes? What then?
You have a few options. Many people just opt for more elaborate CSS font stacks, with their preferred fonts up front. But that still leaves a big chunk of your visitors seeing the same old Web-safe fonts.
Enter dynamic text replacement. In addition to font stacks, why not replace the heading text with an image, embedded font, or bit of Flash? The methods described below are easier than they sound. And the end result is that the vast majority of users will see the beautiful typography you want them to see. A word of warning, though: don't use dynamic text replacement for all of the text on your page. All that would do is slow it down and frustrate your visitors. Instead, save it for headings, menu items, pull quotes and other small bits of text.
Selling online can open up huge new markets for many businesses. When your store can be open 24/7 and you can reach a global market without the costs of mailings and call centers, it can be a huge boon to your business. But there are plenty of things to consider when designing an ecommerce site. It's not as simple as throwing up some shopping cart software and plopping products into a database.
There are tons of mistakes that online retailers make every day, all of them avoidable with a little careful planning. And even if you're already committing some of these mistakes, most of them are easy enough to fix. Avoiding them will greatly improve the experience of your customers.
Below are 15 of the most common mistakes that e-commerce sites make, as well as advice on how to avoid or fix them. Take the advice under consideration before embarking on a new e-commerce project or when thinking over your current ecommerce site, and make efforts to follow the recommendations outlined here.
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).
CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font. But doing either of those things means you're missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site's typography exactly the way you intend without showing everyone else a default font. Read on for more information on using and creating effective font stacks with CSS.
There are a huge variety of font stacks recommended. It seems every designer has their own favorites, what they consider to be the "ultimate" font stack. While there is no definitive font stack out there, there are a few things to keep in mind when using or creating your own stacks.
First of all, make sure you always include a generic font family at the end of your font stacks. This way, if for some strange reason the person visiting your site has virtually no fonts installed, at least they won't end up looking at everything in Courier New. Second, there's a basic formula to creating a good font stack: 'Preferred Font', 'Next best thing', 'Something common and sorta close', 'Similar Web-safe', and 'Generic'. There's nothing wrong with having more than one font for any of those, but try to keep your font stack reasonably short (six to ten fonts is a pretty good maximum number).
Time management is one of the most important skills a freelance worker can learn. With a good time management system you can easily find the time to do the things that are important to you, whether in your professional or personal life. Successful time management can be challenging, especially to those who are new to freelancing or being self-employed. When you have a boss telling you what to do and when to do it by, it's much easier to prioritize and figure out what needs to be done and when.
But when you're not only dealing with client deadlines but also all of the day-to-day parts of running a business, on top of trying to maintain some sort of life outside of work, time management gets a whole lot trickier.
Below are sixteen tips to help you better manage your time and find the time to participate in the things that are important to you. Also included are some further resources to improve your time management.
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.
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.