Select Page

Author: admin

What’s New in Xcode 9?

What You’ll Be Creating This year’s WWDC announcements focused on the exciting new SDKs, such as ARKit, and the changes to iOS 11. However, Apple has also made significant improvements to Xcode with Xcode 9. Not to be outshone by the other announcements, the new version of Xcode is a leap forward for coders. Developers are sure to be happy! Included in this year’s improvements: updated support for Swift 4, including parallel support for Swift 4.0 and 3.2 super-charged speed improvements to Xcode Project Navigator and Editor, from indexing to refactoring tools a completely rebuilt source code management (SCM)...

Read More

Building a Progress Ring, Quickly

On some particularly heavy sites, the user needs to see a visual cue temporarily to indicate that resources and assets are still loading before they taking in a finished site. There are different kinds of approaches to solving for this kind of UX, from spinners to skeleton screens. If we are using an out-of-the-box solution that provides us the current progress, like preloader package by Jam3 does, building a loading indicator becomes easier. For this, we will make a ring/circle, style it, animate given a progress, and then wrap it in a component for development use. Step 1: Let’s make an SVG ring From the many ways available to draw a circle using just HTML and CSS, I’m choosing SVG since it’s possible to configure and style through attributes while preserving its resolution in all screens. Inside an element we place a tag, where we declare the radius of the ring with the r attribute, its position from the center in the SVG viewBox with cx and cy and the width of the circle stroke. You might have noticed the radius is 58 and not 60 which would seem correct. We need to subtract the stroke or the circle will overflow the SVG wrapper. radius = (width / 2) - (strokeWidth * 2) These means that if we increase the stroke to 4, then the radius should be 52....

Read More

Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js

What You’ll Be Creating This topic is a really enjoyable one for me. It’s quite common in many web applications to accept user input and save a single record to your database. But what about when your users (or you) want to perform multiple inserts in a single command?  Enter this article, which will demonstrate how to create a CSV template and a form to upload the CSV file, and how to parse the CSV into a Mongoose Model that will be saved to a MongoDB database. This article assumes that you have a basic understanding of Mongoose and how...

Read More

An Introduction to Mongoose for MongoDB and Node.js

Mongoose is a JavaScript framework that is commonly used in a Node.js application with a MongoDB database. In this article, I am going to introduce you to Mongoose and MongoDB, and more importantly where these technologies fit in to your application. What Is MongoDB? Let’s start with MongoDB. MongoDB is a database that stores your data as documents. Most commonly these documents resemble a JSON-like structure: { firstName: "Jamie", lastName: "Munro" } A document then is placed within a collection. As an example, the above document example defines a user object. This user object then would typically be part...

Read More


I’ve only just been catching up with the news about Gutenberg, the name for a revamp of the WordPress editor. You can use it right now, as it’s being built as a plugin first, with the idea that eventually it goes into core. The repo has better information. It seems to me this is the most major change to the WordPress editor in WordPress history. It also seems particularly relevant here as we were just talking about content blocks and how different CMS’s handle them. That’s exactly what Gutenberg is: a content block editor. Rather than the content area...

Read More