We've set up 1-pass encoding for all our target codecs and we have the resulting videos to compare. Do a 2-pass encoding changes file size and video quality? Hardware Specs - Model Name: MacBook Pro - OS Version: MacOS 10.13 High Sierra - Processor Name: Intel Core i7 - Processor Speed: 3.1 GHz - Number of Processors: 1 - Total Number of Cores: 4 - L2 Cache per Core: 256 KB - L3 Cache: 8 MB - Memory: 16 GB Codecs to test The idea is to test the following codecs, both old and new, to get a better idea...
Warning Message Date: 04/12/2018 The alliance for Open Media froze bitstream format on March 28, 2018 and announced version 1.0 of the codechttps://aomedia.org/the-alliance-for-open-media-kickstarts-video-innovation-era-with-av1-release/ on the same day. It is not clear if the bitstream work has actually been finalized or if this was done to present a "finished" product at NAB. VLC has support for AV1 playback but it doesn't work with the latest build of the encoder reference implementation. I have yet to play an AV1 file that I encoded or downloadded from third parties successfully in a release 3.0.1 on MacOS or nightly 041218 on MacOS. As of...
Hat Tip to : CSS Trickshttps://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/. An accordion is a UX element to group related items like Frequently asked questions. Most libraries give you a way to create accordions. But there is an easier way to accomplish the same goal, use the details and summary elements. The detailshttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/details element creates a disclosure widget where information is visible only in its "open" state. A summary or label can be provided using the element. The companion summaryhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary element specifies a summary, caption, or legend for a element's disclosure box. Clicking the element toggles the state of the parent element open and closed....
In reading Measuring the Hard-to-Measurehttps://csswizardry.com/2018/03/measuring-the-hard-to-measure/ I found his idea to track how many people are actually browsing your site without Javascript. It's this little image inside a noscript element. markup The idea behind it is that this will only trigger if Javascript is not enabled in the browser visiting the page and then you can use your analytics and server logs to track how many people got the no-script pixel beacon and customize your content accordingly.
If you've been following the CSS specifications you will see that several of the more recent ones have adopted start and end as values for the properties and I wondered why was this, wasn't it enough to work with top, bottom, left and right? It wasn't until I started working with and learning about writing modes that the reasoning became clear. when working from top to bottom and left to right then it's easier to think about the layout in the way we normally do, it also saves us from code duplication by eliminating code that we'd use to handle...
In the old days, you could get away with fetching an image, assigning the file to the src attribute of your image and then proudly display your Javascript chops to the rest of the world. The times are changing, young padawan. Now you have to do several things. 1. Fetch the image using the fetch API 2. If the response was successful convert it to a BLOB using the method on the response object. If the response was not ok, throw an error and pass to the catch block 3. Create a URL from the block using createObjectUrlhttps://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL 4. Create...
One important thing that Windows users should know. There is a reason why we went through all the work of installing PowerShell and WSL: Interoperability. WSL and Powershell were designed to work together and are continuously improved on the interoperability front. This can take one the following ways: You can run Linux commands from Windows prepending the wsl command to the command you want to run. The example below runs Ace installed via NPM on Linux. If this meets your needs, then you don't need to install Node on Windows. Running wsl node will take care of it when working...
Since we're working on the command line we also need to learn about what makes the Unix/Linux command line work. Globes There are times when we need to match commands against one or more files. It can be as simple as listing only files of a certain type or having the command run only on some files, not others. Unix-like shells like those on MacOS and WSL provide globs global or pattern matching to help you with the searches. I could go on for pages and pages about globs, but rather than do that I will give you some examples...
Node Node.jshttps://nodejs.org/en/ or just Node is a cross-platform Javascript interpreter built on the V8https://developers.google.com/v8/, the same Javascript interpreter that powers Google Chrome. Initially, Node was created to run Javascript on the server but it has also been used to create a lot of tools for use on personal computers. This is the side of Node that we'll concentrate on. In this section we'll look at the following aspects of Node: - Installing Node with NVM - Why I chose this method - Installing, removing and updating packages - Global install - Some examples of what you can do with Node...
Most Operating systems have ways to automate software installation, upgrade, management and configuration of the software on your computer with package managers. Package managers are designed to eliminate the need for manual installs and updates. This can be particularly useful for Linux and other Unix-like systems, typically consisting of hundreds or even tens of thousands of distinct software packages.\2\ We'll look at Homebrewhttps://brew.sh/ and apt-gethttps://itsfoss.com/apt-get-linux-guide/, their requirements and ecosystems, along with some basic commands to get you started. Homebrew and Cask Homebrew allows you access to a large ecosystem of Unix Software on your Mac. It is a Rubyhttps://www.ruby-lang.org/en/ application...
