Introduction to Webpack: Entry, Output, Loaders, and Plugins

Front-end development has shifted to a modular approach, improving the encapsulation and structure of codebases. Tooling became a critical part of any project, and right now there are a lot of possible choices.
Webpack has gained popularity in the last years because of its power and scalability, but some developers found its configuration process confusing and hard to adopt.

We’ll go step by step from an empty configuration file to a simple but complete setup to bundle a project. This …

Introduction to Webpack: Entry, Output, Loaders, and Plugins is a post from CSS-Tricks

Link: https://css-tricks.com/introduction-webpack-entry-output-loaders-plugins/

Masking vs. Clipping: When to Use Each

I was recently doing some client work where I used both s and <mask>s in SVG to hide and show content for animation. When I started this project, I thought I knew all of the reasons to use one over the other. But, as tends to happen, working closely with something reveals idiosyncrasies. In this post, we’ll go over some of these details so that you can get productive as soon as possible.

What is clipping and masking…

Masking vs. Clipping: When to Use Each is a post from CSS-Tricks

Link: https://css-tricks.com/masking-vs-clipping-use/

Using Filters in Vue.js

Filters are an interesting way to deal with data rendering in Vue but are only useful in a small amount of cases. The first thing to understand about filters is that they aren’t replacements for methods, computed values, or watchers, because filters don’t transform the data, just the output that the user sees. As of Vue 2.0, there are no built-in filters, we need to construct them ourselves.

We can use filters locally or globally, but it’s worth mentioning …

Using Filters in Vue.js is a post from CSS-Tricks

Link: https://css-tricks.com/using-filters-vue-js/

Drag and Drop HTML Table Rows Using jQuery

HTML tables are the preferred UI option for displaying data. Sorting, paging and searching/filtering are must-have functionalities for any HTML table with extensive data. These functions make HTML tables more user-friendly and efficient for the end user. In some cases one may require drag and drop functionalities for HTML table rows. Unfortunately, implementing drag and […]

Link: http://feedproxy.google.com/~r/LearningJquery/~3/WIoUUIiPDpY/drag-and-drop-html-table-rows-using-jquery

How to Verify User Age with jQuery Code

If you’ve ever visited a site that’s selling a product that has certain age restrictions (for example, a site selling or representing an alcohol brand might prompt you to verify that you’re over 21 before you’re allowed access to the site), you might have come into contact with an age verification form. It turns out, […]

Link: http://feedproxy.google.com/~r/LearningJquery/~3/SD9v64OP7Mo/how-to-verify-user-age-with-jquery-code

The Power of Custom Directives in Vue

When you’re initially learning a JavaScript framework, it feels a little like being a kid in a candy store. You take in everything available to you, and right off the bat, there are things that will make your life as a developer easier. Inevitably though, we all reach a point working with a framework where we have a use-case that the framework doesn’t cover very well.
The beautiful thing about Vue is that despite the fact that it’s incredibly feature-rich. …

The Power of Custom Directives in Vue is a post from CSS-Tricks

Link: https://css-tricks.com/power-custom-directives-vue/