Josef Ježek JosefJezek

To convert animation GIF to MP4 by ffmpeg, use the following command

ffmpeg -i animated.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" video.mp4

Description

movflags – This option optimizes the structure of the MP4 file so the browser can load it as quickly as possible.

pix_fmt – MP4 videos store pixels in different formats. We include this option to specify a specific format which has maximum compatibility across all browsers.

How to add custom search engines to Chrome

Chrome's address bar doubles as a way to do a quick Google search, but you're not limited to searching Google. In that same bar, you can search any site or app.

This is great if you search specific apps frequently - for example, Gmail, Google Drive, or Twitter. You can search any site without having to open it first, just like you don't have to go to google.com to search Google. Type a keyword, hit space or tab, and you're good to go.

Demo

npm v7 - public git dependencies

npm remove cordova-support-google-services
npm i git+https://[email protected]/LuisEGR/cordova-support-google-services.git

npm/cli#2610 (comment)

Playwright Tips

Base Scripts

import {chromium, firefox, webkit} from 'playwright';

for (const browserType of [chromium, firefox, webkit]) {
  const browser = await browserType.launch();
  const page = await browser.newPage();

CSS Snippets

my-element:not(:defined){}

PWA Kit 2019

The PWA Kit 2019 is list of resources for building modern PWA apps based on new browser W3C standard Web Components.

Why Web Components

In the last several years, the component-based model for web application development was popularized, and the JavaScript community blossomed with a wide variety of libraries and approaches. Work on standardizing the web’s native component model began at Google in 2012, and after several years of open development, was successfully implemented across all major browsers in 2019.

Web components provide a standards-based solution to problems like reusability, interopability, and encapsulation. Using the browser's native component model will increase the longevity of your application. The web has an extremely strong tradition of backwards-compatibility, as standards bodies have consistently gone out of their way to maintain legacy APIs.

	## Dir Size

	```sh
	du -sh node_modules/* \| sort -rh \| head -n 10
	```