Full Stack Developer. I write about what I learn, technical and otherwise.
Avoid using <object> tag inside anchor <a> tag
I have been recently working on a project where I got an issue with the anchor <a> tag. The issue was with the hover effect on the anchor tag. There was no hover effect over the link. Plus, the link was not working either. However, the hover effect was seen below the link for small space. The anchor element had a <object> element inside it and that was the reason of the issue. The link element looked like this: ...
Filter emails using multiple senders in GMail
Have you ever tried running filter with multiple senders or recipients in GMail? I was working on filtering a list of emails coming from GitHub and forward it to another email address. However, there was always an option to create individual filter. But, it felt hard or boring or lazy to do the same for 8 filters. So, I went for a search and found a solution after some time and would like to share it with you all. ...
Terminal enhancements
Dropdown terminal It seems Guake is an obvious choice for everyone, but Tilix gives terminator features of splitting a window with flavor of Guake. yaourt -S tilix-bin To use tilix as a dropdown terminal, you need to setup a key with tilix -q as action. Install zsh sudo pacman -S zsh Install git sudo pacman -S git Setup oh-my-zsh wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | zsh chsh -s `which zsh` ZSH Theme I am using a custom theme inspired from juanghurtado. ...
Arch Linux post installation
Update your system pacman -Syu Install X server, Desktop Environment and Display Manager pacman -S xorg To install GNOME: pacman -S gnome gnome-extra To install Cinnamon: pacman -S cinnamon nemo-fileroller To install XFCE: pacman -S xfce4 xfce4-goodies To install KDE: pacman -S plasma To install MATE: pacman -S mate mate-extra To install a display manager: pacman -S lightdm systemctl enable lightdm.service Add user # Add new user useradd -m -G wheel -s /bin/bash username passwd username # Uncomment wheel group visudo %wheel ALL=(ALL) ALL # Install sudo package pacman -S sudo Install yaourt Add followings to /etc/pacman.conf: ...
Install Arch Linux
It’s been a long time since I have been using Arch Linux and loving it since because of its flexibility. In the mean time, I have installed the same OS for many times because I tried new things and crashed a lot of installed things. Literally, thinking about the time to repair, I just re-installed the OS. It just feels quick and easy to clear out all your garbage. However, it’s a pain to setup all those applications and configuration. That’s why I am writing this where I can find the steps I have been following to install and setup my machine my way :). ...
Setup PostgreSQL in Ubuntu
PostgreSQL is a powerful, open source object-relational database system. Install PostgreSQL 1. From PPA (Recommended) Create a file /etc/apt/sources.list.d/pgdg.list, and add following line for the repository # for ubuntu 16.04 users deb http://apt.postgresql.org/pub/repos/apt/ xenial-pgdg main # for ubuntu 15.10 users deb http://apt.postgresql.org/pub/repos/apt/ wily-pgdg main # for ubuntu 14.04 users deb http://apt.postgresql.org/pub/repos/apt/ trusty-pgdg main # for ubuntu 12.04 users deb http://apt.postgresql.org/pub/repos/apt/ precise-pgdg main Import the repository signing key, and update the package lists ...
Install node and npm
Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js’s package ecosystem, NPM, is the largest ecosystem of open source libraries in the world. NPM is a package manager for JavaScript. Use NPM to install, share, and distribute code; manage dependencies in your projects; and share & receive feedback with others. Install node For Windows and Mac users The installer can be downloaded from here. ...
Getting started with gulp
Gulp is an automated tool that helps to enhance workflow. Why gulp? Simple Automation of tasks Platform independent Plugins available in large number Getting started Installation Instructions NPM needs to be installed in order to install gulp. Please find the installation instructions here. Remove gulp (if installed before) npm rm --global gulp Install gulp # Globally npm install --global gulp-cli # Within a project npm install gulp --save-dev Implementation in a project Create a file gulpfile.js in project’s root folder and add following contents in it. ...
Setup XDebug in PhpStorm
PhpStorm is one of the good IDE for PHP application development available in current era. PHP Xdebug is a very strong tool for debugging, making the life easier for PHP developers to find out the logical mistakes. Integration of Xdebug into PhpStorm will ease the trouble of debugging for PHP developers. You can easily setup Xdebug in PhpStorm by following these steps. Requirements PhpStorm (get it from here) Xdebug (get it from here) Procedures Setup Xdebug (if you haven’t done already). Find the steps here. You should be able to see Xdebug while checking the php version. ...
Setup XDebug in Ubuntu
Xdebug’s basic functions include the display of stack traces on error conditions, maximum nesting level protection and time tracking. Xdebug is a very powerful tool for finding out the errors and testing the implementation of logics using PHP. You can easily install Xdebug in your machine by following these instructions. Always run sudo apt-get update before installing any application. There are two sources for installation. Ubuntu: This will provide you the application compiled during the building of the OS you are using. Thus, you may get older version of the application and might not get updates frequently. PPA: You will get the latest version of the application and frequent updates on the application. [Optional] Add PPA to your Softwares List. Skip to step #4 if you don’t want to use PPA for installation. But, I recommend to use PPA for frequent updates. Enter these commands in your terminal. ...