Drawing Triangles in CSS

Drawing Triangles in CSS

In 3-ish Easy Steps Our goal is to draw a simple equilateral triangle. Before we begin, it might help to visualize how we are going to accomplish this first. Step 1 – Picture a Frame Think of a framed picture. It is basically a square surrounded by a border. Or, in our case, a <div>…

Read More

Build an Alexa Skill with Python and AWS Lambda

ul { list-style: circle outside; } Introduced in 2015, Amazon Echo is a wireless speaker and microphone device that allows users to interact with online services by voice. Alexa is the name of the speech service that powers Echo (and other devices), as well as a companion smartphone app for Android and iOS. It has…

Read More
Microsoft's Enhanced Cordova CLI , TACO

Biting Into TACO, Microsoft’s Enhanced Cordova CLI

Tools to streamline developer workflow when building Apache Cordova hybrid apps have been improving steadily since the introduction of the Cordova Command Line Interface (CLI) a few years ago. The CLI greatly improved, automated and standardized common development tasks that previously relied on manual processes to create or modify configuration files, or direct manipulation of…

Read More

ES6 Import Statement Without Relative Paths Using Webpack

The ES2015 module system is probably familiar to you by now. If you’ve used it, you might have faced the familiar relative path inclusion problem.

Read More

Code Splitting for React Router with ES6 Imports

Partial application loading is an essential technique for improving the time-to-first-impression for single page applications. The goal is to prioritize loading of the code needed to render the view whilst deferring other assets. We are about to see how we can achieve that with modern web development’s latest and greatest tools: – React 15.0 –…

Read More
Webpack Tree Shaking

Webpack 2 Tree Shaking Configuration

Tree Shaking, a modern dead code elimination algorithm for ECMAScript 2015+ is one of the most anticipated features in the upcoming Webpack 2. By eliminating unused ES6 exports, Webpack can further help the minification process to get your bundle much smaller than ever before. Tree shaking, ultimately, bundles only the modules you import into your…

Read More
Automate All The Things

Automation: What, Why and When To Use It

The case for not automating all the things Test automation is a powerful process that has found a valued role in software development. We see more and more companies pushing for some kind of automation suite for their own applications, be it for performance, unit, or end-to-end testing. Each type of automation can greatly contribute…

Read More

Optimizing React + ES6 + Webpack Production Build

Writing a web application in React using the ES6 awesomeness and spiced up with Webpack has got to be very close to the perfect project for any web developer. This stack has been all the buzz lately, but it comes with a caveat – the built output is gigantic!

Read More
Watch Gears

Cordova Automation – xcodebuild Hangs in iOS Build

The Cordova Command Line Interface (CLI) has come a long way since it was introduced with Cordova 3.0 back in the summer of 2013. Developers can use this to create, configure, and build apps – greatly reducing the need to directly use “traditional” tools such as Xcode for iOS and Eclipse for Android. The Cordova…

Read More

Automated testing with Cucumber and Watir-Webdriver

For the last couple of years we have been using cucumber and watir-webdriver to build robust test automation suites. We believe that contributing to the open source community is vitally important, so we made the test harness public to benefit the community.

Read More

Subscribe to the Modus Newsletter

Receive the latest blog articles and insights every month from the Modus team.