2023
CSS Diagonal Corner Text Stripe
CSS solution for a diagonal corner text stripe that adjusts itself to its text content.
2022
Removing Hardcoded Languages from Frontend
I always had the list of available languages on the frontend which was an unnecessary complication, they can also come from backend.
2022
Vue PrimeVue dropdown with confirm
There is no confirm feature on PrimeVue dropdown when selecting an item, but with the following workaround it's easy to add.
2021
Angular Formatted Output Everywhere
Ever got bored of formatting the same data type on the frontend at multiple places, to output them consistently everywhere? Just create a dumb component and enjoy the cleanliness.
2021
Scoped CultureInfo
C# snippet to temporarily switch the thread's culture
2021
Angular PrimeNG Closable BlockUI
The BlockUI component of PrimeNG is great, but could be even greater if there were an option to manually close after a specified amount of time.
2020
Tailwinded thoughts
I have been doing CSS for about a decade but only recently gave a try to TailwindCSS. Should have done earlier.
2020
Custom scrollbar tips (Chromium only)
Chromium allows easy scrollbar modifications via CSS, even though the possibilities are somewhat limited. Here are some tips on how to achieve things that first may seem unsupported.
2019
Angular: Add Open Graph Meta Tags with PHP
PHP backend + Angular: can't use server-side rendering to set Open Graph data? Here's a way to dynamically render them for SEO and sharing purposes.
2019
.NET Model Generator with Mithril
Mithril.js is a JavaScript framework for creating client-side frontend apps or SPAs, and it's incredible for its size. I always wanted to try it out because what I read about it was very appealing. The time has come.
2019
.NET Model Generator with Eleventy
Being lazy to copy-paste data all the time, I spent a few hours to create a very simple model generator with Eleventy. Here are some details about the process.
2019
A few Chrome extensions for webdevs
A bunch of Chrome extensions that I use regularly for various web development purposes.
2019
FilterBox: search-as-you-type utility
In need of a pure JavaScript search-as-you type utility that can be applied on existing DOM elements? The search is over.
2019
Route to GTmetrix 100/100
On a few static sites I got pretty nice GTmetrix speed scores, and I looked into how to push them up to 100. Not just the main score indicators (PageSpeed and YSlow) but all of their sub-scores.
2019
Blog Redesign 2019
There were some sites that I planned to rewrite as static, and this time my blog was the next in the queue. Here are some details on the process.
2019
Fake Disabled Submit Button State with CSS
There’s often a need to set a submit button state to disabled to avoid double submit or to indicate that something’s happening. Mostly it’s done with JavaScript but in some simple cases I would prefer a more lightweight and easy-to-add solution. Here is a way to fake it with CSS.
2018
Tip: Use Eleventy to generate markup-heavy HTMLs
You can reduce the time needed for creating large HTML files a lot by using Eleventy with a JSON data source.
2018
Pure CSS scroll-to-top
Given all the tools CSS offers I always wondered whether it was possible to make a scroll to top link functionality via CSS only. After many unsuccessful attempts the idea came in to try with position: sticky which finally began to work.
2017
Animated hamburger icon mixin (Sass/Stylus/LESS)
An easy-to-use animated hamburger icon to show a mobile menu (or off-canvas menu, etc).
2017
Diff dirs with PhpStorm everywhere
I was searching for a capable diff tool to compare directories recursively. Like the way I usually do in PhpStorm. But isn’t that possible with it already?
2017
Disable scrolling over embedded Google maps
If you have a full-width embedded Google map you are probably familar with the issue that the page can’t be scrolled because the iframe steals your mouse. There’s an “overlay” workaround floating around, here’s a simplifed verson of it.
2016
Design Menus with Less Hassle
Drawing menus is easy, you need to add a few text, style and align them and it’s ready. But with this small trick it can be much easier!
2015
Batch optimize images for the web, locally (Windows)
There are many great online image optimizers like Kraken, JPEGmini but what if you need to optimize images offline? Using DropIt with commandline utilities is a handy alternative.
2014
FPconnect for FoldersPopup (Windows)
There are several ways to jump to favorite folders in file managers - tabs, hotdirs, keyboard shortcuts, toolbar buttons, etc. But what if you are not in your file manager? FoldersPopup is an application that can help in such situations, and the FPconnect addon allows integration of any file manager that supports commandline navigation.
2014
Logout From .htpasswd Protected Site
Using .htaccess with .htpasswd is an easy way to add simple protection to a site. But once logged in there is no easy way to log out.
2014
Easy Legends in Fireworks & Photoshop
When designing web forms in Fireworks (or Photoshop) it is often required to draw legends. Here is a quick tip to simplify the process.
2014
NSIScons (Windows)
NSIScons is a small tool that puts buttons to Total Commander’s / Double Commander’s button bar to navigate quickly to system locations. It supports about 50 pre-defined constants to make it really easy to jump anywhere you might want to.
2014
CSS3 Fade Dropdown Menu Done Right
In the new CSS3 era it is easy to create nice animated dropdown menus without JavaScript. However, the fade effect may need an extra step to do it right.
2014
CodeIgniter First Steps
I started to learn CodeIgniter about half a year ago. Actually learning PHP MVC frameworks had a top priority in my todo list but there was always other things needed to get done. What made me finally jump in was a limitation of my self-made php template. Here are my first opinions.
2014
In Search Of The Best Free File Manager
I tried out several free file managers to see if there’s a capable concurrent of Total Commander which is in my opinion the best of its kind. Yes, there is.
2014
DropIt Galleries
Create web galleries as easily as drag-and-drop images? DropIt makes it that simple.
2014
Productivity Boosting Utilities (Windows)
Here is a list of my favorite applications I use all the day. These are mainly tiny little free utilities that save time and effort.
2014
promoBox: Simple JavaScript Promo Popup
In search of a simple solution to show a promo image on your site? Give promoBox a try.
2014
FontAwesome for Fireworks/Photoshop
Do you use icon fonts in your designs or mockups? If not, you are missing a lot.
2013
qdPM Attachment List Addon
qdPM is a web based project management tool written in PHP that comes in free and paid flavors. Since I’m more used to Redmine I miss the attachment list feature above the comments. Attachments are scattered in the comment flow which makes hard keeping track of them, especially when a project grows large. The problem can be easily solved by adding an extra piece of JavaScript.
2013
Per Project Chrome Instances
Developing websites involves using many web applications, development/live servers, database admins, etc. where you need to login with different credentials. But jumping between accounts and finding the right URLs are frustrating. Wouldn’t be life easier if you could launch your browser with a working set of sites tailored to the actual project? With the help of profiles, you can.
2013
Adobe Fireworks justified paragraph fix
Setting the text align property of a text box to justify in Adobe Fireworks comes with an annoying bug: the last line stretches to full width (aka full justified). Fortunately there is an easy solution.
2013
yaP: yet another Portablizer
DIY style launcher for creating portable applications on Windows.
2013
ColumnSelect: Table Column Select Plugin for jQuery
Seems like I'm becoming a jQuery plugin developer but this is not the case. In fact when I find an interesting idea for a plugin that is not yet built I take it as a challenge - provided if it does not require a rocket scientist. That was the case with ColumnSelect as well: a new plugin that adds select boxes to choose which column to show.
2013
PasteColor: Copy Paste Tool for Windows Color Pickers
Started this project about half a year ago and a few days ago I released PasteColor, a Windows utility which makes it easy to copy and paste colors from the built-in Windows color picker. Sounds like a success story, isn’t it? Well, not so fast.
2012
IrfanView Time-Saving Techniques (Windows)
If you are on Windows, IrfanView is possibly the best choice for viewing images and making simple edits. Here are some useful features that can you save time and effort.
2012
TOCsic: a Powerful jQuery TOC Plugin
TOCsic is a customizable table of contents plugin for jQuery, featuring go to top links, smooth scroll and developer-friendly class names.
2012
What Makes You a Better Web Designer?
The latest version of Photoshop? More coffee? They might, but here are some other factors you should take into account.
2012
Let the Fonts Be with You: NexusFont (Windows)
Whether your are a print or a web designer, you need fonts. The freeware NexusFont font viewer/manager is an excellent tool to set up a convenient font management system.
2012
Reusable Pie Chart in Illustrator
Recently I needed to create several pie charts for a presentation. I knew that in Illustrator it is possible to create eye-catching ones by adding the input data so I gave it a try.
2012
Creating a Web Portfolio is Fun - Or Is It?
Being your own boss may not be as good as it sounds. If you are too critical towards yourself you might limit the outcome. Here are some of my tips that might help you to avoid frustration when planning your portfolio.

