A first look at using Synfig Studio to create animations with vector (SVG) graphics. This intro video covers the following topics:
- Installation (Ubuntu 18.04)
- Panel setup
- Keyframes / timeline
Synfig is free and open source software: https://www.synfig.org/
...
https://www.youtube.com/watch?v=HY5r5_C_thI
Save time by not having to manually redraw an image over and over again, by using the Tile tool (under filters, map). Combine this with a selection to make custom repeating background patterns.
...
https://www.youtube.com/watch?v=4U2WO4HG2mw
This video explains what a "closure" is in JavaScript and how you can create one. We go over the basics of lexical scope and debate whether every single function is a closure by default or whether it must technically be a nested function to count (let us know what you think in the comments!). Finally we show an example of how you could use closures to create private properties and methods in your functions in a simple banking example.
___
Mozilla definition of Closures: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures
Bank example in the video is based off Pat Whitrock's code here: https://medium.com/@dis_is_patrick/practical-uses-for-closures-c65640ae7304
Chrome dev tools example uses console.dir() as demonstrated here: https://stackoverflow.com/questions/35378699/chrome-devtools-console-does-not-display-closure
Simulating private methods with self invoking functions: https://stackoverflow.com/questions/55611/javascript-private-methods
Details on Math.abs(): https://stackoverflow.com/questions/5574144/positive-number-to-negative-number-in-javascript
...
https://www.youtube.com/watch?v=ZLA0SAJYuw0
By default, the Brave browser on Ubuntu 24.04 unmaximizes if you do a single left click to the right of the address bar. This is a common place a user might click to shift the focus to the browser and the minimizing behavior is undesirable. Luckily you can prevent this in Settings, Ubuntu Desktop, turn off "Enhanced Tiling"
https://community.brave.com/t/maximized-window-title-bar-left-click-unmaximized-the-window/551627
...
https://www.youtube.com/watch?v=KXlv8a3EE-I
Pull down a remote Pantheon site for local development using a docker orchestration project called Lando (https://lando.dev/).
Create MySQL/MariaDB cache table: https://www.drupal.org/forum/support/post-installation/2009-05-07/mysql-database-cache-tables
Lando pull flags: https://docs.lando.dev/config/pantheon.html#importing-your-database-and-files
Creating machine token on Pantheon: https://pantheon.io/docs/machine-tokens
Reference guide (not shown in video): https://webocreation.com/blog/easy-steps-to-setup-local-environment-of-pantheon-with-lando/
...
https://www.youtube.com/watch?v=88WUuV-WJao
Chat with Matt Mueller about Bud and Plenti and how we could improve compiling Svelte in Golang.
Bud project: https://github.com/livebud/bud
Plenti project: https://github.com/plentico/plenti
Import maps and removing NodeJS: https://github.com/livebud/bud/discussions/74
Removing NodeJS dependency: https://github.com/plentico/plenti/issues/3
//go:generate go run
github.com/evanw/esbuild/cmd/esbuild
compiler.ts --format=iife --global-name=__svelte__ --bundle --platform=node --inject?himssr.ts --external:url --outfile=compiler.js --log-level=warning
...
https://www.youtube.com/watch?v=p-ijQslb9RM
This is a Dev Vlog series where Plentico (https://plenti.co) maintainers work on the git-backed CMS for the Plentico project (https://github.com/plentico/plenti). We are building in public, so feel free to watch along, ask questions, or even contribute if you're so inclined.
In this video Jesse discusses some of the work he is doing to allow images to be cropped, scaled, and turned into formats (like webp) that load fast for the web. He discusses a way to allow developers to pre-defined image specifications that would appear to users as options on the frontend of the application. They also discuss implementing in a "discoverable" way where the application would read the dimensions of the current image that is being replaced and suggest that the user crop / scale the name image to fit those specifications.
The second half of the video takes a look at some of the WYSIWYG updates Jim made to allow content editors the ability to make text changes on the website. New features include:
- bold
- italics
- underline
- ordered list
- unordered list
- link
- unlink
- clear formatting
They discuss how contenteditable and document.execCommand() are being used under the hood:
- https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
- https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
They also go over how execCommand() is deprecated and how other solutions were tried: https://stackoverflow.com/questions/60581285/execcommand-is-now-obsolete-whats-the-alternative
...
https://www.youtube.com/watch?v=1XM8v3U_tXw