I’ve been obsessed with how Japanese TV shows composite animated lower thirds over live footage—those layered graphics that somehow feel both playful and precise. To learn the craft, I built KeyCast Lower Thirds, an Electron + React app that mimics broadcast workflows without the usual control-room headaches. You get a clean operator panel, a fullscreen kiosk output, and real-time sync between the two. Toggle text, colors, placements, and animated logos instantly, then ship the feed straight into OBS or an ATEM via chroma key or alpha workflows. In practice, it’s become my sandbox for experimenting with conference graphics, live presentations, […]
Development / Javascript / PHP / WordPress
D8 Linux Terminal Widget: A Revolutionary WordPress Plugin
After developing the first-ever terminal theme for WordPress, I’ve taken it a step further. Today, I’m proud to introduce the “D8 Linux Terminal Widget” – a plugin that brings the power and aesthetics of a Linux terminal directly to your WordPress site, without the need to change your active theme. Installation To install the D8 Linux Terminal Plugin on your site, follow these steps: Everything is open source, here is the github repo. Views: 16
Development / Javascript
Vue3 – Global Socket.io Installation (in all components)
src/main.js Listening example in Vue Component Emit example in Vue Component Views: 60
Development / Javascript / Linux
VueJS 3 Chat App
VueJS 3 Chat App with Vuex 4 and Boostrap 5 Screencast: Source Code: https://github.com/kzorluoglu/vue3chatapp Views: 5
Development / DIY / Javascript / NodeJS / Raspberry PI 3
smartmrk – v0.2.1 Updates – 28.02.2021
Modul Extension Prototyp Clean Timer Modul – Screencast Video Download & Source https://github.com/kzorluoglu/smartmrk Views: 2
Development / Javascript
SmartMrK OS – v0.2.0 released!
New Features Vue Router feature added. Edit/Create Widget Pages and Homepage working with routing. New User Shortcuts Ctrl + y : Admin Login Ctrl + k : Homepage Ctrl + n : Add new Widget (For Editing: Click on Widget) Github Tag/Version/Download Link: https://github.com/kzorluoglu/smartmrk/releases/tag/v0.2.0 Views: 2
Development / DIY / Javascript / Linux / NodeJS / Raspberry PI 3
SmartMrK OS – v.0.1 released ! :)
ScreenCast from v.0.0.1 – Video (Gif Animation) Download & Project: https://github.com/kzorluoglu/smartmrk First Prototype Views: 17
Development / Javascript
Electron-Vue – Webpack ReferenceError: process is not defined
Modify HtmlWebpackPlugin in the Files .electron-vue/webpack.web.config.js and .electron-vue/webpack.renderer.config.js: Views: 10
Development / Javascript
Electron – Uncaught Error: Cannot find module ‘axios’
re-check if modul installed. add plugin/modul in the webpack.renderer.config.js, like Views: 23
Development / Javascript / NodeJS
Gulp 4 – Error – “Task function must be specified”
If you this Standart Tasks sequence from every Tutorial using, you will be got this error message. Views: 25
Development / Javascript
How do Remove Element From an Array – Simple
/** Set – New Array */ const users = []; /** * Add – New Element/Item */ users.push({ id: socket.id, name: ‘Visitor’}); /** * Find – Index of Element */ var foundIndex = users.findIndex(x => x.id == socket.id); /** * Update/Add – New Data an Founded Element */ users[foundIndex].name = data.name; /** * Remove */ users.splice(foundeIndex, 1); Example from My Home Hobby Project: const users = []; nsp.on(‘connection’, (socket) => { console.log(‘Kullanici :’ + socket.id + ‘Baglandi’); users.push({ id: socket.id, name: ‘Visitor’}); socket.on(‘sendUserData’, (data) => { console.log(‘Server => ‘ + data.name + ‘ Connected.’); var foundIndex = users.findIndex(x => x.id […]