Keyhole Team Design Contest with MockOla!

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

**For more information about MockOla, its features and capabilities, and how it was built, visit its product page on the Keyhole Labs site.** Start Designing! Last week, we hosted a company-wide MockOla design contest! Everyone on the Keyhole team was given the opportunity to participate for a chance to win. Participants created an original design using MockOla.com and its recently-updated …

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 + CSS Math Expressions = Look Ma No Media Queries

Lawrence Chabela CSS & HTML, Design, Development Technology, 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: A Solution for Board Game Organization

Dagin Fullmer 3D Printing, Design Leave a 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 Reactrospective: A React Retrospective

James Bradley Angular, Development Technology, 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.