Move from jQuery to Vue

As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other.

[Solved] Trouble with opening site from Dropbox client on KDE (Manjaro)

I face same issue with my Dropbox client after upgrade my system (Manjaro KDE 18.0.4). After finding on Google I see that it already reported as here: https://www.dropboxforum.com/t5/Installation-and-desktop-app/Trobles-with-opening-site-from-app-in-KDE/td-p/270031 I have Debian 9.4 with KDE 16.04. When I try open dropbox site, from right-click menu on tray icon or from context menu in dolphine, system open… continue reading

10 Tools To Power Up Your Command Line

This post is the first in a series of showcases of some of the best non-standard command line tools I’ve discovered in recent years. If you ever make use of the command line, you’ll probably find that at least one item on this page will make your life easier. z, jump around One of the… continue reading

Handling broken images with the service worker

A few years ago, I wrote about how we can use css to style broken images. The technique leveraged on the fact that any styling to the ::before or ::after pseudo-elements on the <img> element will only be applied if the image doesn’t load. So, we could style those elements and they would only display… continue reading

The best front-end hacking cheatsheets 

It’s rather impossible to remember all the APIs by hearert. This is when cheatsheets jump in! Here are the best front-end cheatsheets I’ve gathered. Javascript ES2015 features https://devhints.io/es6 Javascript http://overapi.com/javascript Javascript Regular expression https://www.debuggex.com/cheatsheet/regex/javascript React https://devhints.io/react Redux https://github.com/linkmesrl/react-journey-2016/blob/master/resources/egghead-redux-cheat-sheet-3-2-1.pdf Vuejs https://vuejs-tips.github.io/cheatsheet/ Vuex https://vuejs-tips.github.io/vuex-cheatsheet/ Angular 4 https://angular.io/guide/cheatsheet Flexbox https://yoksel.github.io/flex-cheatsheet/ SCSS https://devhints.io/sass Stylus https://devhints.io/stylus GraphQL Missing your favorite cheatsheet?… continue reading

25 great free cursive fonts

Cursive fonts – also known as script fonts – are a popular style of typography, and are especially prevalent on the web. They’re often representational of handwriting, which means if you have a little knowledge of how to scan and map artwork into font-generating software, it’s relatively easy to create your own. However, this abundance… continue reading

5 tips to improve productivity with zsh

The Z shell known as zsh is a shell for Linux/Unix-like operating systems. It has similarities to other shells in the sh (Bourne shell) family, such as as bash and ksh, but it provides many advanced features and powerful command line editing options, such as enhanced Tab completion. It would be impossible to cover all… continue reading

Hamburger Menu Animations

Four different menu animations for menu button toggle between hamburger, cross and back icon. See the Pen Hamburger Menu Animations by Tamino Martinius on CodePen. Prefer Dots? See the Pen Dot Menu Animations by Tamino Martinius on CodePen.