Posts Tagged ‘html’

Should You Keep Your Website Open Source?


When you enter the world of web hosting, you will find yourself inundated with options. Choosing a hosting company is only the beginning. Even after you have a domain, hosting account, and all of the preliminary tasks out of the way, you still have to build a website. Many options out there are proprietary, sold by commercial vendors and private developers, but in some situations, it is much better for your website and your business to use free and open source software for your website.

What Is Free and Open Source Software?

To fully grasp the importance of open source software, it is important to have a clear definition. Free and open source software is any software that is made available using a free software license (approved by the Free Software Foundation) or an open source license (approved by the Open Source initiative). Most free and open source licenses fit both lists and include clauses that allow users to copy the source code, modify it, and redistribute it to others. This does not necessarily exclude commercial software, since even free and open source software can still be sold.

How Can a Website Be Open Source?

When we talk about making a website open source, it does not refer to the HTML and CSS code, which is, by the open nature of the Web, always open source and available to everyone. On the other hand, many websites use server-side scripting to create dynamic web pages and web applications. In some cases, these scripts are from proprietary vendors or private contractors, but you can also get them from open source developers.

Some of the most successful and trusted websites use reliable free and open source content management systems, such as WordPress (for blogging), Drupal (for general website content management), and Magento (for e-commerce).

Why Go Open Source?

The most common reason for a website administrator to pick a tool like WordPress over something commercial is that it is free of charge. You do not have to pay a cent to download it and install it on any server. While there are commercial installation and management services available, these are completely optional, and the software remains free and open source even if you use them.

Beyond the initial cost, however, free and open source web software offers significant advantages, including the following:

Avoid Vendor Lock-in

If a vendor creates a complex proprietary web application for your website, you will always be dependent on that vendor for updates, customizations, and possibly even the safety of your data, which may be in a proprietary format. If you ever need to switch to another vendor, you may have serious conversion problems.

Full Customization

When you use free and open source software, it is yours to do with as you please. While other software may have limitations on the amount of customization you can do, an open source web application is like clay that you can mold into whatever you want.

Reliability and Security

As the old open source saying goes, “many eyes make bugs shallow.” It is easier for a community of developers to spot security flaws and fix bugs than it is for a commercial company with a closed development model.

Sustainability

This is especially true if you hire an independent developer to create a new application for you. If something should happen to that developer or you are no longer able to hire that person, you are left with software that no one at your organization truly understands how to develop or fix. With free and open source software, it continues to survive even if the developer does not. The source code remains available even if a vendor goes out of business.

The Open Web

There is one undeniable reason why it makes sense to use free and open source software for your website. The web was built on free and open source principles. The code of the web is free and open, and web standards call for websites to be open and accessible to everyone. Most of the top hosting providers offer free and open source software, and it only makes sense that your website should maintain the spirit of the web by keeping your site open.

You might also like…

Should Designers know how to code? What do you think? →
Is a Design House-Style Really Necessary? →



Things My Clients Hate. What about Yours?


I have been a freelancer for almost a decade now and in the course of these years, I have had dozens of clients and hundreds of projects. While no two clients are the same, I have noticed some common things many of my clients hate. For truth’s sake, I try to avoid these things, especially when I really value the client but sometimes the items on the list below are unavoidable.

Here are the Top 5 of things (my) clients hate:

1. Missed Deadlines

I am not quite sure if this is the thing my clients hate the most, especially having in mind that I relatively rarely miss deadlines simply because I have already learned not to leave a project to become urgent and very often we don’t even set a fixed deadline at all (i.e. it is more “You will have it done sometimes next week” rather than “You will have it done next Friday by 5 p.m.”), which gives me more flexibility to arrange my schedule, but based on what I know from other freelancers (and my own experiences on a couple of projects where I did miss the deadline), clients really hate it.

[Image Source]

