Keyhole Releases Updated Design Tool, MockOla

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

Keyhole Labs has released an updated version of the design tool, MockOla. MockOla gives users the power to build beautiful UI wireframes, free-form designs, flow charts, and UML diagrams. Insert elements from specialized palettes by simply dragging and dropping them onto the canvas. Easily add, move, reshape, and customize the elements to fit your unique design purpose. Share your designs by downloading them in either JSON or PNG format, or save your designs locally to access and edit them later.

CSS Grid with CSS Math means no media queries

CSS Grid + CSS Math Expressions = Look Ma No Media Queries

Lawrence Chabela CSS & HTML, Design, Development Technologies, JavaScript Leave a Comment

CSS Grid has been the new, cool kid on the block for a few years now. Grid, with its layout algorithm, has given us so many more capabilities in how we can layout and arrange content in our applications.

CSS Grid allows us to define layout patterns in concise and refined ways. That being said, we simply cannot look at CSS Grid by itself without knowing how other key features of modern CSS (like Math expressions) work with CSS Grid. This can allow us to push the boundaries and create more efficient layouts.

These new layout superpowers enable us to start to move past the constraints and limitations that media queries have.

openSCAD for board game organization

OpenSCAD: A Solution for Board Game Organization

Dagin Fullmer Design 1 Comment

One of the biggest problems with any board game is the organization of its components. As a board game enthusiast, I often see a myriad of plastic ziplock bags or tackle boxes used to achieve order in an otherwise chaotic box. As a software engineer/tinkerer/maker, I see these issues as opportunities to build and create custom solutions through the use of 3D printing.

My software of choice for this project is openSCAD. OpenSCAD uses modules and functions to build and render 3D models. While not particularly good from an artistic perspective, it does a great job when dealing with fairly simple models – perfect for game inserts.

A Retrospective of React

A Reactrospective: A React Retrospective

James Bradley Angular, Development Technologies, HTML5, JavaScript, React Leave a Comment

Most, if not all, of my experience has been with .NET and .NET Core. I’ve also worked with most of the front-ends throughout history including Classic ASP, Code Behind, Model View Presenter, MVC, Backbone, and, over the last few years, Angular 1… Angular 6… not Angular 2…AngularJS. To me, AngularJS is that old t-shirt that you put on to sleep in; comfortable.

At first, most of us on the team were a bit apprehensive about moving to React. AngularJS was very familiar and Angular 2 seemed like the natural next step. I could learn TypeScript, and as primarily C#-based developer, I really liked the idea of a little typing. I like shiny new things, and I’m always game to learn, so challenge accepted. Since then I’ve had a hand in writing three applications in React and have learned more than a few lessons. These are their stories… dun dun.

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.