In the UltraHack India chapter, Streethack – an Ultrahack prehack a 24hrs hackathon was organized at Invetopad Gurugram, from 21st – 22nd April. Attendees ranged from 1st year students to working professionals, startup enthusiasts, etc. It was a well spent sleepless night among young budding developers, full of enthusiasm and energy. There were given themes…
Browsers are made on a very simple logic – one size fits all. Browser extensions are the things that extend the browser functionality to suit everyone’s requirement. There are a number of extensions available on Firefox AMO, as well as Chrome web store, which modify browsers, and add utilities like creating notes, blocking ads, manage…
This is straight third year, I am giving talk on a day before my birthday This time I gave a talk on how to get started with webextensions at Indira Gandhi Delhi Technical University for Women, Delhi. There were ~70 attendees who were enthusiastic to learn something new and were happy to spend their Saturday…
I got lots of this query, like hey I have developed the addon and working on my local machine, now how to distribute it, how to publish it? Its really a piece of cake, so here we go.
TL;DR – The best AllHands I ever attended both professionally and personally. This December I got opportunity to attended Mozilla All hands Austin with AMO team. Caitlin (AMO community manager) invited three people (/me, @iamVP7, @isantoshv) from India to join AMO team at All Hands. All hands started with plenary session and I can still…
A Saturday well spent! I mentored a full day Addon workshop @ NIEC, Delhi. The event was organized by the IT department of the college in collaboration with IEEE team from the college. Follow #addonsDayDelhi @facebook and @twitter
Sometimes I get conflicts in path and get confused between globally and locally installed npm packages. So I need to find out what packages I installed globally. I googled it and found out how (duhhh) Putting here for my reference or may be others can get too.
|
1 |
npm list -g --depth=0 |
(–depth – Max display depth of the…
Recently I was invited by RHOK (Random Hack Of Kindness) team to give a session on webextensions and mentor teams for Javascript and webextensions. The event was held at 91 Springboard, an awesome coworking space in gurugram. It was an overnight hackathon to build something for social cause, any hack that can help the society…
First International talk – webRTC: future of video chats As a part of Mozilla tech speaker squad, I got opportunity to present my talk at FOSSASIA 2017, one of the largest open source conference in Asia. I spoke about webRTC, my talk covered the basics of webRTC, the structure, usage and how to get started…
Ever Tried capturing cancel event on Browse file input type in HTML, tbh there is no direct way to do so But there is a workaround adding a bit of javascript. We can play with onfocus event of the BODY element. Example -> HTML
|
1 |
<input type='file' id='theFile' onclick="initialize()" /> |
Javascript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
var theFile = document.getElementById('theFile'); function initialize() { document.body.onfocus = checkIt; console.log('initializing'); } function checkIt() { if(theFile.value.length) alert('Files Loaded'); else alert('Cancel clicked'); document.body.onfocus = null; console.log('checked'); } |
See it working here
