Video source missing

Mockups with MockOla

Joe Sciara Design, Development Technologies, Keyhole Creations Leave a Comment

MockOla is a simple and diverse tool that has many use cases. In this post, we created a blog mockup by dragging and dropping widgets, customizing those widgets through the property pop-up, importing an image, and using the draw function to request feedback.  Finally, we saved and downloaded the image as a .png file.  

This mockup was finished in a couple of minutes. The best part of MockOla is it allows the user to have the ease of a lo-fi mockup, but the end result of a polished, professional-looking product.

Keyhole Releases MockOla v2.0 With New Features

Keyhole Software Company News, Design, Keyhole Creations Leave a Comment

Keyhole Labs has announced the release of Version 2.0 of its free UI design tool MockOla, adding features and capabilities that enhance the design process.

MockOla is a free 2D drawing tool that allows users to easily build UI wireframes, free-form designs, and UML diagrams with a simple drag-and-drop editor. MockOla is available online, is free to use, and allows users to easily create custom designs and mockups.

This new version of MockOla includes a new dashboard with an enhanced look and feel, the addition of new palettes and elements, a function to upload and add photos into designs, and the ability to use the tool without creating an account or logging in.

JavaScript Optional Chaining – An Introduction

Lawrence Chabela CSS & HTML, Development Technologies, JavaScript 1 Comment

There is a new exciting feature coming to JavaScript in the not-so-far future. That feature is Optional Chaining. At this moment, Optional Chaining is in Stage 3 of the TC39 process, so it’s in late stages of the process and will be here soonish.

In general terms, Optional Chaining is an approach to simplify JavaScript expressions for accessing deeply nested values, array items, and methods when there is a possibility that a reference may be missing.

In this blog, we give an introduction to Optional Chaining in JavaScript. We discuss what problems Optional Chaining solves, the various ways you can use it, and relatable code examples.

Progressive Web App Tips and Tricks

John Boardman CSS & HTML, HTML5 4 Comments

PWA (Progressive Web App) is a powerful solution to multiple problems. Prior to PWA, there were some browser-specific implementations to some of the problems solved by PWA, but PWA is much more elegant while solving more problems at the same time.

In this post, we’ll cover the problems PWA was created to solve, some of the solutions PWA replaced, tools that make PWA development faster and more flexible, and tips to get the most out of PWA development.

C# On The Client Side With Blazor

Clayton Terry .NET, CSS & HTML, Development Technologies Leave a Comment

With the introduction of .Net Core 3.0, Microsoft has built its own web UI framework.

Introducing Blazor: Microsoft’s fully C# client-side framework. With the help of its Razor platform, Microsoft is attempting to put its hat in the ring with the likes of Angular, React, and Vue.

Blazor allows developers to fully design and execute web pages purely with C# — it is meant to eliminate the need for JavaScript. The goal is also to hopefully limit the number of vulnerabilities found in front-end UI work.

In this post, we give an introduction to Blazor and a quick tutorial for getting started.