Articles > Tag > Tips

6 Free Javascript E-Book Worth Reading

Web development industry is a fast-paced industry. New trends, technologies, techniques and APIs pop up now and then and we have to educate ourself to use it. As a web developer, I always reckon it's part of our responsibility or perhaps we need to train it as a habit to keep learning and upgrading ourself and do not satisfy with the status quo. We are meant to explore and discover as many solutions as possible. :)

10 Tips for Writing Awesome jQuery Plugins

I've been developing and studying plugins, particularly in jQuery for quite sometime and through this process I have learned a lot about what works and what doesn't work. There are a ton of great plugins out there that look great on the surface but are sometimes very frustrating to work with behind the scenes. So many plugins if only had a little extra effort could be taken from good to great and become much more widely used.

Six Gestalt Principles In Web Design

You might not expect Gestalt psychology to have any relation to the field of web design, but the truth is that there is a relation and one that is pretty strong. As web design developed tremendously in the past few years, it should come as no surprise that more and more people have learned about the theory of mind and the gestalt effect, the latter appealing to our senses and helping us see an image as a whole and not as a set of unrelated elements.

How To Design Your Own Infographics

Infographics seem to be a real trend today, with new ones popping up daily on all sorts of subjects. From mortgages to ice cream, estimating software to infographics about infographics, there is very little now that hasn't been 'visualised' in some form. Many people don't realise that the term information graphic, or 'infographic' was first coined over 100 years ago, with the Coxcomb chart by Florence Nightingale in 1857 being one of earliest recognised examples. They have existed in many forms since then, but only in the past few years have infographics developed into the art form we know today.

4 Points the Web Designers Can Learn from Animals

The French sculptor Auguste Rodin once said: "beauty is everywhere. For our eyes, not lack of beauty, but lack of discovery." We live in a world of rich variety and mystery, there is always the beauty of nature for us to find and learn. So what have you learn from this world? Do you have an eye of discovery?

5 Missing Javascript Number Format Functions

I wasn't planning to prepare this article at all, but one of my projects I'm working on requires to format numeric value in currency format (2 decimal points) and display it nicely with comma separator for every third digit. Well, Javascript does't have built in methods to format number according to my needs, so I did a few searches on Google and found some really useful number format functions which I think worthwhile to be mentioned.

SEO Web Design: Is the marriage between design and SEO possible?

Restrictions and creativity cannot go hand in hand. You need to sacrifice in one front or on the other if you are to rise up to the expectation level. This is the same reason why designers are still groping in the dark how to make a marriage between SEO concept and website design. SEO follows certain guidelines as put down by search engines whereas great designing concept goes beyond tradition and this is where conflict brews. But as we all know that a good design is good-for-nothing, unless it manages to get some visibility online. So, here we are going tread some unfrequented paths and come up with solutions to this baffling problem that unsettles you every time you take on a new designing project. Follow these steps to make the term ‘SEO web design’ something tangible.

Tips, Tricks and Tools You Will Need to Start Using HTML5 Today

HTML5 has been a really hot topic in web development. With the support of most modern browsers available (Safari, chrome, firefox, IE10 and mobile devices), even though the specification has not fully completed yet, but many people have already adopted it as the main technology for all the web development projects. Online giant websites such as Google, facebook, twitter and youtube, they are all built in HTML5!

Our Brand New Website: favbulous! Collects Freebies, Promo & Giveaway and Bargains!

We are proud to announce our new website - favbulous! favbulous collects latest freebies, promo & giveaway in one place for graphic designers, web designers, web developers and all web enthusiasts. Wide array of categories from icons, buttons, themes to books, mobile app, games and gadgets! In the other han, you can register submit your goodies to us! We will help you to promote it to everyone!

12 Killer Tips and Tricks for Building HTML Email

EDM (Electronic Direct Marketing), most of the time refer as email marketing, html emails or newsletters. They are used to announce new products release, promotion or important announcement to consumers. Well, we will not discuss about how electronic marketing campaigns work. In Queness, we always focus on technical part to web designers and developers.

6 Most Effective Methods to Code HTML and CSS

Just few weeks ago, I have resigned as a "full on" web developer (frontend, backend, server admin and misc) and moved on to become a pure frontend developer (yay)! It is a really exciting change, as you might know frontend developer role didn't exist few years ago. Thanks to the introduction of HTML5, CSS3 and Javascript framework, frontend development has to be separated from backend due to its complexity, and I think I'm trained to fit in that gap nicely.

8 Fast and Furious Tools to speed up your CSS and HTML Coding Time

