15 Tips to Improve Your jQuery Selectors

jQuery logo

Who don’t know what jQuery is and how it can help in developing a web project. Based on the latest statistics, jQuery is used on ~60% of the Quantcast Top 100k websites. We use it constantly and sometimes we tend to think it’s almost magic, that jQuery is capable to understand what we want to achieve and optimize all for us. There is no need to say this is wrong. You need to be aware of what jQuery does and does not for you and optimize as much as you can to improve your website’s performance.

In this article, extracted from my book Instant jQuery Selectors, you’ll learn some useful tips and tricks to improve the performance of your website by simply selecting elements in the right way.

How to Create Custom Filters in jQuery

jQuery logo

In some cases you may need a shortcut to collect elements for which jQuery doesn’t provide a specific filter. This is exactly where custom filters come into play.

In this article, extracted from my book Instant jQuery Selectors, you’ll learn how to build a custom filter in jQuery. Please note that, to be a complete post, it has some minor adjustment compared to the original recipe titled Custom filters (Become an expert).

How to Solve the Problem of @font-face Inside Media Queries

How to Solve the Problem of @font-face Inside Media Queries

Mobile connections aren’t as good as the usual desktop ones, therefore the download time of custom fonts can take up to several seconds. A good approach is to use the @font-face rule only for certain range of media and screens using @media queries. Unfortunately this approach doesn’t work for some browsers: all the versions of Internet Explorer and FireFox 10 and lower. This article discusses a solution for this problem that balances performances and hacks.