Nam Vu Personal Site
  • Home
  • My Works
  • My Photos
  • My Blog
  • Pet Projects
  • Freebies
  • About
Nam Vu Personal SiteNam Vu Personal SiteNam Vu Personal SiteNam Vu Personal Site
  • Home
  • My Works
  • My Photos
  • My Blog
  • Pet Projects
  • Freebies
  • About
August 14, 2019

My Electron Toolbelt

  • Posted By : Nam Vũ/
  • 0 comments /
  • Under : Tips & Tricks

Love it or hate it, Electron is now an important part of your everyday life. For those who haven’t heard of it by now, Electron is a software framework that enable developers to create desktop applications using web technologies (HTML, CSS, JS). It garnered a lot of attention in recently years.

Sure, many elitist developers have publicly spoken against it. They argue that their performance is sub par comparing to native applications, even go as far as calling Electron apps “web pages”. In reality, they were correct, and also completely missed the point. What Electron brings to the table isn’t performance, but availability. Electron massively lowered the barrier-to-entry in desktop software development, and cut the cost of porting applications across platforms to almost nothing at all. Truth is, I think what the elitist developers are so pissed off about is that fact Electron enabled ‘lesser devs’ to build beautiful, functional apps that work cross-platform, something that would take decades for them to achieve.

While I can see why the old devs are unhappy with these changes, as an end user I couldn’t be happier with Electron. It’s a godsend.

Anyway here’s my list of Electron-based apps that I couldn’t live without

Read More

Freebies: Arkenea HTML Template
May 17, 2019

Freebies: Arkenea HTML Template

  • Posted By : Nam Vũ/
  • 0 comments /
  • Under : Freebies

As you may know, I’m an avid Linux user. I still need to use Windows at work but I run Deepin Linux at home, so naturally I build my workflow around cross-platform tools. In this regards, the ElectronJS project had been a godsend. Likely half of my current workflow is made up of Electron powered apps: Figma, Zeplin, Fontbase, Gravit (before they sold out to Corel), Brackets, XMind just to name a few off the top of my head.

I recently discovered Bootstrap Studio, an excellent visual HTML/CSS editor that is also developed with Electron (though for some reason they weren’t listed on Electron’s website).

I spent 3 days learning my way around the app (would’ve taken less time if I was more familiar with Bootstrap, which I am now). To learn it I picked out a random PSD template called Arkenea (generously provided by Prashant Dwivedi)  and attempt to convert it to HTML using BS. The end result is pretty satisfactory IMO. I figure I should share it for those who might find it useful.

Demo
Original PSD (Dribbble)
HTML/CSS (ZIP)
.BSDesign

Hope you guys like it, enjoy 😉


Recent Comment
  • User on Cursor stole your ‘code’ command? Here’s how to revert it: “Useful. Thanks” May 8, 21:39
  • Super on Cursor stole your ‘code’ command? Here’s how to revert it: “Thanks” Apr 11, 19:13
  • Hyper on Cursor stole your ‘code’ command? Here’s how to revert it: “Thanks” Mar 12, 15:39
  • helmut on “Invalid Location” error when trying to add SynoCommunity Repo: “nice ty” Jan 13, 22:36
  • Paul on “Invalid Location” error when trying to add SynoCommunity Repo: “Thanks for this, worked a treat” Dec 31, 00:16
Categories
  • AI Art
  • Design
  • DIY
  • Freebies
  • GameDev
  • Home Networking
  • Linux
  • Music
  • My Apps
  • Randomness
  • Rants
  • Side Projects
  • Songs I like
  • Tips & Tricks
  • Tributes
  • Uncategorized
  • UX Design