Full Stack Web Developer and Freelancer
Flexbox is a popular CSS layout module that helps you position HTML elements on the screen. There are multiple use cases when it can be a godsend; horizontal and vertical centering is one of them. Flexbox centering solves common alignment problems you might encounter when working with the traditional CSS box model. It allows you… continue reading
Content Placeholders ? A while ago, the great and (not always) glorious Facebook introduced content placeholders that appear to users while the page content is still being loaded, yielding a fantastic user experience. It’s not always possible to load content as fast as we would want to, but at least, we can make the wait… continue reading
I post daily multiple choice JavaScript questions on my Instagram, which I’ll also post here! From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview! :muscle: :rocket: I update this repo weekly with new questions. The answers are in the collapsed sections below the… continue reading
Color is an essential part of design. And choosing the perfect color scheme is a step all designers, and artists, must go through. A color scheme can make or break your art, design, or project. Below are 21 tools to help you choose the perfect color palette for your project. 1. Coolors URL: https://coolors.co/ Coolors… continue reading
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.
This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2019. The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those… continue reading
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
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
