Visual Studio Code is a wonderful editor and recently became my primary web development tool. I am developing using Laravel framework and there are many good extensions for Laravel and PHP in general. I configured PHP CS Fixer as my PHP formatter and Beautify as SASS/CSS, JavaScript and HTML formatter.
The only missing part was formatting Blade templates.
Difference between urlencode() and rawurlencode() PHP functions is not explained clearly in the official documentation. A few times I found myself looking it up online and decided to document it for future reference.
PDF.js is a great plug-in to display PDF files in the browser. However by default PDF.js uses 150 DPI print resolution which sometimes results in fuzzy and blurry images and text.
Officially jQuery DataTables doesn’t support COLSPAN or ROWSPAN attributes for a cell in table body. I already wrote how to use ROWSPAN attribute with jQuery DataTables. Today I am going to demonstrate a trick to use COLSPAN attribute for HTML and Ajax sourced data.
It is that time of year again, when Bucks Happening opens the voting for the best web designer in Bucks County, PA.
While answering questions on StackOverflow and DataTables forum I have seen a number of similar questions on how to open all child rows. Today I am going to demonstrate a couple solutions to this problem.
Read More
Today I was working on a client’s website to optimize existing WordPress installation. WordPress and most of the plug-ins required an update. After running the update I started getting blank screen when saving any page on the website or trying to purge all caches.
Back in February, 2017 I wrote about unofficial row grouping plug-in for jQuery DataTables, see jQuery DataTables: Row grouping and checkboxes.
However there is also official extension for row grouping – RowGroup. It works differently than unofficial plug-in and adds a separate parent row for a group of child rows.
I added example demonstrating how to group rows in a table powered by jQuery DataTables plug-in and display checkboxes using Checkboxes plug-in, see RowGroup page for more details.
jQuery DataTables plug-in has lots of useful extensions that let you add extra functionality. Select extension is probably one of the most popular ones providing item selection capabilities. Usually it is used to select table rows or cells but it is capable of column selection as well.
Past version of jQuery DataTables had column reordering plug-in ColReorderWithResize that also provided the ability to resize columns by clicking and dragging the point between two columns. However this plug-in was not compatible with the latest version of jQuery DataTables.
Luckily Jeff Walter updated ColReorderWithResize to make column reordering and resizing work with jQuery DataTables 1.10 and released it under MIT license.
