Check all checkboxes in HTML table using jQuery

HTML tables are a very handy and useful element. They can adapt to any style or design using CSS and can also hold different input type controls like an input box, checkbox and radio button. This post focuses on having a checkbox in every row of the HTML table, allowing users to select/unselect table rows. […]
Read the rest of this entry »

Changing images in a loop on hover using jQuery

Why use this Function? Changing images in a loop on mouse over is a very common functionality that you’ll often find on e-commerce websites or portfolio websites. As an example, on the product list page, when you mouse over any product thumbnail, all the other images associated with that product start showing on top of […]
Read the rest of this entry »

How to Dynamically Trim Text Using jQuery

This easy beginners jQuery tutorial demonstrates how you can use jQuery to trim the text length of an HTML element based on how many characters you wish to be viewable by the user. With this straightforward and simple code snippet, you'll be able to trim your text and then add an ellipses (...) to the place […]
Read the rest of this entry »

jQuery Snippets: Scroll to Top

This simple and straightforward jQuery code snippet can be used to easily create a "scroll to top" effect on any of your pages or projects. If you've not familiar with the scroll to top concept, it basically involves a link or button of some sort that is typically placed in the bottom corner of a […]
Read the rest of this entry »

Using jQuery to Delete All Inline HTML Styling

Inline HTML styling (when the style attributes for a particular element are written within the HTML tag) is not something that's considered a best practice when it comes to HTML and CSS, and it's becoming less and less common. You don't often come across inline styling unless a site's code hasn't been touched since the […]
Read the rest of this entry »

jQuery Snippets: Getting the Current Year

Here's a fun, simple, and incredibly useful jQuery that you can probably use on just about every single one of your projects. This snippet uses jQuery to grab the current year and display it wherever you'd like within your webpage. This is a great chunk of code to have on hand. One particularly good use […]
Read the rest of this entry »

Responsive Menu
Add more content here...