ngoclb

Fullstack Developer and Freelancer

404 Page Templates With SVG Animations
June 24, 2022

404 Page Templates With SVG Animations

All the best 404 pages normally have something that stands out. From animated illustrations to custom typography, having a visually appealing and catchy error page can delight your visitors. So when building your websites be sure not to forget to style them. Bellow you will find a list I put together of some of the best 404 page template examples I could find on CodePen. Construction Worker 404 Page A creative 404 page template using a construction worker illustration looking left and right while being in a hole.
100+ Best Hugo Themes (Hand-Picked For 2022)

100+ Best Hugo Themes (Hand-Picked For 2022)

June 17, 2022

Crafting a site with Hugo static site generator is appealing because of its brute speed, build time, and deployment flexibility. The user base of this platform is growing rapidly with various categories such as blogging, documentation, corporate, and even eCommerce. Hugo themes come into play in this context to fulfill the needs of various sorts of users.
Moving From Wordpress to Hugo

Moving From Wordpress to Hugo

June 19, 2021

Wordpress CMS have many great features but I never use them such as Authentication, Plugins, Media Library… Beside that Wordpress takes much time to publish a simple post. So that I will use HUGO for my blog at this time because it is so simple and…
Setup the dropdown terminal in maxOS with iTerm2

Setup the dropdown terminal in maxOS with iTerm2

March 23, 2021

Recently I switched from my ThinkPad to MacBook Pro. Coming from Linux world I soon started missing some of my previous favorite tools. One of them is Guake – a drop-down terminal tool. There’s no macOS version of it but luckily there’s a way to get terminal with similar behaviour on macOS.
Tracking Redirects With Curl

Tracking Redirects With Curl

October 9, 2020

Redirect target and destination Somewhere someone’s complaining about a redirecting URL that’s not going where it’s supposed to. Or maybe the URL is hopping too many times and it’s affecting SEO. Using cURL on the command line is a quick and clear way to see where a URL is redirecting to and how it’s getting there.
Top Javascript Animation Libraries in Jan 2019

Top Javascript Animation Libraries in Jan 2019

February 12, 2019

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 main disadvantage of flash was its file size. Now, things have changed, and today the flash websites are almost gone.
The Best Front End Hacking Cheatsheets

The Best Front End Hacking Cheatsheets

December 20, 2018

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.
CSS Timeline Examples From CodePen

CSS Timeline Examples From CodePen

December 12, 2017

With the emergence of social media, timelines have started to become popular and be used in other type of websites, such as blogs, portfolios, news portals, weather apps and many more. With the help of CSS & JS you can create stunning timelines that can be used in your current and future projects.
Flexbox Cheat Sheet

Flexbox Cheat Sheet

November 2, 2016

In order to use flexbox, you must create a flex container in which your content will live within. It’s as easy as creating a class, and setting the property to display: flex or display: -webkit-flex; in Safari DevTools.
Các công cụ vẽ sơ đồ thay thế cho MS Visio

Các công cụ vẽ sơ đồ thay thế cho MS Visio

September 16, 2016

Đôi khi trong công việc, bạn cần phải vẽ một sơ đồ để chèn vào trong báo cáo hay trong slide của mình, phần mềm Office Word hay PowerPoint của Microsoft cung cấp những tính năng vẽ biểu đồ thống kê rất tuyệt vời nhưng với các sơ đồ, đặc biệt các sơ đồ theo chuyên ngành riêng biệt thì dường như rất hạn chế. Lúc này tại sao bạn không thử sử dụng những công cụ hữu ích được giới thiệu dưới đây?
JavaScript Best Practices: Tips & Tricks to Level Up Your Code

JavaScript Best Practices: Tips & Tricks to Level Up Your Code

August 30, 2016

Learning new things everyday is part of what makes being a rational human being great. And as developers, it is part of our job to learn new things continuously, whether or not these things are from positive learning experiences.
Sticky Footer solved by Flexbox

Sticky Footer solved by Flexbox

June 22, 2016

Getting the footer to stick to the bottom of pages with sparse content is something just about every Web developer has tried to tackle at some point in his or her career. And, for the most part, it’s a solved problem. Yet all the existing solutions have one significant shortcoming — they don’t work if the height of your footer is unknown.
Hướng dẫn viết chương trình vẽ đồng hồ kim 2D bằng Java

Hướng dẫn viết chương trình vẽ đồng hồ kim 2D bằng Java

October 11, 2011

Ý tưởng rất đơn giản, dùng hàm fillOval để vẽ mặt đồng hồ, và dùng hàm drawLine để vẽ kim đồng hồ. Ta vẽ một cái hình oval có 2 đường kính bằng nhau (tức là hình tròn), có tọa độ của đỉnh góc bên trái (chỗ 9 giờ trên mặt đồng hồ) là 50,50 và đường kính là 200 tức là tâm đường tròng có tọa độ là 50+(200/2) = 150.