BrowserStack

Today marks 29 years since CERN put the World Wide Web software in the public domain. Later, it was released with an open license to help the spread and adoption of the internet.

Advice on contributing to open source "One can start filing a constructive issue, fixing a bug, or sharing a component from work if company policy allows it. It doesn't need to be a perfect, full-featured project from day one. The community will add continuous improvements."

Preferred development tools "Visual Studio Code. I use Code as my primary tool for front-end development and Git client for its powerful extensions platform, Git-related features, and enhanced GitLens extension."

Disrupting industries "You need to give your product features that stand out. For example, Spectre has a complete variable-based style system that applies to all components. You will find that experimental components based on New Web standards can inspire creativity."

Keeping Spectre lightweight "Using a methodology called Atomic Design, I created different levels of modular components by building up from basic elements and consistent style guides. I also used reusable components to accelerate my web development."

"By open-sourcing your code, you will learn how to write good code that others can easily read and use, manage project issues and features, and collaborate with other talents." - @picturepan2, creator of @spectrecss A thread on his #OpenSource spotlight

What advice would you give to someone just about to start their career in software development? #TechTwitter #SoftwareDevelopment

Test IE Developed by BrowserStack, this extension lets QAs run tests on real IE browsers and all versions of Edge within Chrome. With this plugin activated, testers can check how a site would behave on different IE and Edge versions.

iMacros Perform repetitive tasks like filling web forms, filling usernames/passwords, creating mail notifiers, etc. once – and record them with iMacros. Next time they need to be executed, click a button and watch them run themselves.

WAVE Evaluation Tool WAVE checks site content against WCAG guidelines and adds WAVE capabilities within the browser (Chrome). As far as automation can do so, the plugin analyses content to ferret out accessibility issues.

Page load time The name of this Chrome extension is self-explanatory. It displays a website’s loading time in the toolbar. This is a valuable instrument, as high-speed loading is among the topmost priorities for website visitors.

BrowserStack The BrowserStack Chrome extension launches new test sessions on real browsers with a couple of clicks. Testers can initiate up to 12 browsers for effortless access, switch between browsers and spend less time on the overall process.

PerfectPixel Users can leverage this plugin to impose a semi-transparent overlay over the developed HTML. This allows them to make comparisons between different versions to identify and clear out issues with pixel placement.