Full Stack Web Developer and Freelancer
Today during working, my system run too much slowly, so that I need an tool to monitor the system resources and kill some processes to gaint more memory. After search on Google, I found an tool named “Conky“. Conky is a graphical tool which displays system information to your screen in real time. You can… continue reading
…Electron handles the difficult stuff. It’s a shortcut. It allows devs to focus on creating great apps with a great design that work great on all platforms. Below is a list of 23 Electron apps I think are top-tier tools on any platform.
Một lần tình cờ khi tôi truy cập vào server tắt bớt một vài dịch vụ đang chạy để máy có thêm bộ nhớ một vài ứng dụng khác. Sau khi thực hiện các thao tác dọn dẹp, tôi sử dụng free -m để kiểm tra tình trạng sử dụng bộ nhớ hiện tại: $… continue reading
Today we are going to look at some of the great JavaScript Animation Libraries of 2019. We have web animations right here since the advent of websites. In the early years, we have used the flash for animation purposes for the web. During that period, the websites made entirely of Flash were very popular. The… continue reading
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
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
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
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
Không như Windows hay OSX, người dùng Linux lâu nay vẫn rất đau đầu để lựa chọn 1 bộ gõ tiếng việt ngon lành cành đào giống Unikey trên Windows. Cá nhân mình cũng thử qua vài bộ gõ quen thuộc là ibus-unikey, ibus-bogo và vài năm gần đây là fcitx-unikey. Phải nói là trong… continue reading
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
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.
Polly.js This is a JavaScript library for recording, replaying and stubbing HTTP interactions. It has a powerful and easy to set up API that allows you to intercept, pass-through or attach events. You can also record to disk or local storage, and slow down or speed up time. react-easy-crop This React component can be used… continue reading
If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and it will do just that. But, what if you don’t want a perfectly vertical gradient? Like you want just the top left corner… continue reading
A collection of pure bash alternatives to external processes and programs. The bash scripting language is more powerful than people realise and most tasks can be accomplished without the need for or dependence on external programs.
Sass is one of the most popular CSS preprocessors. It allows you to create programming logic to your code and take advantage of its great features like working with variables, mixins, functions, interitance and nesting. There are hundreds of Sass libraries, frameworks and plugins that are available and can save you a lot of time… continue reading