Ever wondering how to speed up your HTML and CSS coding? We are not talking about Grid framework nor CSS reset, or hardcore stuff like faster computer or high speed wireless router here. In this post we going to focus on one of the unusual way of coding - CSS compiler and HTML abbreviation coding techniques.

5 Interesting CSS Techniques

CSS3 has been out for a while, but too bad, most of the browsers haven't really supported it yet. So, let's go back to CSS2 this time. Well, at least CSS2 supported by most browsers even the old school IE6 and 7. These 5 interesting CSS techniques are something that you might not seen before.

8 jQuery Methods You Need to Know

jQuery has become the most famous Javascript framework because of its simplicity and totally rewrote the hassle of writing traditional javascript. Well, I used to hate javascript, but jQuery changed my mind. It saves tremendous of time to develop interactive front end interface.

11 Useful Online Tools for Web Development

As a web developer, I found myself rely on online tools quite oftenly. Online tool usually built to be simple to use and able to perform its job nice and quick. For example, htaccess generator, JSON formatter. I've shared those before in the past, this time, we will look at some new and interesting online tools.

8 Most Effective Methods to Optimize and Boost Website Performance

I have been in web development industry for quite a long time now, start from personal interest, to freelancing and now working as a full time web developer in an vibrant and fast pace digital agency. I have learned heaps of techniques and skills in developing websites as well as make sure websites perform well in an optimised server environment. So, I created this post, as a reference to myself and some tips and tricks to all of you.

10 Dirty Internet Explorer CSS Hacks You Might Not know

Disclaimer: The intention of this article is not to encourage to apply this hack to your web projects but to understand what have been using by other web designers/developers. The best way to solve Internet Explorer's CSS layout issue is - create different style sheets for different versions of Internet explorers.

17 Useful Htaccess Tricks and Tips

Some people might not aware of the power of htaccess, I have 17 htaccess methods in this article which I have used or tested it before, and I think some of them are essential tricks and tips to protect your webserver against malicious attacks and other would able to perform simple tasks efficiently such as redirection and web server optimization.

Best practices and examples of creating invoices

Invoicing is not a child's play; it plays an important role when it comes to the payment. A proper invoice not just helps you in getting you payment on time but strengthens your professionalism as well. Therefore, it becomes imperative to keep your invoice correct and proper in order to get paid efficiently by your clients. Given below are some of the best practices and examples that will aid to create a spectacular invoice.

13 Handy Bookmarklets for Web Developers

Imagine this situation, you went to a client company, and their website need an emergency layout troubleshooting, but you have no tools with you to diagnose the problem. What you going to do? Here is a list of bookmarklets that will help you when you encounter that kind of emergency situation. You just have to bookmark them with your delicious account and you will able to access it anywhere you want.

10 Useful Extensions to Spice Up Your Firebug

My personal opinion, Firebug is the greatest invention and life saver to all the web developers. It's a great time saver to track and identify layout issues, website perfomance and also some other small but extremely useful tools to tackle bugs and errors.

12 Useful Mac Dashboard Widgets for Web Designers and Developers

I have switched to Mac for few years now, never regretted it because of two reasons. The first reason would be viruses/spywares/worms free, well not entirely, but at least so far I haven't experienced any file corruptions or browser hijacking yet. The second would be the OS itself, thoughtful design and slick interface :) I'm not trying to convert you, but just share my thought about it.

5 CSS Methods to Style a Block with Background

There are a lot of solutions to style a block with background. Few days ago, I was assigned to work on bits and pieces of an almost completed website, I was fixing some layout bugs in IEs and then I discovered that the background of the content was a big background image, and different height for different page! Well, to be honest, that's the quickest way but it brings more trouble when we fit in more content in it, I ended up have to resize most of them to fit the new content. It was a nightmare and too late to fix it, the website has to go live.

8 Ways to Increase the Readibility and Beautify your HTML Code

Just like most people, apart from maintaining Queness, I have a full time job work as a web developer in an digital agency. These few months I'm assigned with a few development jobs. Basically, I have to take care of the implementation of websites, which covers backend, frontend development except design. Quite intensive html, css and heaps of jQuery scripts going on.

20 Firefox Plug-ins for Web Designers and Developers

When deciding on which web browser to use, one thing that distinguishes Firefox for many web developers is the wealth of plug-ins available. The vast majority are free to download and allow you to personalise your browser exactly how you like. For web designers and developers, this is particularly useful, as often the more menial tasks are made easier and completed quicker by using plug-ins, allowing you to work more efficiently and effectively.