I guess clients hate missed deadlines more when it is crucial. For instance, if you have to finish a design by a particular date because this date is set in stone as the beginning of a huge promotion campaign for the site, then it is really obvious while the client will get mad, if you miss the deadline. Fortunately, I have already learned that even when such projects pay more, these fixed deadlines are too much for me to take – not because I am not serious but simply because things happen and I might miss the deadline because of a something unpredictable, so I do take such projects only when I absolutely have to. After all, clients also need to learn to plan in advance and start a project early rather than in the last minute and make the freelancer’s life a real hell because the project is so urgent, urgent, urgent, and the world will end, if we miss the deadline.

2. Price Increase Mid-project

I understand a client (usually) has a budget for a project and he or she is not happy to go over it but it is quite common a project to get more complex or larger in size than what we initially estimated and in this case the price can’t stay the same. I know that some freelancers use this cheap trick to get clients – i.e. they quote a lower price and after the client is hooked, somewhere in the middle of the project, they announce additional charges and this makes clients cautious but not every freelancer plays that low.

Besides, if you fix the price (and above all – what it includes) in the contract, very often this solves the problem. Just make it clear to the client that the volume of work has changed and this is why you are increasing the price. Still, I am perfectly aware that this isn’t always possible and because of this I try to make the initial estimate as precise as possible, or break down a large project into smaller chunks and put prices for each of them.

[Image Source]

I really hate it when a client says to give him or her a final price without knowing exactly what the volume of work is. If the client is very pushy and shows no understanding to the fact that I can’t quote a final price when I don’t know how much work there is, we sometimes just part ways. I sometimes explain that his or her question about the final price sounds like, “How much does it cost to fill my basket with fruit?” It is the same basket but the price is different – it just depends on what fruit you put in it.

3. Poor Communication or Lack of It at All

I have rarely had clients who are mad at me because of poor communication (more, it is the other way round – I get mad at clients who answer weeks after I asked them something) simply because I know how vital good communication is but from what I have heard from clients and other freelancers, this is something clients really hate. Of course, I am not expected to answer real time and I did have some cases when clients were irritated for not getting an answer immediately but this is more an exception than a rule.

The case I am referring to was with an Australian client who probably didn’t know what time difference is. While she was bombarding me with emails, I was sleeping because in Europe it was still night. Am I expected to answer emails while I sleep?

[Image Source]

This is why, when I land a new client, I very often tell him or her that I usually respond to emails in 24 hours or less. Also, when I know (i.e. when it is planned ahead), I do tell in advance when I am not available (like, “I will be away for the weekend and will come home on Monday in the afternoon”), so that they don’t expect an answer from me. In all other cases, if I am late with the answer, presume an emergency has stricken or I have simply forgotten, so please shoot me another email to check if I am alive or not.

4. Unavailability

I don’t know why but I think clients presume a freelancer is available all the time. This is why when a freelancer is offered a project, he or she must gladly jump on it right away. Every now and then I do get such clients and I notice their irritation when I tell them I can’t be theirs, at least not right away. It’s very funny when I get approved for projects I have applied for months ago and get an enthusiastic message from the client, who probably expects I have spent all these months waiting for his or her approval and is very disappointed I am not interested anymore.

The clients I have been working for for years already know that I do have a schedule, very often a tight one at that, and it isn’t very likely to be available right away (though this happens, too but don’t presume this is very likely). I taught them they need to contact me at least a week in advance for a small project and two weeks or more, if the project will require more than 10 hours a week, so that I can adapt my schedule. Still, if my schedule is filled for weeks ahead, I might not be able to accommodate a large project and in this case I am fine if they find somebody else for the project.

5. “This Can’t Be Done!”

I know how it feels when you want something badly but you can’t have it and because of this I understand why my clients are unhappy, when something they want badly can’t be done. With clients, who are technically savvy, it is easier to explain that there are technical limitations and not everything they dream of can come true.

For instance, once I was designing a small site (6 or 7 pages, static HTML) for a client of mine, who was a one-man show in electronics retail. He had seen the site of a competitor of his (a huge multinational company) and wanted much of its functionality. I did manage to communicate that the competitor’s site uses much more complex technologies and in theory we could switch to them, if he really wanted to but this will increase the price 7 or 8 times.

