Recent content in Home on tedmagaoay
Magaoay Meaning While researching my surname, I came across Katálogo ng mga Apelyidong Pilipino . In that blog post, they provided meanings for some Filipino surnames. I went to the letter M and looked for Ilocano surnames. There’s Mabalo, which means “to be widowed”. Mabayag means “a long time”. Macadengdeng means “vegetable cook”. Macalipat means…
Creating and animating the Gmail logo with FOSS Friction natively. Gmail logo animation. Tags: #friction , #logo Reply to this post via email
Below is a list of my personal projects. Blog tedmagaoay.com Youtube Check out my logo tutorials with Inkscape. Portfolio I like minimal, bold, and geometric designs. Logos Quadro Alas logo. More info . Egge logo. More info . QT pi logo animation. More info . MNL logo. Tags: #project Reply to this post via email
In this video, I’ve created a Möbius-inspired logo using Inkscape. I watched this video by Zak Korvin and wondered how to create it on Inkscape. I knew it had something to do with triangles, like how I did in this video . It is tedious and complicated. Maybe there’s a better way? I went down a rabbit hole about triangles until I reached Pythagorean triple . Using this triangle is…
I have been trying to replicate this Loading Spinner in Friction . It was originally created with Glaxnimate . Previously, Friction did not have the offset option, so I had to do it manually. frame -> 0 20 40 60 min 0 22.333 44.667 100 max 0 55.333 77.667 100 With the latest update , they have added the feature. frame -> 0 20 40 60 min 0 33 max 0 33 offset 0 67 Loading Spinner in Friction. This is…
I’ve created a logo for John Riel “Quadro Alas” Casimero. Inspired by the X-Men logo because he is a Beast. Process I have known X-Men since I was a kid. Beast is the character that stuck with me. Very strong, smart, and fast. I watched Quadro Alas’ recent bout vs Saul Sanchez and oh boi he is a Beast , an X-Men if you will. That’s when I know I have to look out for…
\frac{2}{3} \times \frac{3}{4} = \frac{6}{12} = \frac{1}{2} renders as: \text{Amount left} = \frac{3}{4} - \left(\frac{2}{3} \times \frac{3}{4}\right) = \frac{3}{4} - \frac{1}{2} \times \frac{3}{4} renders as: \frac{3}{4} - \frac{3}{8} = \frac{6}{8} - \frac{3}{8} = \frac{3}{8} renders as: \text{Amount left} = \frac{3}{8} renders as: \underline{\hspace{1cm}} = 5 \times 0.25 renders as:…
1. Set up DNS records Create corresponding DNS A or CNAME records for the apex and subdomain. When creating a proxied DNS A record for your apex domain, you can point to any IP address since all traffic will be redirected prior to reaching the address. DNS records. 2. Use Cloudflare DNS Go to your registrar and add the Cloudflare Nameservers. Registrar custom DNS. 3. Create a redirect rule Go to…
I turned 35 today. I’m halfway through if I can live up to 70. If I have to live out my grand pops, I have to live at least 73. I do hope that my whole family will have a very long, contented, and healthy life. We had a little dinner together with parents and bro, even though we dine out two days ago. My brother won’t let this day pass without a little celebration. My wife gifted me a…
Long time ago, I worked in a pawnshop and I learned how to appraised gold. Here are the things I learned in no particular order. These are from my memory. I resigned 7 years ago and no longer practice. Take it with a grain of salt. 21/24 = .875 there are no pure jewelries, only bars 14k, 16k, 18k, 21k, 22k and 24k doesn’t react to acid 10k and 12k react (becomes sunog ) almost immediately…
I don’t. But here’s how I monetize this blog . Tags: #blogging , #fun Reply to this post via email
Search text in particular files Show Search (Ctrl + Shift + F) In Files to include, put file names separated by , eg a.md, b.md Use the Batch Rename for getting file names. Tags: #vscode Reply to this post via email
In this tutorial, we will be creating a logo reveal animation with Friction . QT pi logo animation Here’s the video version for this tutorial. Create the base shape Create a circle 200 px. Convert to path and delete circle. Select the object and grab the Point Tool. Hold control shift to see nodes numbers. Disconect nodes 1 and 2. Keeping the nodes original numbers, delete node 1. Connect…
Create a pendulum animation (10 frames). Create a new scene. Link Scene 0. Add Frame Remapping. Position playhead in the frame where you want the loop to end (10) and add key. Right click frame and Set Expression. Bindings: fr=$frame; Calculate (fr): return fr%10; The value after the % symbol is the end frame of the animation (10). It is a perfect loop because frame 11 = frame 1. Tags: #friction…
No fatboy for me in 2024. Kev’s Fat Boy at 40? inspired me to share my weight loss journey. Losing weight is so easy, I’ve done it hundreds of times. 🙃 I’ve started my journey in 2018 through fasting. A multiple 3-7 day water fast, a 14 day water fast and a 30 day water fast. And guess what? My weight keeps creeping back. Consult your health professional before fasting. Date…
In this video I’ll be creating a cartoon trasition with Friction — a powerful and versatile free and open-source motion graphics application. After the 0.9.5 update , I’ve made the switch from enve 2D. Tags: #friction , #enve , #transition Reply to this post via email
I never knew that Inkscape has this amazing feature. document.documentElement.setAttribute("height", "100%"); document.documentElement.setAttribute("width", "100%"); function showLayer(id) { const layers = document.querySelectorAll("svg > g[*|groupmode=layer]"); layers.forEach(layer => { layer.style.display = "none" }); const layerToShow = document.querySelector("#" + id);…
Along the Horizon #6F3339 #CE627E #EDD03C #FCFCFC Tutti frutti #267B68 #E07B47 #DE9931 #F8CABB Happy Tiffany #F05A7E #E2E047 #79C57E #AACEE9 Lego Loco #0000FF #CC0033 #009900 #FFFF00 #999999 #FFFFF #996633 #FFCC99 Tags: #color-palette Reply to this post via email
Interface Increase canvas tooltip font size Grab the Measure Tool and increase font size. Keyboard Shortcuts Resize page to selection Hit CTRL + SHIFT + R to resize page to current selection, or to the drawing if nothing is selected. Core Concepts and Functionalities Tags: #inkscape , #cheat-sheet Reply to this post via email
In this video, I’ll be demonstrating how to create the United States Bicentennial precisely and easily using Inkscape . This is an update for the tutorial How to Create Aaron Draplin’s Most Favorite Logo of All Time I’ve created before. Someone pointed out that it is a bit off. Old Tutorial a bit off. Fixed bicentennial logo. Visit my Youtube channel for more tutorials. Tags:…
enve is most likely discontinued. You can check out friction (enve fork) instead which is actively develop. Visit my Youtube channel for more tutorials. Tags: #enve , #logo , #motion-graphics Reply to this post via email
Tags: #enve Reply to this post via email
Appearance Use dark theme Use large text in accessibility Change panel height to 60 Update key bindings Super + Enter for terminal Super + B for browser Super + Shift + C for close window These key bindings contradicts with codium. Remove Control + Shift + Alt + Up Remove Control + Shift + Alt + Down In Settings/Windows/Behavior change special key to move and resize windows to Super Install apps…
1. Create a new site hugo new site blog cd blog 2. Create a new theme hugo new theme my-theme cd my-theme Update site config to use the theme theme = 'my-theme' 3. Add Tailwind to a Hugo theme Go inside the themes directory cd .\themes\my-theme\ Install Tailwind npm init -y npm i tailwindcss --save-dev npx tailwindcss init Inside tailwind.config.js replace all module.exports = { content:…
Assets Download SVG File Download enve Download Friction (Forked from enve) Resources Read the documentation Keyboard shortcuts Tags: #enve , #logo , #motion-graphics Reply to this post via email
I turned 34 today. I’m just a little bit younger than Rizal now. Possibly older than Jesus? But definitely older than Miss McKenzie. And speaking of Ms McKenzie. Busted recently collaborated with Hanson . It’s called MMMBop 2.0 It really is an upgraded version. As they are wise and adult now. In the 1997 version, it feels like they are mocking. Now they are enlightening. ♪ Plant a…
1. Open scene settings. scene settings. 2. Make background transparent. Set alpha to 0. 3. Add to render queue. Menu Bar Scene Add Render to Queue 4. Open output settings. Select Quicktime / MOV format and rgba codec. outout-settings. Tags: #enve Reply to this post via email
Metadata show_date: true private: true # hide page in search results Page resources (attachments and links) links: - icon_pack: fab icon: twitter name: Follow url: "https://twitter.com/Twitter" - icon_pack: fab icon: medium name: Originally published on Medium url: "https://medium.com" Private pages _build: render: always list: never Add in cms: - label: Build name: _build required: false widget:…
Repository: https://github.com/user/repo.git Build command: hugo Publish directory: public Production branch: main Add new variable. key: HUGO_VERSION value: 0.36 Tags: #netlify Reply to this post via email
Today I moved my blog to tedmagaoay.com domain. Without a subdomain, It’s more neat and professional. And the reason why I choose ted.magaoay.org in the first place isn’t relevant anymore. Tags: #blogging Reply to this post via email
Get a copy of the default RSS template that ships with Hugo and put it in root/layouts dir. layouts partials rss-tag.html rss-reply.html rss.xml Full Content Make your subscribers happy by updating {{ .Summary | html }} to {{ .Content | html }} . Add Tags I prefer adding this over the category element because there maybe some older or less feature-rich RSS readers that do not fully support the…
1. Find the old commit git log --reflog --oneline 052047f (HEAD -> main) Create how-to-undo-git-amend post d4012dd Create how-to-undo-git-amend post Here the old commit is d4012dd . 2. Move the current head to the old commit git reset --soft d4012dd The --soft flag uncommits the most recent commit, while keeping the changes in the staging area. 3. Create new commit git commit -m "New commit" Tags:…
1. Go to similar sites like SVG Repo . 2. Download your icon. Download icon. 3. Optimize SVG to similar sites like Vecta Nano . Optime SVG. 4. Cleanup. Change characters " to ' and # to %23 . Before <svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="-4 0 256 256" preserveAspectRatio="xMidYMid" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"> <path d="M210 256c-20.987…
Todo InstantClick integration Add Content-Security-Policy header Tags: #blogging Reply to this post via email
Problem Make this: SECTION 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla, est sit amet congue vestibulum, sem nisi placerat libero, ac maximus metus dolor a lectus. To this: ## SECTION 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fringilla, est sit amet congue vestibulum, sem nisi placerat libero, ac maximus metus dolor a lectus. Solution Search:…
Mostly I work with markdown, these are my favorite extensions in no particular order. 1. selection extended 2. YAML 3. Markdown All in One 4. Markdown Table Prettifier 5. Make Hidden 6. Insert Numbers 7. Icons 8. Batch Rename Tags: #vscode Reply to this post via email
First family pic. Tags: #gallery Reply to this post via email
Hide Files "files.exclude": { "archetypes/default.md": true, ".hugo_build.lock": true, "**/.*": true // hides all files that start with ._ such as ._.DS_Store files } There is a VS Code plugin called Make Hidden that allows you to hide files and folders directly within the file explorer. Sort Files and Folders "explorer.sortOrder": "type", "search.sortOrder": "modified" Options: mixed , filesFirst…
Boolean In config.yaml params: display_toc: true In Front Matter --- display_toc: true --- Template <h2>Title</h2> {{ if .Param "display_toc" }} {{ .TableOfContents }} {{ end }} <p>Lorem ipsum...</p> String In config.yaml params: mood: "happy" In Front Matter --- mood: "happy" --- Template <p>How are you feeling today?</p> <p>I'm feeling {{ if .Params.mood }}{{ .Params.mood }}{{ end }} today.</p>…
Todo Some things to do in 2022, in no particular order. This is a living document. 1. 100 ZK permanent notes 2. 100 logo concepts 3. 100 days to offload 4. Study Japanese Korean language Create flashcards. Visit Learn CJK . 5. Read these Notes from the Underground by Fyodor Dostoyevsky The Trial by Franz Kafka The Adventures of Tom Sawyer by Mark Twain A Christmas Carol by Charles Dickens The Time…
2022 Todo Family web page I finished the main tasks and I am happy with the results, so I can leave this for now. Create Posts 15 blog posts 10 Youtube videos I failed to #100DaysToOffload , which is something that I will carry over to next year. Study Python Lose interest. Study Japanese language Lose interest. I studied Hangukmal instead. Read classic books I’ve started Gatsby, Pride, and…
Video Tutorial Assets Sketch. Tags: #inkscape , #logo Reply to this post via email
Enve is an Open-source 2D animation software. General Keyboard shortcuts Commands Ctrl + D Duplicate Ctrl + G Group Ctrl + Shift + G Ungroup W Q Adjust brush size Home Raise to top Pg Up Raise one step End Lower to bottom Pg Dn Lower one step Transform Keyboard shortcuts Commands G Move R Rotate S Scale Transform + X X axis only Transform + Y X axis only Selection Keyboard shortcuts Commands A…
This is for Windows only, for Mac and Linux let me know . Reset Preferences (Optional) The dev version will inherit your current preferences. Open Inkscape and go to Preferences/System/ then Reset Preferences. Reset preferences. Download Dev Version Download at https://inkscape.org/release/inkscape-dev/?latest=1 . Extract and locate the Inkscape bat file. Locate Inkscape bat file. Run Run as…
I was not able to renew the abakada.org domain. The new URL is https://abakada.pages.dev/ since it is hosted on Cloudflare. This project is dedicated to my daughter. She started kindergarten this year and the lack of suitable online flash cards to teach her about ABCs and numbers sparked the creation of this project. Our flash cards are simple, effective, and can be accessed by anyone at anytime…
Blogs I follow, in no particular order. Cartoons & Comics Name RSS Cat and Girl Feed INCIDENTAL COMICS Feed Poorly Drawn Lines Feed xkcd.com Feed Tom Gauld / @tomgauld Feed Brainiacs & Opinion Name RSS kottke.org Feed Kev Quirk Feed Jan-Lukas Else Feed gilest.org Feed Dan Luu Feed Manu’s Feed Feed ADVICE TO WRITERS - Writerly Wisdom of the Ages Feed Derek Sivers blog Feed tomcritchlow.com…
For the longest time, I write md links this way: [https://example.org/](https://example.org/) result: https://example.org/ TIL that there’s an even easier way. Wut??? Surround it with angle brackets <> . <https://example.org> result: https://example.org And it works with email addresses too! <hello@example.org> result: hello@example.org Tags: #markdown Reply to this post via email
Owner Address num link Snooper link Kev Quirk link Ray link Jamie Tanna link Jan-Lukas Else link Visa link Tags: #bookmark , #blogroll Reply to this post via email
Why? I do blog to document things learned and my not-so-coherent thoughts. For Whom? For my future self to have something to reference to or reflect upon. Tags: #blogging Reply to this post via email
Internal linking Link to a page: [[Internal link]] Embed files Embed attachments You can embed attachment files like images, videos, audio, pdf, and even md files in your notes with this syntax: ![[filename.png]] ![[My File.pdf#page=number]] iframe “iframe” is a way to embed a web page in another. It’s useful because Markdown can accept HTML, which is a simple language to…