Posts

Showing posts with the label web

Dipping My Toes Into Github Actions 🤖🏭

Image
 Hello Github Actions GitHub actions are something that I was always curious about but never really explored, recently I took a dive and was able to come up with something that actually solves one of my problems. Gulp Runner on GitHub Actions Marketplace Gulp Runner Like many of us, I have a portfolio site deployed on GitHub Pages. 🌐 It uses SCSS so I have to convert it to CSS pre-deployment, I also like to have my scripts and styles minified. While building the site I used gulp for these tasks and everything worked as it should. The only issue is when I have to make some quick updates to the styles or scripts on a new machine or on my phone, I have to setup the local dev environment along with node, npm and lots of node modules. While reading up on GitHub actions this is the problem that came up to my mind, that can be fixed quite easily using a simple workflow. 🤔 What this action does is, on push events it looks at changes in the script and styles file. If it does find any cha...

Enable Dark Mode On Chrome Everywhere 🌜🌎

Image
Preview of GitHub with Dark Mode There are lots of extensions out there that turn your web browsing experience much better if you prefer dark backgrounds (who doesn't right?). My favourite one is Dark Reader but there's just one problem, mobile versions of chrome don't support extensions. This trick will help you turn on dark mode everywhere. Steps: Visit Chrome flags by entering chrome://flags/ into the address bar. Search for dark in the flags search bar. On Desktop versions you'll have to enable the flag "Force Dark Mode for Web Contents" which is tagged #enable-force-dark . On Android versions you'll have to enable the flag "Darken websites checkbox in themes setting" which is tagged #darken-websites-checkbox-in-themes-setting . Restart Chrome and enjoy the dark side. That's all, Thank you for reading. Hopefully this post was helpful to you, see you in the next one.

Navigating JavaScript 🤷‍♂️⁉️

Image
JavaScript? JavaScript is taking the world by storm, once used to add functionality to the web, now it is being used in almost all types of software development. For example, Using JavaScript you can do things like build Progressive Web Apps (web apps with native app like features) , create desktop apps using electron, make Android & iOS apps with React Native, do server stuff using Node and Express and many more. If that wasn't overwhelming and confusing enough,  there exists more flavours of JavaScript out there than you can count 😵 & what is JavaScript and what's not is a post for another time. So how do you get started with this interesting piece of technology? 1️⃣ The first thing you should do is learn Vanilla JS . Strong fundamentals go a long way. I will suggest JavaScript30 a free course by Wes Bos, that focuses on Vanilla JS. 2️⃣ Next get familiar with JSON , which stands for Javascript Object Notation. It is mostly used for data storage ...