[Image Source]

He was disappointed but at least he didn’t make a fuss about it, unlike another client of mine a couple of years ago who responded something like “You can’t do it?! But I thought you were a pro!” when he wanted something very complex and I told him that I doubted it could be done at all and for sure I couldn’t do it.

What about you?

There are clients and there are clients. Not everybody is irritated by the same things. However, I presume it is not only my clients, who hate these things and it will be interesting to hear what other fellow freelancers have to say about what their clients hate. Care to share your experience? What do YOUR clients hate?



Freebie: Colorful 3D UI Kit


We have a fantastic freebie for all of you web designers out there, you’ll love this:)
Designed by Land-of-Web, the Colorful 3D UI Kit comes in .psd format and is full of beautifully designed modern web elements covering almost all aspects of web design, including:

• Drop-Downs, Silders & Progress Bars
• Switches, Tabs, Icons, Tool-Tips and many useful Navigation Elements
• Search and Select Boxes
• Media Control Buttons and Mini Player

UI Kit Preview

Colorful 3D UI Kit

Download the UI Kit

Within the .zip file you will find all of the .psd elements from above.
Download: Colorful 3D UI Kit

Copyright

This Web UI set is free for personal and commercial use with attribution appreciated but not required. You MAY NOT re-upload or re-distribute this set on any other website, and please link directly to this page for all sharing.

Thanks

Big thank you to Nataly from Land-of-Web for designing and allowing us to release this fantastic freebie. You can also follow her on Twitter.

You might also like…

Fantastic Freebie: 3D Web UI Kit →
20 Free Web UI Element Kits and Stencils →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
10 Completely Free Wireframe and Mockup Applications →
A Collection of Useful Web Design Wireframing Resources →
40 Detailed and High Quality Mobile Phone .psd Source Files →
40 Professional and Detailed Web Layout PSD Templates →
Android App Developers GUI Kits, Icons, Fonts and Tools →
iPhone and iPad Development GUI Kits, Stencils and Icons →
Illustrator Template Toolbox for Web, Mobile and App Developers →
40 High Quality CSS and XHTML Web Layout Templates →



Weekly Design News – Resources, Tutorials and Freebies (N.117)


This is our weekly column were we share our favorite design related articles, resources and cool tidbits from the past week. Enjoy :)
If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design community, you can follow us on Twitter, on Facebookor by subscribing to our RSS feed.

Developing a Responsive Website: Background Images

Developing a Responsive Website: Background Images

Webfont Icons: an Alternative to Images

Webfont Icons: an Alternative to Images

How Commercial Plugin Developers Are Using The WordPress Repository

How Commercial Plugin Developers Are Using The WordPress Repository

HTML5 Reset Version 2

HTML5 Reset Version 2

The All-New CSS3 Click Chart

The All-New CSS3 Click Chart

Animated Web Banners With CSS3

Animated Web Banners With CSS3

Prevent Password Reset WordPress Plugin

Prevent Password Reset WordPress Plugin

iPhone, iPad & Browser Wireframe Templates

iPhone, iPad & Browser Wireframe Templates

Meander Free Font

Meander Free Font

Free Typeface NeoDeco

Free Typeface NeoDeco

Social Media Icons Pack

Social Media Icons Pack

Mini Cards: 15 Credit/Debit Card Icons

Mini Cards: 15 Credit/Debit Card Icons

This Week on CodeVisually

We recently launched CodeVisually, our site that focuses solely on resources and tools for web developers and offers a simple solution to painlessly find the resource needed and fast.

Here are our favorite webdev resources from the past week:

Create

Create

CraftMap

CraftMap

ResponsiveSlides.js

ResponsiveSlides.js

impress.js

impress.js

Revolver.js

Revolver.js

PxLoader

PxLoader

W3Clove

W3Clove

CSSrefresh

CSSrefresh

Previous Weekly Design News…

Design News Roundup Archives →