Christian Kaindl

@christiankaindl

Young optimistic human being. Open source fan and web developer.

1,365 words

http://www.christiankaindl.at/ @christiankaindl Thank
You'll only receive email when Christian Kaindl publishes a new post

Research on HTML audio - Day 1

March 19, 2018

This is the result of one day of research about HTML audio - the HTML element and the Web Audio API. I surfed through a number of MDN articles and references and looked at some libraries and tools. Lastly, I even made a little contribution to the MDN docs.

Articles (with short summaries)

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery

  • Web Audio API example and streaming
  • Tips & tricks

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics

  • HTML audio events
  • Create custom audio controls
  • Comp tables for audio Formats (at the bottom)

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges

  • How to know which parts are buffered/were already played
  • TimeRange Object

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_manipulation

  • Audio/Video manipulation and filters

https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API

  • Pratical instroduction into the Web Audio API

Libraries

Lib: https://howlerjs.com/ (personal recomandation)
Just for fun: https://www.talater.com/annyang/
Lib: https://521dimensions.com/open-source/amplitudejs

Showcase

Voice-Change-O-Matic: https://github.com/mdn/voice-change-o-matic

JS talk 'Enabling New Web Experiences'

March 16, 2018

Video: https://www.youtube.com/watch?v=yqZYAM2es9Q
by David Bryant: https://twitter.com/david_bryant
at JSConf: https://2018.jsconf.eu/


thoughts/conclusions/resume

I like Mozilla. No, I love them. Hopefully I can attend the MozFest this year again. This talk was about some tech that is and was developed by the Mozilla Emmerging Technology Group.

Short summary (together with some other related things):

Deep Speech is awesome (also project Common Voice)

Rust (programming language) is now used in parts of Firefox and in

Servo, a new browser engine built from scratch, from which parts were already imported into Firefox (mostly since Firefox 57)

ASM.js and WebAssembly make the web faster and allow native code to be run in the browser

Note to myself: I definitely should look into Machine Learning at some point; and Rust

JS talk 'Write Code With Standard and ESLint'

March 16, 2018

Video: https://www.youtube.com/watch?v=kuHfMw8j4xk
by Feross Aboukhadijeh: https://feross.org/
at JSConf: https://2018.jsconf.eu/


thoughts/conclusions/resume

I can use ESLint with the Standard linter config (for me only with the exception of the semicolon) and create a binary out of it that I can run on my project and help me get things clean.

Note to myself: Go start using this now!

Linters are here for 3 purposes:

  • Programming errors
  • Best Practises
  • Style conventions

Prettier only cares about the last one, style, thus it should be used together with linters, such as ESLint.

Tools talked about in this talk

Trello Super Powers Add-on v0.9 | Release Notes

March 9, 2018

This release packs some cool new things into the Trello Super Powers Add-on. For speed, here are the most notable changes:

TL;DR

  • Export Trello boards as CSV lists
  • Much smaller Add-on size
  • Added CONTRIBUTE.md for easier contribution (The code is now documented way better, and it is also clearer where one can start and whom to ask.)
  • Now translated into Spanish (thanks to @quiqueciria on GitHub)!
  • Resolved issue where an input field was visible at the bottom of the Trello board (that is used for the Copy to Clipboard feature)

Trello Super Powers is a WebExtension currently available for Firefox. Get it here -> https://addons.mozilla.org/en-US/firefox/addon/trello-super-powers/

CSV Export

You will now see a new buttons in you Firfox address bar (officially called Awesome Bar) that looks like a little thunderbold. When you click this icon a popup UI will present you some options and let't you easily exort the Trello board you are currently on. This new export feature let's you easily export any of your boards in the CSV format. CSV is an abbebiation for Comma Seperated Values. Such list can be useful when working with small data sets and are commonly used together with programs like Excel. Normally only available to Trello's paid users.

New button in the awesome bar

I have taken great care so the icon follows Firefox' new style guide Photon so the icon stays in good contrast with the other icons in the address bar. But for the icon to stand out a bit, it has a bit color added to it. Under the hood Trello Super Powers fetches the board data as JSON and then parses it to a csv file with Papa Parse. Thanks @az0 on GitHub for making a feature request!

The popup UI for this feature is rendered with Hyperapp, a totally awesome framework for buiding Web Apps. In the future I will also use Hyperapp for other UIs such as the settings page.

Smaller Bundle Size

Also in this release, even though features were added I managed to shrink its bundle size (and thus the size that has to be downloaded by the user) by ten fold! Instead of 1 megabyte (and with the new release 2 megabytes) it now only has about 100 kilobytes in size. This is largly due to asset optimisations for both the SVG and PNG images. For SVG optimization I used the awesome SVGOMG.

Now Translated Into 4 Languages

The Spanish translation came "last minute" by Quique Ciri (@quiqueciri on GitHub). Thank you so much for your time and effort. This means that TSP is now translated into its 4 most used languages! This contibution enables 55 more people (roughly 5% of all ~1000 TSP users are Spanish) to experience the Add-on in their native language. Of course, all other language's translations have been updated for the new export feature (except for French, it will be updated soon in a point release).


Trello Super Powers is a small but useful browser extension that adds awesome features to your Trello (trello.com) experience. It is free and open source, and is made in my spare time. If you want to contribute or have an idea for improvements, please get started here.

I am very grateful that roughly a thousand people use TSP everyday to be more productve and hope that it can continue to thrive in the future.

Joy of other people

January 7, 2018

Looking at a certain time in your life, there are always a few things that - a few moments - that you feel made 'click' with you. Moments, where you read something or watched some videos and they made you feel extremely grateful and they make you want to honor what we as society have accomplished. They make you feel excited about the future and your imagination goes crazy what it may look like. You almost can't hold yourself anymore because you are filled with love. These moments almost feel magical. You get optimistic, happy and are truly amazed by what the future might hold. These moments are the result of ones continuous journey in life. At least, that is what I think; I think that these moments are indeed magical.

I just watched some videos. I watched people who speak passionate and optimistic about their past. They speak about an accomplishment or something they learned. They give me hope.

Ultimately I think this will be a model of the future. A future where the stories that make us optimistic, that fill us with love lead to a clear vision and the need to make the world a better place. This goal alone will acount for it. This goal alone - if really felt - will make the world a better place. So many people experience so many difference things, live amazing lifes and have emotional stories to share. But oftentimes they don't share them. It takes a lot of time and effort to bring your experiences into a format where other people who listen to you, who watch you, truly get the same feeling that you want to conaitn. So, for me, for my future, the only thing I can and want to contribute is to package and share those stories that helped me get up when I fell to the ground. I want to package and share my stories, in the hope and knowledge that it will help other people when they fall to the ground. I will take the time and effort to put my thoughts and my deepest gratitude in a form so that others can experience it the same way that I feel about it.

Don't underestimate the joy of other people. They are your friends. A paradox of life is that oftentimes, the way to make something intuitive is not intuitive at all - at least in the beginning. Sharing you story in a way so that it is valuable for others is truly an art, and I want to own it.