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.
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.
A bunch of Chrome extensions that I use regularly for various web development purposes.
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.
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.
You can reduce the time needed for creating large HTML files a lot by using Eleventy with a JSON data source.
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.
An easy-to-use animated hamburger icon to show a mobile menu (or off-canvas menu, etc).
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?
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.
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!
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.
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.
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.
When designing web forms in Fireworks (or Photoshop) it is often required to draw legends. Here is a quick tip to simplify the process.
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.
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.
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.
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.
Create web galleries as easily as drag-and-drop images? DropIt makes it that simple.
In search of a simple solution to show a promo image on your site? Give promoBox a try.
Do you use icon fonts in your designs or mockups? If not, you are missing a lot.
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.
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.
DIY style launcher for creating portable applications on Windows.
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.
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.
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.
TOCsic is a customizable table of contents plugin for jQuery, featuring go to top links, smooth scroll and developer-friendly class names.
The latest version of Photoshop? More coffee? They might, but here are some other factors you should take into account.
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.
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.
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.