ngoclb

Everyone knows you can use console.log() to log text and variables to the console. Did you know you could also render (limited) CSS, SVGs, and even HTML in it?!? I didn’t! It’s a neat technique that can delight the curious and further your brand for curious users. If you’re in a browser other than Safari, open up the DevTools console to see some examples of what we can create!

The left-hand side of an arithmetic operation must be type ‘any’, ‘number’, ‘bigint’ or an enum type The error “The left-hand side of an arithmetic operation must be type ‘any’, ‘number’, ‘bigint’ or an enum type” occurs when you have an arithmetic operation with values that are not of type any, number or enum, e.

The error “Property ‘offsetTop’ does not exist on type ‘Element’” occurs when we try to access the offsetTop property on an element that has a type of Element. To solve the error, use a type assertion to type the element as HTMLElement before accessing the property.

I received a new MacBook Air with M1 at my workplace. Apparently Node on M1 macOS doesn’t work well except on version 15.3.0 or above where they fixed related issues, and all my projects are based on Node 12 ~14.

The issue Today, I need to build a new Ionic project to an Android APK file but stucked at this error Build-tool 33.0.1 is missing DX at /Users/user/Library/Android/sdk/build-tools/33.0.1/dx FAILURE: Build failed with an exception.

TypeScript 3.8 supports the private keyword to declare its members private. And the private fields in TypeScript are the ones newly proposed for JavaScript. These fields are preceded by #.

Web Sockets, Web Workers, Service Workers… these are terms you may have read or overheard. Maybe not all of them, but likely at least one of them. And even if you have a good handle on front-end development, there’s a good chance you need to look up what they mean.

In this snippet, I will describe three different techniques to alter the WordPress default query with an example showing how to add a secondary page to the front page in the Customizr theme

In this guide, I will be explaining how to use FFmpeg multimedia framework to do various audio, video transcoding and conversion operations with examples. I have compiled most commonly and frequently used 20+ FFmpeg commands for beginners.

Many of you might have made a WordPress site on the demo domain and then transferred the whole files to a new domain or hosting. Sometimes you might have come across the slider revolution images missing on the new domain. Even though you have cloned a WordPress site and replaced the URLs using Velvet URLs plugin, the Revolution Slider images URL will not be replaced yet.

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.

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.

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…

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.

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.

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.

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.

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.

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.

Đô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ế.

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.

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.

Ý 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.