qdPM Attachment List Addon

4^th of October, 2013
0 comments

qdPM is a web based project management tool written in PHP that comes in free and paid flavors. Since I’m more used to Redmine I miss the attachment list feature above the comments. Attachments are scattered in the comment flow which makes hard keeping track of them, especially when a project grows large. The problem can be easily solved by adding an extra piece of JavaScript.

jQuery to the Rescue - attachmentsHelper.js

What attachmentsHelper.js does is simply walk through comments and if an attachment is found then clone it to the top. It also appends the uploader name and upload time.

I applied different styling to separate them from the attachments in the Task details. To make it more compact I made the "view" link hidden.

How to install

Step 1

Copy attachmentsHelper.js to qdpm\js\helpers directory. If you have the Extended version use "qdPMExtended" in the path instead of "qdpm".

Step 2

Add these lines after <?php echo stylesheet_tag("common.css") ?> in qdpm\core\apps\qdPM\templates\layout.php:

<!-- attachmentsHelper -->
<?php
    echo javascript_include_tag("/js/helpers/attachmentsHelper.js");
?>
<script type="text/javascript">
    $(document).ready(function() {
        $.fn.attachmentsHelper({
            language: "<?php echo $sf_user->getCulture(); ?>",
            maxVisibleAttachments: 5
        });
    });
</script>
<!-- /attachmentsHelper -->

That’s all, attachmentsHelper should work from now on. To deactivate, simply comment out the code you added in Step 2. Make sure to repeat these steps after upgrading qdPM.

Feel free to use attachmentsHelper.js and modify it to your needs if needed. Don’t forget to drop a line here if you make any improvements to it.

Please note that I am not connected with qdPM.

Update 2013/11/16

v0.3: New install code, localization support

new install code (allows adding global settings)
localization support: attachmentsHelper shows up in user language set in qdPM profile (reverts to English if language is unavailable)
maximum number of visible attachments can be set globally using "maxVisibleAttachments"
minor fixes

Currently attachmentsHelper supports English, German, Hungarian, Russian, Serbian and Swedish locales. Please help by submitting new languages by translating these strings:

showAll
more
collapseList
reverseSort

Update 2013/10/12

v0.2: Limit Number of Visible Attachments & Modify Sort Order

Version 0.2 of attachmentsHelper displays only 5 attachments in the list and hides the rest. You can use the "Show X more attachments" button to reveal all.

To change the default value, modify this line:

var maxVisibleAttachments = 5;

Set this number to a very high value (e.g. 9999) to disable this feature.

By default, attachments are listed by date ascending. This can be changed by clicking on the "Reverse sort attachments" link in the bottom right corner of the attachment list block. This setting is saved in a cookie so it will persist until cookies are deleted.