Blog

Find the NSOpenPanel and search for the textfield that uses the text of the folder name. Select it and press OK.

Use the first searchFields match and the typeText function.

Use the "open-panel" accessibility identifier.

Add the targets to the files, modify the initializer and generator. Then initialize the LanguageCoordinator with a isTestingEnvironment flag in the tests.

Make sure the target has been setup to include the project target and use an import statement at the top of your Unit Test or UI Testing Swift file.

Make sure you select the "Multiplatform" tab when adding a UI Testing Bundle Target or Unit Testing Bundle Target that requires a testing Target.

A step by step guide for adding Unit Tests and UITests to a Swift or SwiftUI project.

Bookmark URLs gathered from an NSOpenPanel to grant an App persistent access to files or folders found outside an App's sandbox.

On the url with security scope, use start Accessing Security Scoped Resource and stop Accessing Security Scoped Resource() to start and stop access.

Use the initresolvingBookmarkData: options: relativeTo: bookmarkDataIsStale: ) function to convert a Data into a bookmark that has a security scope.

Use the bookmarkData(options: includingResourceValuesForKeys: relativeTo:) function to convert a URL into a bookmark that has a security scope.

Configure an NSOpenPanel to gather the URL for a folder, single file or multiple files. Code available below.

In Finder, Library > Containers > [App Name] > Data > Library > [Folder Name] (i.e. Caches).

Call the function found below to delete a file.

Set the User Selected File entitlement to "Read Only" and call the function below.

To delete an app, or to create a clean slate because of SwiftData or CoreData changes, delete the app folder within the Library > Containers.

Within a SwiftUI view, use the .contextMenu(menuItems: {}) functionality and add buttons. To feature commands, add .keyboardShortcut modifiers to the buttons.

Within your SwiftUI MacOS app, use the commands modifier and add a CommandGroup that uses after: CommandGroupPlacement.newItem.

Within your SwiftUI MacOS app, use the commands modifier and add a CommandGroup that uses replacing: CommandGroupPlacement.newItem.

Add a @ViewBuilder parameter attribute to the function and remove the return types.

When returning an EmptyView, use a @ViewBuilder parameter attribute and remove any return statements.

Use a @FocusState property wrapper, tie it to a views focused modifier and set it to true or false depending on the conditions when the view should be in focus.

If a onKeyPress modifier is not working, add a ".focusable()" modifier above the onKeyPress modifier.

Add the "focusable()" modifier to a view, followed by any relevant "onKeyPress" modifiers.

SwiftData deletes models during the next save operation. This doesn't happen when the app terminates, so you need to call save.

Use an onChange modifier that listens to a "scenePhase" environment variable to listen for when the app becomes active, inactive or goes to the background.

Create an App Delegate class and add it to the app using @NSApplicationDelegateAdaptor(AppDelegate.self) var appDelegate.

To show an alert pop-up that delays a MacOS app from closing (i.e. closing when a user quits), create a custom App Delegate and implement in the App struct.

Listen for the willTerminateNotification within a view of a iOS, iPadOS, MacOS, TVOS, VisionOS or WatchOS app to carry out actions when the app exits or closes

To use SwiftData in a Singleton within a SwiftUI app, initialize the modelContext within the initializer. Then apply the container to views for seamless use.

In the Assets, right click and select "New Color Set." Then define your light and dark mode colors using the inspector on the right hand side.

Add a not-found.tsx file to the app folder. It works the same way as any page within the app router.

NextJS SSG is not compatible with next/image. Set "unoptimized" to true within the images parameter of your nextjs project to fix this issue.

A tutorial for creating static or dynamic sitemaps in a NextJS project.

Unlock the benefits of Static Site Generation (SSG) in Next.js to create high-performance static websites."

Add and export the generateMetadata function top of each page to add SEO to a NextJS page.

A short guide that explains how the NextJS app router works.

Install Prettier and set the VSCode settings.

Prepare the database, open the tunnel in Terminal and in a separate Terminal, run the mysql command, through the example of a CraftCMS hosted on Fortrabbit.

Create a @Bindable variable that is tied to the environment object (i.e. @Bindable var obj), and use this variable within your code (i.e. $obj.variable).

Apply a .padding() modifier at the bottom of modifier stack to a view to apply Safe Area Insets.

Add a frame modifier and set the maxWidth and/or maxHeight to .infinity.

Wrap SwiftUI views in a GeometryReader to access the dimensions of the parent frame and use them to set the size.

Use a resizable modifier followed by a frame modifier to set the width and height of an image.

Add a frame modifier with maxWidth and maxHeight to .infinity followed by a contentShape(Rectangle()) modifier.

Code is running in an XCode preview if the process info environment variable "XCODE_RUNNING_FOR_PREVIEWS" is set to "1".

Use #if targetEnvironment(simulator) #endif to determine if an app is being run in the simulator.

Capture 60-150 images, transfer them to your mac and use Apple's Object Capture API tool.

Photogrammetry is the art and science of extracting 3D information from photographs and stitching the information together to create a 3D digital model.

To set the parameter of the promoted input of a custom shader material in XCode, gather the ShaderGraphMaterial from the entity & use setParameter(name:value:).

Right click a constant node & click. "Promote to Material". Promoting parameters allows you to dynamically adjust values in code.

In a Scene in Reality Composer Pro, click the + under the scene tree and select Material > Physically Based.

Select the relevant model and bind the material by selecting the custom material from the binding dropdown under Material Bindings.

In a Reality Composer Pro scene, select the shader graph and create a new Material.

Open the model, click the texture and click the eye in the pop up that appears. Then, press Command + S to save the texture.

For particle emitters created in Reality Composer Pro to work as expected, you must programmatically add them to the content of a RealityView.

Create a new Scene, add a Particle Emitter and configure its properties.

Open a Reality Composer Pro project and press Command + N. Alternatively, use the menu and select File > New > Scene...

Create a project in Reality Composer Pro, drag & drop its parent folder into XCode & then add the package to targets framework, libraries and embedded content.

Open Reality Composer Pro and press Shift + Cmd + N. Alternatively, use the menu and select File > New > Project...

In Xcode either: 1/ Select a USDZ and click "Open in Reality Composer Pro" or 2/ in the menu, File > Open Developer Tool > Reality Composer Pro.

Drag and drop the FBX into Reality Converter and export it. Works with AR Quick Look

Open the project, import the USDZs to the scene and export it.

To hide or show the XCode preview interface in XCode, in the top menu bar, select Editor > Canvas.

To animate a models scale and position, create a new transform that adjusts its scale and translation and use a FromToByAnimation.

To animate a model across its axis, use a FromToByAnimation.

To set the position, scale or rotation add a model within a window, volume or space, use a RealityView, load the model and set the relevant parameters.

To programmatically add a model to a window, volume or space, use a RealityView, load the model and add it to the RealityView's content.

A SwiftUI guide for previewing SwiftData actions and data in XCode Previews.

A guide for helping you setup SwiftData with a SwiftUI project.

You can overwrite the app fonts using Maysam Shahsavari but it won't work in Swift previews.

Use the "preferredColorScheme" modifier along with ".dark" or ".light" to preview dark or light mode.

A step by step tutorial describing our method for creating a source of truth for custom styled text in SwiftUI. Github repository included.

Add the relevant environment variable to the XCode preview.

In XCode, open your Swift Macro and in the Macro definition, set the names to "arbitrary".

Sample code for producing multiple previews for a single SwiftUI view.

To preview localizable content within a XCode Preview, use an environment variable or pass a language code to an object that holds localizable information.

A tutorial that provides custom code for creating a Swift macro that checks for specific cases, defines variables and initializers in Swift and XCode.

A step by step tutorial describing our method for creating multilingual apps in SwiftUI. Github repository included.

The Model macro converts a Swift class into a stored model that’s managed by SwiftData.

The identifiable protocol uses an identifier (id) to allow SwiftUI to create unique elements with a stable notion of identity to a class or value type.

A protocol is a blueprint that defines a set of methods, properties, or other requirements that a conforming type must implement.

A macro is a compile-time feature introduced in Swift 5.9 (with Xcode 15) that allows developers to write code that generates other code during compilation.

Property wrappers in Swift are a powerful feature that allows you to define custom behaviors for properties and often update any relevant UI when changed.

A SwiftUI @SceneStorage property wrapper allows you to read and write persistent, scene specific scene data that is only available within views.

A SwiftUI @AppStorage property wrapper allows you to read and write UserDefault values and updates relevant UI when the properties change.

A SwiftUI @Environment property wrapper enables values to be accessed globally and when observed, update any relevant UI when the values change.

A SwiftUI @Bindable property wrapper allows bindings to be created from that type. Most of the time, these bindings are to Observable types.

@Observable is a macro that enables observation in SwiftUI empowering apps to track model properties and makes relevant UI updates when properties change.

A SwiftUI @Binding property wrapper creates a two way reference to the @State property wrapper of another view.

The SwiftUI @State property wrapper creates a new internal source of data for a view, manages its storage and provides read and write functionality.

Add the relevant immersive styles to an immersive scene.

Update the info.plist to allow for immersive experiences and configure your immersive space in the app.

Create an ornament view and in the app, add the ornament to a view within a window group.

Immersive experiences can be created using RealityKit or Metal and must be activated from the main window.

To open and close windows and volumes, add them to the app and use the openWindow and dismissWindow environment variables within a button.

If you own an iPhone in the United States, you can pay at FIFA events with Apple Cash.

To open multiple windows or volumes, add the volumes and windows with unique identifiers to the app and use the openWindow environment variable within a button.

In XCode, create a new VisionOS project and set the initial scene to "Volume."

In XCode, create a new VisionOS project and set the initial scene to "Window."

An autonomous process that leverages large language models and other AI models to produce an outcome.

In AI, a graph is a data structure used to model relationships between entities. It consists of nodes and edges that connect pairs of nodes.

Generative UI leverages large language models (LLMs), design systems and dynamic templates to transform intent into an accurate visual outcome.

Generative Interfaces, also known as Generative UI or GenUI, are interfaces that leverage a design system and AI to dynamically render content based on context.

App Intents is an Apple framework that enhances your apps ability to be discovered and used via Siri and Apple Intelligence.

A template that creates a web page or screen via a layout which is generated by feeding content to components that can be mixed and matched in any order.

A template that creates a web page or screen with a specific layout by providing content to a set of components that are laid out in a fixed order.

Using a presentation overlay that includes a PageNumber, create a presentation and use the Paginate plugin.

A step by step guide for creating a presentation overlay that shows page numbers.

Click Libraries, search for the Library and click "Add to File."

Libraries are a great way to create a shared resource for styles and components.

To resolve hostname is not configured, update the next.config file to include the details of the image provide in the images > remotePatterns array.

A step by step guide for setting up a clean NextJS project to work with Contentful.

A guide for setting up, creating and using aliases in NextJS.

A step by step guide on creating a .env file, defining environment variables and using them in a NextJS project.

Access the project, select deployments and on the branch and commit that you wish to redeploy, select the menu button and click Redeploy.

Create a branch, commit and push the changes to the git provider. After the branch builds on Vercel, copy the branch url and go to it.

Push a change to a branch, wait until Vercel rebuilds the project and refresh the project webpage.

A step by step guide for gathering the URL for an app deployed on Vercel.

A guide to adding, removing or editing env variables in Vercel.

A step by step guide for deploying a NextJS app to Vercel.

A step by step guide on creating a NextJS project that uses Typescript and Tailwind CSS.

An overview on the global app market that covers consumer spending, market sizes and the latest trends.

A list of links to our open source playbooks.

A list of links for examples for playbooks ranging from strategy, design and development to operations, team building and managing incidents.

A playbook is a pre-defined game plan for a specific purpose. They can be applied to any field or initiative.

What if we could use technology to help everyone see and understand entertainment experiences like the opera, ballet, cinema and theater better?

The future of in-stadium experiences involves mixed reality glasses that augment the visualization on the floor or pitch.

A guide to the pros and cons of native frameworks (i.e. Swift and Kotlin) vs cross-platform frameworks (i.e. React Native and Flutter).

Code for creating a value-limiting algorithm that clamps values in a signal in Arduino (C++).

Code for applying a high-pass filter to a signal in Arduino (C++).

Code for applying a low-pass filter to a signal in Arduino (C++).

To resolve the conflict, declare the enums with different names, under different namespaces.

A guide on declaring standard enums with enumeration constants as well as enums and constants that live within a namespace in Arduino (C++).

A technology that allows computers to blend in and interpret the real-world as well as to create digital, augmented projections within a users field of view.

An interactive experience that blends the real world with a digital world and which allows physical, real-world interactions to change the digital world.

A simulated digital experience that immerses a user in an artificial three-dimensional (3D) world through a headset that tracks their movement and pose.

An interactive experience that overlays three-dimensional (3D) environments, objects and other computer graphics on-top of the real world.

The term "polygon count" refers to the number of polygons in a 3D model, object or geometry. Large polygon counts are complex and expensive to render.

In Computer Graphics, the term "attributes" refers to variables that are defined in software and which are only available in the vertex shader.

In Computer Graphics, the term "varying" or "in/out" refers to variables that are defined in the vertex shader and which are passed down to the fragment shader.

In Computer Graphics, the term "uniform" (plural: "uniforms") refers to a variable that is passed down to the vertex and the fragment shader.

In Computer Graphics, the term "shader" refers to software that uses two four-dimensional (4D) programs that define the form and appearance of an 3D object.

In Computer Graphics, the term "fragment shader" refers to the four-dimensional (4D) program that defines the appearance of an object, model or geometry.

In Computer Graphics, the term "vertex shader" refers to the four-dimensional (4D) program that defines how vertices are arranged in space.

The term "volume" (plural: "volumes") refers to an element that allows apps to display 3D content in a defined bounds, sharing the space with other apps.

The term "window" (plural: "windows") refers to a three-dimensional (3D) element that acts as an app and a scene.

The term "passthrough" refers to the real-world video that is used to bleed a users surroundings into their digital world, producing a mixed-reality experience.

The term "immersion" has three styles: mixed, progressive and full; and refers to how much an experience integrates the real-world environment or digital world.

The term "full immersion" refers to an app or experience that completely immerses a user in a digital world that takes up the entire space around them.

The term "progressive immersion" refers to an app or experience that takes up the entire shared space, whilst integrating the real-world around it.

The term "mixed immersion" refers to an app or experience that exists within a window in the shared space.

The term "space" refers to how an app or an experience lives within a headset, which range from a shared space to the full space.

The term "Full Space" refers to an app (i.e. an experience) that takes up the entire space surrounding a user.

The term "Shared Space" refers to the area that a user finds themselves when they turn on a headset (i.e. VisionPro or Meta Quest). Apps launch here by default.

In A/R, V/R and M/R, the term "rigging" refers to setting up or modifying a "rig" or "skeleton" in order to enable a 3D model to perform poses or animations.

In A/R, V/R and M/R, the term "joint" (plural: "joints") refers to the building blocks of the skeleton of a 3D model that enables poses and animations.

In A/R, V/R and M/R, the term "light" (plural: "lights") refers to how a node illuminates a 3D model, space or region within a scene.

In A/R, V/R and M/R, the term "camera" (plural: "cameras") refers to the object that allows a user to move within or observe an area of a scene.

In A/R, V/R and M/R, the term "material" (plural: "materials") refers to how a model, geometry or object looks on a screen.

Physically based rendering (PBR) is a computer graphics approach for producing photo-realistic surfaces and materials, that accurately model physics and light.

In A/R, V/R and M/R, the term "texture mapping" refers to a method for applying visual detail, patterns or surface quality to a 3D object, model or geometry.

In A/R, V/R and M/R, the term "UV Coordinates" refers to the 2D coordinates of the UV map, where U is the x coordinate and V is the y coordinate.

In A/R, V/R and M/R, the term "UV Mapping" refers to the process of generating a 2D representation of a 3D object, model or geometry.

In A/R, V/R and M/R, the term "texture" refers to an image which produces the final visual output of a model, geometry or object.

In A/R, V/R and M/R, the term "scene" refers to the entire digital world, or one of many, that is available as part of the experience.

In A/R, V/R and M/R, the term "environment" refers to what surrounds the user within the experience.

An overview of how computer graphics are rendered in augmented reality (A/R), virtual reality (V/R), mixed reality (M/R) and spatial computing.

In A/R, V/R and M/R, the term surface (plural: "surfaces") refers to the two-dimensional (2D) or three-dimensional (3D) area of a face or polygon.

In A/R, V/R and M/R, the term polygon (plural: "polygons") is a plane or a face that is created by the edges produced by three or more vertices.

In A/R, V/R and M/R, the term face (plural: "faces") is one of the individual flat surfaces of a geometry, model or object.

In A/R, V/R and M/R, the term "edge" (plural: "edges") is a line segment between two vertices where two faces meet.

In A/R, V/R and M/R, the term "vertex" (plural: "vertices") is a point where two or more line segments meet.

In A/R, V/R and M/R, the term "mesh" refers to a collection of vertices, edges and faces that form a three-dimensional (3D) object.

In augmented reality (A/R), virtual reality (V/R) and mixed reality (M/R), the term "object" (plural: "objects") refers to a three-dimensional (3D) element.

In A/R, V/R and M/R, the term "model" (plural: "models") refers to a three-dimensional (3D) object.

In A/R, V/R and M/R, the term "geometry" (plural: "geometries"), refers to a three-dimensional (3D) shape that has three dimensions: length, width and

The area within the point of view of a camera that is visible in an augmented reality, virtual reality, mixed reality or spatial computing experience.

A set of 3D data points that map the world surrounding a camera, which enable the construction of augmented reality (A/R) or mixed reality (M/R) experiences.

The part of the scene that is visible to the user within an augmented reality (A/R), virtual reality (V/R) or mixed reality (M/R) scene.

The region of a smartphone, tablet or computer where computer graphics can be rendered.

Within a relative container, create a gradient text then separately, with an absolute position, create the same text outlined. Open Source code included.

Chain the filters sequentially and apply them to both the -webkit-filter and filter CSS property.

Chain one or more drop-shadow filter effects and apply them to both the -webkit-filter and filter CSS property. Open Source code included.

Use the background,  -webkit-background-clip and  -webkit-text-fill-color CSS properties. Open Source code included.

Use the text-shadow CSS property instead of the -webkite-text-stroke CSS property. Open Source code included.

A process for creating a brand from scratch.

A seven step guide to creating a Brand Strategy.

A two step process for writing a good slogan.

A two step process for writing a good tagline.

An eight step process for crafting a logo.

A good logo represents the spirit of a brand, is noticeable and memorable and can only be interpreted in specific ways.

A nine step process for creating a brand pyramid.

A three step process for writing a brand mission statement.

The fundamental components of a brand are its mission, brand pyramid, logo, tagline, slogan, brand assets and its styleguide, brand styleguide or brand book.

A plan to make sure that a brand image successfully matches a brand identity.

A set of strategic rules to recreate a brand identity for all internal and external communication which often come as part of a Brand Book or Styleguide.

A document that sets specific guidelines for the use of brand asset to re-create a brand identity across all internal or external communications.

The way a brand is seen or perceived by the public.

The DNA of a brand which can be described as how a brand wants to be seen and is created by combining the brand pyramid, brand mission and brand assets.

Recognizable elements that embody a brands identity which range from the physical to the digital and include materials, images, videos, colors, sounds and text.

A short memorable phrase that helps customers remember a brand (i.e. an entity, organization, business, company or individual).

A tagline is a short, permanent phrase that identifies a brand (i.e. an entity, organization, business, company or individual).

A graphical mark, emblem or symbol that visually represents an entity (i.e. a brand, organization, business, company or individual).

A tool that answers fundamental questions about a brands purpose, character, what it offers and acts as an effective aid when framing a brand to customers.

Abraham Maslow (1954) created a 5 tier pyramid that describes the order in which humans seek to full-fill needs in order to feel motivated to act and evolve.

A short statement that explains the vision, purpose and value proposition of a business.

Branding is a reputation that results from all the activities that a company, it's employees and all of its products and services generate on a target audience.

A guide for redesigning, refining and rebuilding a product, service or experience to future-proof it, boost performance and deliver enhanced value.

A guide for optimizing or expanding a product, service or experience to enhance performance, boost efficiency and deliver value to a target audience.

A guide for validating a business idea, creating a go-to-market strategy and launching a product, service or experience that generates a return on investment.

A three step process for determine the market value of a product, service or experience.

Market value describes how much a company, asset, industry, product, service or experience is financially worth.

A three step process for defining the total addressable market (TAM), serviceable addressable market (SAM) and serviceable obtainable market (SOM).

A market size describes the number of potential customers and can be measured by three terms: TAM, SAM and SOM.

A five step process for creating a GTM strategy.

A methodological approach for introducing a new product, service or experience to consumers or penetrating an untapped market.

A guide for efficiently and cost-effectively outsourcing a product demo (i.e. video or prototype) to an agency or consultancy.

A cost-effective guide on working with a partner to create low fidelity to high fidelity rapid-prototypes, validate business ideas and achieve desired outcomes.

Our process for exploring a business idea, validating its value and that it will produce a return on investment (i.e. that people are willing to pay for it).

Set the color profile to RGB (not CYMK) to fix the libjpeg error that occurs when converting an image to a WebP in Terminal.

A step by step guide to adding trailing slashes to the end of a URI/URL.

“Lag” metrics are defined as aggregated data that is measured over time and demonstrates the impact of the work over time.

“Lead” metrics are defined as real-time data required to understand what is needed or occurring at any given moment. Examples included below.

A 3 step process for carrying out a Sprint 0.

A 2-3 week period at the start of a project intended for the team to come together to understand the project and develop a backlog and project skeleton.

A four step guide to carry out a Post-Mortem.

A meeting conducted at the end of a project with the purpose of discussing as a team what worked, what could be improved and what should not happen again.

KPIs aren't a one and done, they take a deep understanding to define and must be developed over time.

KPIs can be broken down into seven types: Inputs, Process, Outputs, Outcomes, Projects, Employees and Risk.

A KPI stands for a Key Performance Indicator and is a critical, quantifiable indicator of progress towards an intended result.

CFRs stand for Conversation, Feedback and Recognition and were created by Andy Grove during his time as CEO of Intel in the 1970s.

Examples and best practices for writing OKRs.

OKRs stands for Objectives and Key Results and were created by Andy Grove in the 1970s during his time as CEO of Intel.

A four step process to defining a hypothesis and determining if you should support (i.e. accept) or reject the hypothesis.

Support (never say "Accept") or reject a hypothesis based on statistical evidence that determines if there is a significance level.

Tech validation is often executed through purpose-specific prototypes and is the process of demonstrating that an innovative idea can be created.

Prototype at the right fidelity for the task at hand and iterate whilst raising fidelity as you validate a hypothesis and customer demand through interviews.

A good prototype depends on the situation at hand and what you are trying to validate.

An interactive representation of a product, service or experience that offers close to final functionality, design and features.

A representation of a product, service or experience that has minimal functionality, a rough design and is low-cost to build.

A clickable prototype is an interactive representation of a product, service or experience created from images or video without any true functionality.

A six step process to creating a product, service or experience via the Concierge Treatment.

A manual minimum viable product (MVP) that uses none or the minimum amount of technology to validate a hypothesis and gather feedback from a target audience.

A video that demonstrates a concept with the purpose of validating a hypothesis and determining if it is valuable to a target audience.

A simplified, efficient, and concise product, service, or experience that enables companies or individuals to test a hypothesis on a target audience.

A white-glove service that is offered to paying early adopters (i.e. customers) which caters a product or service to them.

Value identification, Value Stream Mapping, Efficient Workflow, Pull System and Improvement.

Lean methodology originated in Japan in the 1930's and is focused on eliminating waste, improving processes and boosting innovation.

Learn how the Royal College of Art, Harvard, IDEO, Frog and Copenhagen Institute of Interaction Design invent products that produce a return on investment.

An iterative innovation model that takes companies or individuals through four steps: Clarify, Ideate, Develop and Implement.

A service design innovation model involving three parts: Discover, Design & Deliver.

An iterative innovation model that has six steps: frame a question, gather inspiration, generate ideas, make ideas tangible, test to learn and share the story.

A design process, or innovation model, which enables teams to create something of value through four stages: discovery, definition, development and delivery.

Select the ticket and scroll to the "More fields" section.

Click the X at the end of the issue or web link.

A guide to linking a web page to issues (i.e. tickets) such as user stories, tasks, subtasks or bugs.

A guide to linking issues (i.e. tickets) such as user stories, tasks, subtasks or bugs to eachother in JIRA.

A guide to creating a subtask, known as an agile user story, issue (i.e. ticket) in a JIRA project.

A guide to creating a bug in JIRA.

A guide to creating a task in JIRA.

A guide to modifying the details of an issue (i.e. ticket) in a JIRA project.

A guide to creating a user story issue (i.e. ticket) in a JIRA project.

Open a Jira Project, select timeline, click +Create Epic, name the Epic and modify the details.

A scrum and agile guide to grooming a backlog.

A project management technique focused on educating a company on how to maintain & holistically understand a new or improved product, service or experience.

A project management technique which ensures that a company successfully transitions to a new or improved product, service or experience.

A project management approach that involves breaking the project into phases and emphasizes continuous collaboration and improvement.

A six step process to creating and maintaining a Product Roadmap.

A Roadmap, or Agile Product Roadmap, is a plan of action of how a product, service or experience will evolve over time.

A chart that tracks the completion of a Sprint and offers metrics that help teams predict the amount of work that can be done.

A five step process to conducting sprints.

A three step process to writing Acceptance Criteria.

The "AC" is considered the "definition of done" and are the conditions that must be satisfied in order for a piece of work to be considered complete.

A three step process to conducting Sprint Retrospectives.

A key Scrum ceremony held at the end of a Sprint where teams reflect on what went well, what could have gone better and what went wrong.

A three step process to Sprint Planning or Sprint Grooming.

A five step process to conducting a Sprint Review.

A key Scrum ceremony in the form of a presentation to the client or leadership of the work that has been done at the end of a Sprint that includes a demo.

A four step process to conducting a Stand-Up.

A key Scrum ceremony in the form of a daily meeting where teams discuss what work was done, what went well, what could have gone better and what went wrong.

The process of continuously prioritizing and updating the body of work required to execute an initiative.

The five values of scrum are Commitment, Courage, Focus, Openness and Respect.

The key ceremonies of Scrum are organizing the backlog, sprint planning, sprint, sprint review and sprint retrospective.

Scrum is an agile project management framework that helps teams structure and manage their work through a set of values, principles and practices.

Sprint planning or sprint grooming is an event that defines the goal of the sprint, what can be delivered and how that work will be achieved.

A short, time-boxed period where a team completes an objective with a set amount of work.

A four step process for creating a product backlog.

A backlog, or product backlog, is a prioritized list of work for the team.

The most basic version of a codebase in the form of a scaffolding or structure that sets up a development project up for success.

A guide to writing epics.

A three step process to writing user stories within an Agile Methodology project.

An agile epic is a body of work under an initiative that can be broken down into specific tasks, known as user stories.

Agile User Stories, also known as subtasks, are the smallest unit of work within a user story.

User stories, also known as tasks, are an informal, general explanation of a software feature written from the perspective of the end user.

A seven step process for uncovering a market fit for a product, service or experience.

Product-Market Fit (PMF) is defined as the alignment of a product to the needs of its target audience.

A four step process for creating a Value Proposition Canvas.

A tool for companies and individuals to tie products and services to the gains and pain points of a target audience.

A term coined by Paul Pangaro, Hugh Dubberly, and CJ Maupin which refers to the biological cost associated with making something happen.

5 different examples of successful, existing business models.

A four step process for creating a business model canvas.

A strategic management and entrepreneurial tool for documenting existing or developing new business models.

A four step process for creating a value proposition.

A statement that conveys what a business does and how it's different to its competitors.

A four step process for writing design principles.

A set of rules, considerations or statements that serve as a guide to make sure companies stay on track whilst creating a product, service or experience.

A four step process for writing design thinking and design research insights.

Insight are research-driven, succinctly articulated statements that describe a dilemma, pain point or motivation that is faced by a target audience.

A four step process to writing How Might We's (HMWs).

A design thinking methodology that frames your challenges as "How Might We" or "HMW" questions to generate intentional, thoughtful and focused solutions.

A five step process on carrying out an emotional analysis.

Sentiment analysis, which is also known as emotional analysis, is the process of analyzing text, audio and video to determine how your target audience feels.

A five step process for creating empathy maps.

A holistic visualization of a user's attitudes and behaviors towards a product, service or experience.

A five step process for creating service blueprints.

A diagram that illustrates all the relationships, components and processes that enable a service to provide value to a customer.

A five step process to creating a user journey map.

A user journey map is a visualization of the process that a person goes through and the emotions that they feel when using a product, service or experience.

A six step process to creating personas.

A persona is a profile that describes the lifestyle, behavior, needs, wants, goals and background of a member of your target audience.

A four step process to carrying out desk research.

A seven step process for planning and conducting focus group interviews.

A focus group is a group interview with participants from your target audience.

Primary Research involves collecting original data for a specific topic or use case.

Secondary research involves finding, analyzing and cross-referencing data that others have created before you.

A five step process for carrying out a SWOT analysis.

A five step process to carrying out a competitive analysis, competitor analysis or competition analysis.

A four step process on carrying out A/B tests.

A three step process to carrying out functional tests.

A four step process to carrying out usability tests.

A six step process to creating and carrying out surveys.

A six step process to creating and carrying out longitudinal studies.

SWOT, which stands for Strengths, Weaknesses, Opportunities and Threats; is a strategic planning tool for evaluating a companies competitive position.

A competitor analysis, also known as a competition analysis or competitive analysis, is the process of identifying businesses competing for the same customers.

Answer the following five questions and write a statement that defines your target audience.

A target audience is the population that you are trying to reach with your publication, advertising, product, service or experience.

An A/B test is a way to compare two different things to see if one performs better than the other.

A functional test involves evaluating a product, service or experience to confirm that it works as expected.

A usability test involves evaluating a product, service or experience by testing it with a representative user from the target audience and observing results.

Surveys, such as questionnaires or forms, are a method for gathering information with the aim of gaining a better understanding of a population or audience.

Longitudinal studies employ continuous or repeated measures to follow particular individuals over prolonged periods of time—often years or decades.

Write the hypothesis with clearly defined variables and define what makes results significant (Alternative Hypothesis) or insignificant (Null Hypothesis).

An alternative hypothesis, or Ha, states that there is statistical significance between two variables.

A null hypothesis, or H0, states that there is no statistical significance between two variables.

To create a hypothesis, research a topic, define your variables and phrase it as an if-then statement.

A hypothesis is a statement that describes an assumption that is sought to be proven through research and testing.

A problem-solving methodology that puts real people at the center, enabling you to create products, services and experiences that resonate with your audience.

An iterative process centered around understanding users, challenging assumptions, refining problems with the purpose of creating innovative solutions.

Design research allows you to understand the needs, the problems and the environment of your target audience in relation to your product, service or experience.

Desk Research, also known as secondary research, involves reviewing existing, published work to gain a broader understanding of the field or topic of study.

Quantitative research, in contrast to qualitative research, deals with data that is numerical or which can be converted into numbers.

An umbrella phrase that describes many research methodologies, which draw on data collection techniques such as interviews and observations.

A qualitative research approach that involves one-on-one engagements. They are used to gather an honest, intimate and profound understanding of an audience.

Brainstorm or create notes, Categorize and Act.

An Affinity Diagram, also known as an Affinity Map or Affinity Chart, is a visual tool that allows you to organize information from a brainstorming session.

12 design thinking methodologies for translating design research into actionable products that help you generate ideas that produce value for a target audience.

Synthesizing research involves combining multiple sources to make an overall point or to demonstrate that you have engaged a topic holistically.

A six step process on carrying out user research.

A form of primary research that aims at understanding a target audience and validating that their needs will be satisfied.

Start the DDEV Instance and in Terminal run ddev import-db --file=DB_PATH.

A dummies guide to creating, updating, deleting and using Passwords and Passkeys on an iPhone, iPad or Mac.

A guide on using a password or passkey in the Apple password manager on an iPhone or an iPad in Safari.

A step by step guide on deleting a password or passkey in the Apple password manager on an iPhone.

A step by step guide on updating a user name or password in the Apple password manager on an iPhone.

A step by step guide on copying a user name or password in the Apple password manager on an iPhone.

A step by step guide on creating a password on the Apple password manager on an iPhone.

A step by step guide on creating a password on the Apple password manager on an iPhone or an iPad.

A guide on using a password or passkey in the Apple password manager on a Mac in Safari.

A step by step guide on deleting a password or passkey in the Apple password manager on a Mac.

A step by step guide on updating a user name or password in the Apple password manager on a Mac.

A step by step guide on copying a user name or password in the Apple password manager on a Mac.

A step by step guide on creating a password on the Apple password manager on a Mac.

A step by step guide on opening the Apple password and passkey manager on a Mac.

Solutions for "There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering."

Add the loading="lazy" property to the HTML syntax of the image, video or iframe.

Use the official WAI ARIA roles defined in the World Wide Consortium (W3C) Accessible Rich Internet Applications (WAI-ARIA) 1.1 specification.

A solution for "Hydration failed because the initial UI does not match what was rendered on the server."

Unlike ReactJS, in GLSL you can only include a file once within an entire program.

Resources and open source code for writing GLSL shaders that use lights in ThreeJS and ReactJS.

Create a shader that takes in multiple lights as uniforms. Then, add up their properties to determine the combined final result.

A step by step guide for coding a spot light shader in Typescript, ReactJS, ThreeJS, ViteJS and GLSL.

A step by step guide for coding a point light shader in Typescript, ReactJS, ThreeJS, ViteJS and GLSL.

A step by step guide for coding a directional light shader in Typescript, ReactJS, ThreeJS, ViteJS and GLSL.

A step by step guide for coding an ambient light shader in Typescript, ReactJS, ThreeJS, ViteJS and GLSL.

We are on the verge of a new streaming category that offers real-time 3D reproductions of Football (Soccer) games which can be seen from any position & angle.

We grew by more than 2700%, producing over 235K clicks and 6M impressions.

A webpage's SEO will be affected if you not show all the content of a webpage at load time.

A brief guide describing the fundamentals of SEO through the lenses of metadata, landmarks, page structure, HTML syntax, header tags and assets.

A brief guide describing the basics behind HTML meta data: favicon, canonical url, title, description and image.

A brief guide describing the basics behind ARIA landmarks and how to correctly use them within a webpage structure.

A brief guide describing the correct use of HTML syntax.

A brief guide describing the minimum SEO requirements for headings and how header tags should be used within a webpage.

A brief guide describing how you should media (i.e. images and video) on the web.

Resources and tools for optimizing your websites search engine performance.

Use the gatsby-plugin-robots-txt along with our guide to submit a valid robot.txt file.

A correct robots.txt should live at the root of your site and requires the following things: At least one user agent, allow or disallow rules and a sitemap link

Leverage the font-display CSS feature and set it to "swap" to ensure text is user-visible while webfonts are loading.

A step by step guide on adding pages (i.e. multiple entry points) in a ReactJS and ViteJS project.

Make sure that the canonical url produced by the pages is correct.

Gatsby creates a "/*" canonical URL when using the "path" from a programmatically created page. Use the page URI to remove this error.

Update the gatsby-plugin-robots-txt plugin to reflect the correct sitemap.

A step by step guide on creating a ReactJS, ViteJS, GLSL and ThreeJS project that outputs to a build to the public directory.

A step by step guide on using dat.gui to change a Three.Color via a hex color code.

To ensure that only one dat.gui is seen on hot reload, destroy the gui in the componentWillUnmount event within a useEffect hook.

A step by step tutorial on creating UI that allows you to dynamically adapt a 3JS scene in realtime.

To use typescript path aliases in Typescript & ViteJS, setup your paths in the TSConfig and match them in the vite.config.js.

To use include statements in ReactJS and 3JS, you must use a GLSL enabled ViteJS project.

To create a structured GLSL project in ReactJS & ThreeJS, create a GLSL ViteJS enabled project and use the #include statement along with the files path.

To use GLSL shaders in ReactJS create a ViteJS GLSL enabled project or use the raw-loader package with Webpack.

Resources for working with ReactJS, ThreeJS & GLSL.

A step by step guide on creating a GLSL powered React, Typescript & 3JS ViteJS project.

Create a buffer attribute and use it to set the attribute of a geometry.

A step by step tutorial on coloring the faces of a box geometry using a shader in ThreeJS using ReactJS.

Import the Orbit Controls, set them up and update them in the animation frame.

A step by step guide on implementing a shader in a 3JS cube using ReactJS.

Pass in the relevant uniforms to the shader material and create uniform parameters in both the vertex and fragment shader.

Create a "varying" variable outside of both the vertex and fragment shader. Set a value in the vertex shader and access it in the fragment shader.

A step by step guide on adding an ambient light to a scene in ThreeJS and learning how they adapt a material that uses a shader on a plane geometry in ReactJS.

A step by step guide on adding lights to a scene in ThreeJS and learning how they adapt the standard material on a plane geometry in ReactJS.

A step by step guide on implementing a shader in a 3JS plane using ReactJS.

To resolve ReactJS rendering an additional canvas every time a hot reload takes place, remove the renderer from the scene's ref when the component unmounts.

A step by step guide on creating a 3JS ReactJS project that updates its scene as the screen scales.

Verify that the isDeleted parameter of a SwiftData object is false before reading parameters to avoid an app from crashing after an object has been deleted.

Update the datasource and then, use the insertItems and deleteItems functionality to animate changes in a UICollectionView datasource.

A step by step tutorial on presenting a user with a preset email from an UIView or UIViewController in Swift.

Use static properties to allow your app to alter or update an actor's property within the main actor.

Use static properties to allow your app to access or reference an actor's property without async/await.

A step by step tutorial on creating a global actor in Swift. Github repository included.

To allow alpha transparency or opacity in an MTKView's background color set the isOpaque property of the MTKView to false.

To change the background color, set isOpaque to false and set the clearColor to a MTLClearColor.

If your app stalls, freezes or is delayed when in use or when coming back from the background, analyze the CPU and Memory to identify the cause.

To profile CPU usage in XCode, run the app then open the Debug Navigator and click on "Profile in Instruments."

A step by step on creating a custom progress indicator in Swift and Xcode.

To tell SwiftData that a variable should not persist and always start at a default value on launch, use the @Transient annotation.

Make sure that the SwiftData variable conforms to the Codable protocol.

To include complex values such as structures, enumerations or other value types to a SwiftData model, make sure that they conform to the Codable protocol.

To send a Bluetooth Low Energy (BLE) UART message that does not end with a null character (i.e. "\0"), create a char* from your string and send the message.

To send a Bluetooth Low Energy (BLE) UART message that ends with a null character (i.e. "\0"), create a uint_8 array that holds the bytes and send the message.

To change the Maximum Transmission Unit (MTU), use the Bluefruit's library configPrphBandwidth or configCentralBandwidth function along with a Bandwidth Enum.

Using do-try-catch syntax, pass in the item type and data to a JSONEncoder to decode the data into a JSON object.

Using do-try-catch syntax, pass in the JSON type and data to a JSONDecoder to encode JSON into data.

To control anti-aliasing in Metal, set the sample count of the MTKView and the raster sample count of the MTLRenderPipelineDescriptor to the same value.

A guide on the functions that allow you to stop, start, remove or invalidate a CADisplayLink.

A step by step tutorial on animating the origin of a shape in Metal using a CADisplayLink.

A guide for learning how to create shared Metal variables and functionality that can be used across Metal files in XCode.

A MTKView constantly renders a shader at the refresh rate of a device (60FPS). To start or stop the MTKView from rendering, set isPaused to true or false.

To make a Metal fragment shader show alpha transparency, update the settings of the MTLPipelineDescriptor's first color attachment.

A step by step tutorial on drawing shapes that use different shaders in a UIView using Metal.

A step by step tutorial on drawing multiple shapes, filled or outlined, in a UIView using Metal.

Define any helper functions above the vertex and fragment shader functions.

A step by step tutorial on drawing a filled or outlined shape that interpolates color values between vertices in a UIView using Metal.

A step by step tutorial on drawing a shape (i.e. a triangle, square, pentagon or circle), either filled or outlined, in a UIView using Metal.

A step by step guide on adding a local Swift Package through the Swift Package Manager in XCode.

Our curated list on Metal resources and documentation to enable you to learn and develop apps that use metal.

A step by step tutorial on implementing a MTKView in a UIView that passes data from the vertex function to the fragment function in a metal shader.

A step by step guide on creating a MTKView in a UIView and passing variables or structured data through "uniform" or "argument" buffers to the Metal shader.

Setting the thickness of a stroke or the line width is not available in Metal, instead you must draw triangles to produce an outline of your shape.

A step by step tutorial on implementing a MTKView in a UIView that draws a shape with an outline.

A step by step guide on setting up a MTKView, Metal Shader and associated files to work within a UIView, through the example of a Triangle.

Hardware-accelerated graphics on Apple platforms by providing a low-overhead API, rich shading language and a tight integration between graphics and compute.

If an app tries to use Bluetooth and Bluetooth is turned off or permissions are denied, a pop-up will appear prompting the user to allow Bluetooth in Settings.

A guide for setting up an Arduino project to work with JSON, including a sample use case.

A guide for creating and using Singletons.

Create and use reusable classes that optimize your code for modularity.

Create a new header and CPP file and define the constants. To use the constants, include the header file in your script and implement the constant.

Use the "Serial" and "yield" function together or in combination with a timer or a macro.

A guide for our Arduino log system which is available through our Open Source project on Github.

Optimize your work into modular components designed for reusability.

To set a line clamp, select a text element and open the type settings. Within the type settings window, change the truncate text option and max lines.

Select a text element and open the type settings. Within the type settings window, change the truncate text option.

A resources guide for finding royalty iconography (i.e. symbols, glyphs or icons) for physical or digital products.

A list of websites that help you draw inspiration when designing physical or digital products.

Links to resources for great website and app designs.

A resources guide for learning CSS.

Developer Mode does not appear automatically and has been designed this way to avoid malware. Connect your iPhone or iPad to XCode to solve this issue.

UIKit Code for adding or removing an SF Symbol Effect from a UIImageView.

Use the code below to perform an animation when switching between SF Symbols.

In the project's s settings, select the relevant target and under "Build Settings", set "User Script Sandboxing" to No.

Copy the symbol from the SF Symbols app and make sure that the font family to SF Pro or SF Compact.

Technology Design Systems are a series of documents that holistically describe a digital experience and include visual, experiential and technological guides.

An outline of the elements that are used across a system including how they connect together, what their purpose is and how they produce the desired outcome.

A singleton is a unique, purpose-driven object within a digital system that acts as a global manager and access point for functionality and variables.

Coordinators are managers that control the visual experience, wireless interactions and manage the data of a mobile app, website or digital experience.

A step by step guide on updating objects in a SwiftData persistent storage container using SwiftUI, UIKit or AppKit.

A step by step guide on deleting all objects in a SwiftData persistent storage container using SwiftUI, UIKit or AppKit.

A step by step guide on deleting an object from a SwiftData persistent storage container using SwiftUI, UIKit or AppKit.

A step by step guide on inserting a new object to a SwiftData persistent storage container using SwiftUI, UIKit or AppKit.

A step by step guide on creating a SwiftUI, UIKit or AppKit algorithm that checks if an object has been added to a SwiftData persistent storage container.

A step by step guide on gathering a specific object from a SwiftData persistent storage container using SwiftUI, UIKit or AppKit.

Create an enum of type error and list the cases.

A step by step guide on gathering all the existing SwiftData objects of a specific SwiftData Model using SwiftUI, UIKit or AppKit.

A step by step guide on creating a SwiftData Model for SwiftUI, UIKit or AppKit.

Code for a UIKit or AppKit application that enables you to access or create a SwiftData Persistent Container.

A guide for helping you setup SwiftData with an iOS17+ project.

A step by step guide on detaching or removing ghost variables (i.e. deleted variables that are still being used) from a Figma Design File.

A step by step guide on the basics behind using SF symbols in Swift.

A step by step guide on creating a UI element that uses absolute position within an auto-layout frame.

A step by step guide on creating branch protection rules that deny commits and pushes to specific branches in Github.

A list of commands that help you troubleshoot git lfs problems.

A step by step guide on adding git large file storage (lfs) to a project using Terminal.

A step by step guide on creating splash screens with multiple images for iOS, MacOS, TVOS or WatchOS apps using XCode.

If a splash screen update isn't showing - delete the app and restart the device. Then in XCode, clean the project and reinstall the app.

A best practices guide for creating splash screens for iOS, MacOS, TVOS or WatchOS apps using XCode.

A step by step guide on constraining a UI component to the edges of a UIViewController and not the safe area using XCode.

Select the UI component and add constraints using the constraints or alignment menu.

Add the image to the project and in a storyboard, add a UIImageView to a view and apply the image using the attributes inspector on the right menu sidebar.

Select a storyboard, open the library, search for the UI element and drag and drop it into a view within a UIViewController.

Drag and drop the files into the project, set the targets and click finish. Use the images in the same way you use xcassets.

Open the breakpoint navigator or in the file that holds the breakpoint, right click the relevant breakpoint and select "Delete Breakpoint."

Open the breakpoint navigator or in the file that holds the breakpoint, click the relevant breakpoint to enable or disable it.

Open the Breakpoint Navigator to view all the breakpoints of an iOS, MacOS, TVOS or WatchOS app.

A step by step guide on adding, stopping and analyzing an iOS, MacOS, TVOS or WatchOS app at a breakpoint using XCode.

A step by step guide on using a breakpoint to stop an iOS, MacOS, TVOS or WatchOS app at the splash screen in XCode.

Our curated list on Figma resources to supercharge your learning and design production.

A design system is a collection of guides, reusable components and elements that empower the creation and promotion of a physical or digital product.

A guide that provides naming conventions and references to content that will aid you in the understanding and creation of responsive designs in Figma.

A step by step guide on designing responsive grids that change the number of grid items that are displayed as the width of a frame changes.

A step by step guide on creating a component that maintains the proportion between its width and height as it scales.

A step by step guide on designing responsive screens that change layout as the width of a frame changes in Figma.

A step by step guide on creating designs with multiple layouts that change layout and the styling that is applied to text as the width of a frame changes.

A Figma guide on creating a responsive screen that after a maximum width, centers the designs on the screen and applies white space on the sides.

A Figma tutorial on creating and previewing a responsive screen that's driven by variables and which adapts its navigation bar based on the screens width.

A step by step guide on using variable collections to localize and preview designs in multiple languages.

A step by step guide on creating a design system that uses light and dark mode, applying it to a design and displaying it in Figma.

A step by step guide on changing one or many variable modes that are applied to screens, components or other UI elements within a section.

With the canvas selected, click Change variable mode and select the mode to default to.

A guide to creating atoms, a styleguide and layout manager that uses variables for an app, website or another digital experience.

A guide on applying number variables to numerical values and text values.

Select a UI element, open the Color Styles menu and select a color variable.

Select an element, right click on the eye icon under Layer and click the Boolean Variable.

Select the text and on the right hand menu, open the variable menu and select the text variable.

Styles provide a systematic way for you to create a design system and can be created and applied to typography (text), colors, images, videos, effects & grids.

A step by step tutorial on setting up grid styles in Figma.

To unlink a style, whilst keeping its properties, click the frame, text, image or path, hover over the style and press the detach symbol.

To remove or stop applying a style, click the frame, text, image or path and press the - symbol next to the style.

To delete a text, color, effects or grid style, select the Figma canvas, right click on the style and click delete style.

A step by step guide on changing, modifying or updating a text, color, effects or grid style in Figma.

A step by step tutorial on setting up effect styles in Figma.

A step by step guide on removing a mode and all of its variables from a variables collection.

A step by step guide on creating a new mode that exactly matches another variable mode within the same collection in Figma.

A step by step guide on changing or updating a variable mode within a collection in Figma.

A step by step guide on creating a new variables mode in a variables collection in Figma.

A step by step guide on creating a variable that links to or references another variable. Tokens are only available for colors and numbers.

A step by step guide on deleting a collection of variables in Figma.

A step by step guide on changing or updating the name of a collection of variables in Figma.

A step guide on changing the active collection of variables in the variables window.

A step by step guide on creating a new variable collection in Figma.

A step by step guide on deleting a variables group whilst keeping the variables, deleting a group and its variables or copying a group and its variables.

A step by step guide on moving a variable into a variable group within a collection.

A step by step guide on adding a new variable to an existing group within a collection.

A step by step guide on changing/updating the name of a group of variables within collections in Figma.

A step by step guide on creating a variables group within collections in Figma.

A step by step guide on changing/updating the value of a Color, Number, String (i.e. text) or Boolean (i.e. On/Off) variable in Figma.

A step by step guide on deleting a Color, Number, String (i.e. text) or Boolean (i.e. On/Off) variable in Figma.

A step by step guide on changing/updating the name of a Color, Number, String (i.e. text) or Boolean (i.e. On/Off) variable in Figma.

A step by step guide on creating a Color, Number, String (i.e. text) or Boolean (i.e. On/Off) variable in Figma.

A step by step guide on accessing a Figma design files variables.

A guide that describes what Figma variables are and provides naming conventions and references to content.

Atomic Design was coined by Brad Frost and refers to a methodology for creating design systems through 5 levels: Atoms, Molecules, Organisms, Templates & Pages.

The term components in the design of digital user interfaces (UI) refers to distinct, reusable building blocks or elements.

SSH into the hosted Craft CMS and run php craft gc.

In terminal, on a DDEV instance that is up and running which is set to a craftcms project type, run ddev craft gc.

A step by step guide on verifying that a reCAPTCHA v2 token came from a human and not a robot using Serverless, AWS Lambda and Typescript.

A step by step guide on adding reCAPTCHA v2 to a GatsbyJS or ReactJS app.

Click the canvas and on the top of the right menu side bar, under page, set the new background color.

A guide for setting up your first design project in Figma

A step by step guide on creating a new page (or tab) in a Figma Design File.

A step by step guide on creating a new design file in Figma.

A step by step guide on creating a new team in Figma.

A step by step guide on downloading logs from a Craft CMS hosted on Fortrabbit using SSH and Terminal.

A step by step guide on accessing a hosted Craft CMS using SSH through the example of Fortrabbit.

A range of points that determine when a website or app should change layout.

A layout is an arrangement of visual elements, such as text, images, shapes or buttons, on printed media, a website page or an app screen.

A step by step guide on exporting one or more elements in Figma to images (PNG, JPG, SVG) or PDF.

A flex box, or Flexible Layout, is a World Wide Web Consortium (W3C) specification that describes a box model optimized for user interface design.

Auto layout is a design technology that uses constraints to dynamically adapt UI elements as the size and position of a view, screen or frame changes.

Responsive design refers to the creation of digital interfaces that adapt their design as the interface changes size or orientation.

A step by step guide on observing distances between UI elements, such as text, an image, a shape or a component, or the screen in Figma.

A step by step guide for setting constraints of a UI element, such as text, an image, a shape or a component, within a Frame (artboard) in Figma.

Constraints refers to the relationship between two user interface objects. They allow you to position a UI element in a specific place on the screen.

Variable fonts are typefaces reduced to a single file. They allow you to create animated, variable type through parameters such as weight or grade.

Symbols, which are also called Glyphs, are icons consolidated into a single font file with a wide range of design variants that allow for animation.

A guide on writing queries for a Gatsby project that uses the Craft CMS gatsby-source-craft plugin. These queries apply to the gatsby-algolia-plugin.

A step by step guide on setting up Craft CMS and Gatsby to work with the gatsby-source-craft plugin.

We have released Price After, an app that allows you to see what things cost after tax and tip, on the Apple App Store and Google Play Store.

A step by step guide on implementing a Variable Font to text and customizing its parameters in Figma.

A step by step guide on customizing the appearance of text in Figma including how to change the font (typeface), color, alignment, decoration, case and more.

A step by step guide on adding and customizing effects (Inner Shadow, Drop Shadow, Layer Blur or Background Blur) on a frame, path, shape or text in Figma.

A step by step guide on adding a border (stroke) to a frame, shape or text in Figma along with all the options for styling the stoke.

A step by step guide on adding one or more background images a frame or shape in Figma and customizing it to your need.

A step by step guide on creating a background gradient, adapting it to your needs and adding or removing a layered gradients to a frame or shapes background.

A step by step guide on changing the background color or adding multiple colors to a frame or shape in Figma.

A step by step guide on adding a corner radius to all corners or specific corners of a frame or shape.

A guide on using the pen tool in Figma.

A step by step guide on carry out boolean groups operations (union, subtract, intersect, exclude or flatten) using shapes in Figma.

A step by step guide on adding rectangles, lines, arrows, ellipses, polygons and stars to a frame in Figma.

A step by step guide on adding an image to a frame in Figma.

A step by step guide on sizing a text frame to fit its content or to custom dimensions in Figma.

A step by step guide on adding text to an artboard in Figma.

A step by step guide to controlling whether content can overflow or not in an artboard in Figma.

A step by step guide on creating a new section or converting an existing frame into a section.

A step by step guide on setting and updating the min and max values for the width or height of an artboard in Figma.

A step by step guide on updating an artboard to a different preset dimension that matches a phone, desktop or tablet in Figma with the content staying the same.

A step by step guide on switching the orientation of an artboard to landscape or portrait in Figma.

A step by step guide on changing the width and height of an artboard in Figma.

A step by step guide on creating a new artboard for a screen or a component in Figma.

A step by step guide on setting up a bare bones Android CameraX feed using Jetpack Compose, Kotlin and Android Studio.

A step by step guide on creating a Jetpack Compose Composable that dynamically adapts its width & height to fit its content via a ConstraintLayout using Kotlin

A step by step guide on changing the Splash Screen of an Android app in Android Studio.

A step by step guide for customizing an Android app icon using Android Studio.

Select the frame or objects, right click and select Copy/Paste as > Copy as SVG.

A step by step guide on loading an image from a URL and displaying it in an Android app using Jetpack Compose and Kotlin.

A step by step guide on making API requests (GET, POST, PUT, PATCH, DELETE) and converting the JSON into a readable output.

Sample code on implementing back navigation in an Android Jetpack Compose Composable using Kotlin.

Sample code on implementing back navigation in an Android Activity using Kotlin.

A step by step guide on saving and gathering local data (preferences) from a users device using Android Studio and Kotlin.

A step by step guide on keeping state values within an Activity during configuration changes such as a change in screen orientation, language or input devices.

A step by step guide for limiting an Android device's orientation to landscape, portrait or another orientation within an app.

A step by step guide to determining if an Activity or Composable is landscape or portrait on an Android Device using Kotlin and Jetpack Compose.

A step by step guide to determining the orientation of an Activity or Composable Android device using Kotlin and Jetpack Compose.

Open the settings and turn on auto-rotate.

A step by step tutorial on creating a custom button in Android Studio using Jetpack Compose and Kotlin.

A step by step guide on implementing a tinted Material Symbol or image in an Android app using Jetpack Compose and Kotlin.

A step by step guide on implementing Google Font's Material Symbols in an Android app using Jetpack Compose and Kotlin.

A step by step guide on adding and using Google's Material Symbols in a Figma project.

A step by step guide on adding and using SF Symbols in a Figma project.

A step by step guide on adding a local image to Android Studio and using it in an app using Jetpack Compose and Kotlin.

A step by step guide on resolving the error 'Unknown failure: cmd: Failure calling service package: Broken pipe (32)' in Android Studio.

A step by step guide on creating a screen or component using Jetpack Compose and Kotlin that uses constraints.

A step by step guide on adding a pre-commit script to a git repo as part of the build phase to guarantee consistency across your team.

A step by step guide on creating branch restrictions that deny pushes to specific branches in Bitbucket.

To prevent commits from being allowed to specific local branches, add the code in this post to a pre-commit script in your projects githooks folder.

A step by step guide on listening for an intent, that may or may not have extras, using a Broadcast Receiver in a Composable in Kotlin and Android Studio.

A step by step guide on listening for an intent, that may or may not have extras, using a Broadcast Receiver in an Activity in Kotlin and Android Studio.

A step by step tutorial on sending notifications (intents) with or without extras that can be received by activities or composables within your Android app.

A step by step guide on creating a manager that can send intents from any activity or composable which can be received across an Android app.

A guide on what implicit and explicit intents are and how to implement them in Android apps using Kotlin.

A guide that explains how to allow Android broadcast receivers to listen to or ignore broadcasts from other apps.

To stop specific files or directories from being obfuscated, add them to the proguard-rules.pro file associated with your project.

A step by step guide on obfuscating the code (R8/proguard) of an Android in Android Studio and Kotlin.

A step by step guide on running a release APK on a local Android device. We recommend this to ensure that quality is met before releasing the app.

A step by step guide on creating and locating a release APK or Bundle in Android Studio for testing purposes or for the Google Play Store.

A step by step guide on building a test APK in Android Studio and finding its location in your system.

A step by step guide on creating and using a localization manager that gathers the relevant language content and makes it available to an Android App.

To get the current Android system language in Kotlin, use Locale.getDefault().language.

A step by step tutorial on converting a JSON into usable data in Android Studio using Kotlin.

A step by step guide on reading a JSON file from the assets folder of an Android Studio project and converting it to a string in Kotlin.

A step by step guide on creating a JSON that can be read and processed by an app in Android Studio.

A guide for creating and using Singletons in an Android app written in Kotlin.

To check if an Android app is using Dark Mode or Light Mode in Kotlin, use the function isSystemInDarkTheme().

A step by step guide on setting up and using dark and light mode in Kotlin and Android Studio.

A step by step guide on creating a Styleguide with colors and custom text styles using Android Studio and Kotlin. Github repository included.

A step by step guide on adding and using custom colors in a Kotlin, Jetpack Compose, Android project using Android Studio.

A solution for fixing the error "SDK location not found. Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path"

A step by step guide on creating and using custom Jetpack Compose TextStyles using Kotlin in Android Studio. Open Source Github Repository Included.

A step by step guide on adding custom typography to an Android Studio project that uses Kotlin and Jetpack Compose.

A step by step guide on creating and using an SSH key that works with Bitbucket and Sourcetree which solves the Permission denied (publickey) error.

Right click on the Android Studio project inspector and under New, select the the file, folder or resource that you wish to create.

A step by step guide on adding a pre-commit script to a git repo as part of a Gradle build to guarantee consistency across your team.

A step by step guide on adding a pre-commit git script that runs Spotless and ktlint formatting before committing code to an Android Studio project.

A step by step guide on running a task during any part of the build stage of an App Gradle Kotlin DSL in Android Studio.

A step by step guide on running a Kotlin Gradle pre-build task in Android Studio.

A step by step MacOS guide on fixing the ERROR: JAVA_HOME is set to an invalid directory in Android Studio.

A step by step guide on creating a ktlint and spotless enabled Kotlin Android project in Android Studio. Open Source GitHub repository included.

A step by step guide on creating a Gradle file in Android Studio.

A step by step guide on changing git version control confirmation settings, such as automatically adding a file when created or removing files on deletion.

Our recommended .gitignore for Android projects.

A step by step guide on enabling soft wrap on all files in the Android Studio editor.

A step by step guide on enabling developer mode on an Android device.

A step by step guide on renaming an Android Studio project. Open Source Kotlin Android project included.

A step by step guide describing how to sync an Android project with Gradle files using Android Studio.

A step by step guide on cleaning and rebuilding a project in Android Studio.

A step by step guide on pushing all your branches to git new remote using Terminal.

A guide for learning how Apple StoreKit 2 In-App Purchases and Subscriptions work and how to develop and test them.

We are proud to announce that we have released our free Open-Source project for developers to learn how to use In-App Purchases and Subscriptions.

A step by step guide on testing a billing grace period and billing retry for an Auto-Renewable Subscription in XCode.

To determine if an Auto-Renewable Subscription Introductory Offer has been used before, check if a customers transaction history includes the subscription.

To determine if an Auto-Renewable Subscription Introductory Offer is pay as you go, pay upfront or free, you must use the payment mode property.

To gather an Auto-Renewable Subscription Introductory Offer period, you must combine the value and unit properties from the subscription period structure.

Verify the Subscription's status and consult its state to determine if it is subscribed, expiring, in billing retry, in a grace period, expired or revoked.

Verify the Auto-Renewable Subscription status renewalInfo and check its isUpgraded property.

Verify the Auto-Renewable Subscription status renewalInfo and check its willAutoRenew property.

To get the subscription renewal or expiration date, get the transaction for the active subscription and request its expiration date.

To gather an Auto-Renewable Subscription period, you must combine the value and unit properties from the product subscription period structure.

A step by step guide on implementing and testing code that enables customers to restore purchases for In-App Purchases or Subscriptions in an App.

A step by step guide on implementing and testing code that enables customers to redeem custom offer codes for Auto-Renewable Subscriptions in an App.

A step by step guide on implementing and testing code that enables customers to upgrade, downgrade or cancel an Auto-Renewable Subscription in an App.

A step by step guide on implementing and testing StoreKit refund requests for In-App Purchases and Subscriptions.

A two step guide on testing interrupted StoreKit product purchases for In-App Purchases and Subscriptions.

A two step guide on testing failed StoreKit product purchases for In-App Purchases and Subscriptions.

A step by step guide on implementing and testing StoreKit product pending purchases for In-App Purchases and Subscriptions.

A step by step guide on implementing and testing StoreKit product purchases for In-App Purchases and Subscriptions.

A step by step guide on implementing and testing international product information for StoreKit In-App Purchases or Subscriptions.

A step by step guide on implementing and testing localized prices for StoreKit In-App Purchases or Subscriptions.

A three step guide demonstrating how to simulate a change in an Auto-Renewable Subscription using the StoreKit Transaction Manager.

A two step guide on simulating a price increase consent request for an Auto-Renewable Subscription in XCode.

A two step guide on simulating StoreKit Transaction refunds in XCode.

A two step guide on approving or denying pending StoreKit Transactions in XCode.

A two step guide on deleting StoreKit transactions in XCode.

A step by step guide on using XCode to open the StoreKit Transaction Manager which allows you to view and manage all the StoreKit transactions of an app.

A step by step guide on enabling and disabling StoreKit Ask to Buy which is used to test pending purchases in XCode.

A step by step guide on activating, updating or disabling StoreKit Fail Transactions to test In-App Purchases or Subscriptions in XCode.

A step by step guide on enabling and disabling StoreKit Billing Grace Period to test Auto-Renewable Subscriptions in XCode.

A step by step guide on enabling and disabling StoreKit Billing Retry on Renewal to test Auto-Renewable Subscriptions in XCode.

A step by step guide on enabling and disabling StoreKit Interrupted Purchases to test In-App Purchases or Subscriptions in XCode.

A step by step guide on changing the StoreKit Subscription Renewal Rate for testing Auto-Renewable Subscriptions in XCode.

A step by step guide on changing the StoreKit Localization to a different locale to test In-App Purchases or Subscriptions in XCode.

A step by step guide on changing the StoreKit Storefront to a different locale to test In-App Purchases or Subscriptions in XCode.

A guide that describes the e-commerce transaction information that is returned by an App Store Server API request.

Apple's App Store Server API augments a business's understanding of their customers and enables businesses to provide best in class customer support.

Apple's App Store Server API is a REST API that allows businesses to gather, manage and update customers transactions on their private server.

A business guide for understanding how refunds work for In-App Purchases or Subscriptions on the Apple App Store.

Entitlements are a collection of transactions that inform businesses of which In-App Purchases and Subscriptions a customer has access to.

A business guide on how to get individual customer transactions or a customers entire purchase history.

A guide detailing how transactions work for In-App Purchases and Subscriptions and what businesses should know when building an e-commerce app.

A guide that describes what information is provided with each receipt of an In-App Purchase or Subscription in an app using StoreKit.

Apple App Store Transactions are receipts of e-commerce events related to In-App Purchases or Subscriptions.

To use async await in Swift, wrap the code in a Task. If the function throws an error, use do-try-catch syntax within the Task.

A step by step guide on creating a UICollectionView that uses a compositional layout with multiple sections and multiple UICollectionViewCells in Swift.

A step by step guide on creating a UIView that dynamically changes its width and height to fit the text within it.

A step by step guide on implementing a UICollectionViewCompositionalLayout where UICollectionViewCells dynamically adjust to fit text content in Swift.

A step by step tutorial on opening a webpage in Safari from an iOS, iPadOS or MacOS app.

We are proud to announce that we have been listed on DesignRush's best website and app development companies.

A business guide that covers the Apple App Store's e-commerce offering, market & consumer behavior, challenges and benefits, mechanics and metrics.

A business guide on building an app that uses Consumables and Non-Consumable In-App Purchases and/or Non-Renewing and Auto-Renewing Subscriptions.

We recommend you develop e-commerce functionality locally on XCode to avoid damaging any LIVE offering or granting un-intended offers to customers.

A list of recommended metrics for measuring performance on an e-commerce app.

An overview on the global app market that covers consumer spending, market sizes and the latest trends of 2023.

A guide that describes popular offer mechanics for mobile applications.

A guide that describes popular mechanics for digital subscriptions.

A guide that describes popular In-App Purchase mechanics.

The challenges and benefits of using Subscriptions in your App.

The challenges and benefits of using In-App Purchases in your App.

A list of all the App Store Server Notifications available to businesses & how they can be used to market content that engages, acquires or wins back customers

Apple App Store Server Notifications allow you to monitor e-commerce events in real time.

A grace period grants customers whose payment has failed, continued access. Billing retry prompts Apple to attempt to collect payment for 60 days.

Billing Grace Period allows you to define a period of time that subscribers have access to a feature or service after a payment has failed.

Billing Retry occurs when a customers subscription payment has failed, and lasts 60 days whilst Apple attempts to collect payment.

Introductory Offers and Custom Offer Codes can be paired to extend an offer period to a customer; or be made exclusive so customers can use one or the other.

Apple Family Sharing allows Non-Consumable In-App Purchases or Auto-Renewable Subscriptions to be used by an entire Apple Family.

Auto-renewable subscriptions provide access to content, services or premium features on an on-going basis and automatically renew at the end of their duration.

Subscription Groups hold multiple auto-renewable subscriptions, that allow customers to upgrade or downgrade depending on their desired level of service.

Introductory offers attract new customers by offering subscriptions at a discounted price or through a free trial for a limited time (3 days to 1 year).

Promotional offers enable you to win back customers by offering free or discounted pricing on subscriptions for a period of time (3 days to 1 year).

Custom offer codes are Apple's equivalent of coupons and provide free or discounted price on subscriptions for a specific duration (3 days to 1 year).

A subscription which customers can purchase to access a service or content for a limited duration.

Non-Consumables are In-App Purchases that can only be bought once, don't expire and provide persistent ownership over a paid item, experience or premium feature

Consumables are In‑App Purchases that can be purchased an unlimited amount of times.

Examples of Promotional Offers out in the market.

Examples of Introductory Offers out in the market.

5 Examples of Auto-Renewable Subscriptions, also known as Subscriptions, out in the market.

Examples of Non-Renewing Subscriptions, also known as One-Time Subscriptions, out in the market.

Five examples of Non-Consumable In-App Purchases out in the market.

Five examples of Consumable In-App Purchases out in the market.

Download & learn how we made our free iOS e-commerce Figma design file that covers how to design for Apple In-App Purchases, Subscriptions and Offers.

A step by step guide on activating Spotlight which allows you to follow an individual as they present or work in Figma.

A step by step guide on removing someone who has access to a Figma design file.

A step by step guide on changing the permissions for someone who has access to a Figma design file to owner, can edit or can view.

A step by step guide on resending an invitation for a Figma design file.

A step by step guide on inviting someone to a Figma design file.

A step by step guide on sharing a Figma design file.

A step by step guide on viewing the page and getting the link of a Figma design file that you or your team published to the Figma Community.

A step by step guide on removing a published Figma design file from the Figma community.

A step by step guide on publishing an update of a Figma design file to the Figma community. This includes changes to the design, thumbnail or release details.

A step by step guide on publishing a Figma design file to the Figma Community.

Apple takes 30% of all transactions for In-App Purchases; 15% or 30% for Subscriptions; but take no fees for physical items or services.

A guide on gathering local StoreKit or App Store Connect products in XCode & making them available to a Swift iOS, iPadOS, MacOS, TVOS or WatchOS application.

To fix Error enumerating all current transactions, enable StoreKit Testing in your project.

To fix the [StoreKit] Did not receive any products or error for products request, enable StoreKit Testing in your project.

To fix the ASDErrorDomain Unhandled Exception, AMSErrorDomain Code 2, Finance Authentication Error, enable StoreKit Testing in your project.

A step by step guide on setting up a StoreKit coordinator for managing the gathering, purchasing and verification of In-App Purchases and Subscriptions.

A step by step guide on enabling StoreKit Testing in Xcode.

A step by step guide on creating local auto-renewable subscriptions with subscription levels that allow users to upgrade or downgrade service using XCode.

Planning local price changes for Subscriptions are not possible. Follow our guide for doing them on App Store Connect.

Planning local price changes for In-App Purchases are not possible. Follow our guide for doing them on App Store Connect.

A step by step guide on enabling family plans for local In-App Purchases and Subscriptions using XCode.

A step by step guide on adding localizations to local In-App Purchases and Subscriptions using XCode.

A step by step guide on creating promotional offers for for an auto-renewable subscription in a local StoreKit configuration file in XCode.

A step by step guide on creating offer codes for for an auto-renewable subscription in a local StoreKit configuration file in XCode.

A step by step guide on creating an introductory for for an auto-renewable subscription in a local StoreKit configuration file in XCode.

A step by step guide on creating auto-renewable or non-renewing Subscriptions in a local StoreKit configuration file in XCode.

A step by step guide on creating consumable or non-consumable In-App Purchases in a local StoreKit configuration file in XCode.

A step by step guide on converting a StoreKit configuration file synced to App Store Connect to a local editable file in XCode.

A step by step guide on syncing an StoreKit configuration file to show the latest App Store Connect changes using XCode.

A guide on creating a StoreKit offering that works locally or syncs with App Store Connect.

A step by step guide on setting up StoreKit Configuration File to work locally or sync with App Store Connect in XCode.

A step by step guide on creating auto-renewable subscriptions with subscription levels that allow users to upgrade or downgrade service in App Store Connect.

A guide on creating, editing and deleting offer codes, introductory and promotional offers for Apple subscriptions in iOS, iPadOS, MacOS, WatchOS or TVOS.

A step by step guide on planning a subscription price adjustment for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on changing the duration of a Subscription for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on adding App Store localizations to Subscription Groups for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on adding App Store localizations to Subscriptions for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on creating an In-App Purchase Non Consumable that uses Family sharing on Apple's App Store Connect.

A step by step guide on creating a subscription that uses family sharing for iOS, iPadOS, MacOS, WatchOS or TVOS using Apple's App Store Connect.

A step by step guide on changing or turning off the subscription grace period for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on setting up a subscription grace period for the Sandbox or Production in iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on accessing a non-renewable subscription for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on accessing a renewable subscription for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on creating a non-renewable subscription for iOS, iPadOS, MacOS, WatchOS or TVOS using Apple's App Store Connect.

A step by step guide on creating a renewable subscription for iOS, iPadOS, MacOS, WatchOS or TVOS using Apple's App Store Connect.

A step by step guide on accessing subscriptions for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on planning a price adjustment for Consumables or Non-Consumables for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on adding localizations to Consumables or Non-Consumables for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on accessing Consumables or Non-Consumables for iOS, iPadOS, MacOS, WatchOS or TVOS using App Store Connect.

A step by step guide on creating Consumables or Non-Consumables for iOS, iPadOS, MacOS, WatchOS or TVOS using Apple's App Store Connect.

A step by step guide on accessing an iOS, iPadOS, MacOS, WatchOS or TVOS app in App Store Connect.

A step by step guide on changing the logo of the Craft CMS control panel (site icon) and login page.

A step by step guide on implementing custom user fields in Craft CMS.

A step by step guide on suspending or removing users in Craft CMS.

A step by step guide on adding users to Craft CMS.

A step by step guide on enabling and adding profile picture for Users in Craft CMS.

A step by step guide on creating an asset field in Craft CMS.

A step by step guide on adding an asset volume to Craft CMS.

A step by step guide on creating an Amazon S3 Filesystem in Craft CMS.

A step by step guide on filtering a GraphQL mutation for a specific Craft CMS site.

A step by step guide on filtering a GraphQL query for a specific Craft CMS site.

A step by step guide on adding or removing a section from a site in a Craft CMS that's split into multiple websites.

A step by step guide on adding a site group to Craft CMS. Github repository included.

A step by step guide on adding another website to Craft CMS. Github repository included.

A step by step walkthrough on adding a Meta Pixel to a GatsbyJS or ReactJS website.

A step by step guide on adding a domain to Facebook (Meta) Events Manager.

A step by step walkthrough on creating a Meta (Facebook) pixel for a website.

A step by step guide on updating and changing the constraints for a view in Swift depending on screen orientation or dimensions. Github repository included.

A step by step guide on observing when the view controller's view's size changes in Swift.

A step by step iOS tutorial on detecting when an iPhone or iPad changes orientation in Swift.

A step by step iOS tutorial on getting the correct device orientation of an iPhone or iPad, on launch or after. Github repository included.

We are proud to announce that we have released the Sans Hands voice commands feature to the Apple App Store.

Learn how to enable developer mode on iOS 16 and iOS 17 in order to run local development builds and test internally distributed apps.

A step by step guide on using iOS speech recognition to trigger intents based on voice commands in Swift.

A step by step guide on creating endlessly looping speech recognition in Swift.

A step by step tutorial on setting up an iOS app to listen to and transcribe words in real time.

A step by step walkthrough on editing multiple tickets (issues) in JIRA.

Colored labels can be applied to issues in JIRA through Epics.

A step by step guide on ending a sprint in JIRA.

A step by step guide on removing issues from an existing sprint.

A step by step guide on adding issues to an existing sprint.

A step by step walkthrough on creating sprints in JIRA.

A step by step walkthrough on enabling sprints on a Kanban JIRA project.

A step by step guide on creating a project that uses Scrum project in JIRA.

A step by step walkthrough on reading values from a CSV document hosted on AWS using Serverless & Typescript.

A step by step guide on changing the default entry type for a section in Craft CMS.

A step by step guide on setting up Calendly to work with Gmail or a Google Workspace account as well as acquiring the meeting link.

A step by step tutorial on writing a custom Post Build script that uses GraphQL API calls with GatsbyJS.

A step by step tutorial on writing a custom Post Build script with GatsbyJS.

To copy a link to your clipboard in ReactJS or Javascript use the code navigator.clipboard.writeText(URL), where URL is the link you wish to copy.

A step by step tutorial on removing, disabling or deleting a conversion from your GA4 property.

A step by step tutorial on how to setup a conversation in GA4.

A step by step guide on updating composer on a hosted Craft CMS.

A step by step guide on indexing records from single or multiple queries to an Algolia index in GatsbyJS. Open source project included.

A step by step guide on removing backlinks from your website using Google Search Console.

A walkthrough on setting the title and description of a Craft CMS plugin.

A step by step tutorial on calling a Craft CMS plugin or module controller action through an onClick event in Javascript.

A step by step guide on adding an SVG icon to a Craft CMS control panel section within a plugin or module that changes color on selection.

A step by step guide on adding a custom icon to a plugin in Craft CMS.

A step by step guide on creating UI within a Craft CMS Control Panel section that visualizes subscriber entries.

A step by step guide for creating a custom control panel section in Craft CMS as part of a Module or Plugin.

A step by step walkthrough on creating a plugin in Craft CMS 4. Github repository included.

Our guide for recommendations on setting up VSCode to work as your preferred IDE with Craft CMS. Includes autocompletion, debugging and more.

A step by step tutorial on making an API that implements GraphQL Mutations protected by an Authorization Bearer token using Typescript & Serverless.

A step by step tutorial on making an API that implements a GraphQL Query protected by an Authorization Bearer token using Typescript & Serverless.

A step by step tutorial on using a GraphQL mutation query to delete an entry in Craft CMS using Postman.

A step by step tutorial on using a GraphQL mutation query to modify an entry in Craft CMS using Postman.

A step by step tutorial on using a GraphQL mutation query to create an entry in Craft CMS using Postman.

A step by step tutorial on making a GraphQL API that uses an authorization bearer token in Postman.

A step by step walkthrough on creating a GraphQL token in Craft CMS.

A step by step walkthrough on creating a GraphQL schema in Craft CMS.

A step by step walkthrough in creating a DELETE RESTful endpoint in Craft CMS that uses a controller action to delete an existing entry.

A step by step walkthrough in creating a PUT RESTful endpoint in Craft CMS that uses a controller action to modify an existing entry.

A step by step walkthrough in creating a POST RESTful endpoint in Craft CMS that uses a controller action to create a new entry.

A step by step walkthrough in creating a GET RESTful endpoint in Craft CMS that uses a controller action to return all the entries of a section.

A step by step walkthrough on adding entry types to an existing Craft CMS section.

Uncheck the entry types show title field and enter the field handle in curly brackets. i.e. {handle}.

A step by step guide on making fields required for entries to be saved or created in Craft CMS.

A step by step walkthrough in creating a channel for Subscribers in Craft CMS.

A step by step tutorial on making text fields in Craft CMS.

A step by step tutorial on making lightswitch fields in Craft CMS.

We recommend grouping fields in folders that match the field type, with the exception of plain text and redactor, which are grouped as text.

A step by step tutorial on adding API keys to a RESTful Craft CMS endpoint.

Add the variable to the .env file in capital letters and use it through the control panel or in code through App::env('ENV_VAR_NAME').

Either disable CSRF protection for your entire project or disable CSRF protection the specific controller action.

A step by step tutorial for making and testing RESTful API endpoints in Craft CMS 4.

A step by step walkthrough on creating a Craft CMS 4.x module. GitHub repository included.

A step by step tutorial for creating a Craft CMS project. Github repository included.

This issue is caused by a "/*" canonical and is fixed by placing the path variable in the context of your gatsby-node script & using it to form the url.

A guide on how to buy FIFA world cup tickets, packages and how much they cost.

In Terminal, in the directory of the Serverless project, run sls remove along with the stage of the service that you wish to delete. i.e. sls remove -s dev.

Set the stage in your serverless.yml or using the --stage or -s option when calling sls deploy in Terminal. i.e. sls deploy -s dev or sls deploy -s uat.

To deploy a Serverless project to AWS, setup the aws-cli in terminal and in the current directory of the project run sls deploy.

A guide for structuring Typescript & Serverless projects. Open source GitHub repository available.

We recommend creating individual files for errors within the utils/errors folder & offering errors as constants or functions that take in variable parameters.

We recommend you use an identifier to help log processes within functions and our sample code to produce standardized functions.

A guide with sample code and an open source project on standardizing responses in Typescript & Serverless.

A guide for our Typescript & Serverless logs system which is available through our Open Source project on Github.

A step by step guide on adding environment variables to a Typescript & Serverless project through its serverless.yml and using them within a function.

Right click on the style and select add folder. You can also drag and drop existing styles into folders.

A text property makes the text in a component a variable that can be changed on the right sidebar and can be created through the Properties panel.

Draw the mask you wish to apply & position it. Send it to the back. Highlight the mask & the object or shape you wish to mask, right click & select Use as mask.

Double click on the image. Select crop from the menu in the pop up and crop the image.

A step by step tutorial on creating a reusable image system in Figma that allows you switch between images quickly.

A step by step walkthrough on adding priority to tickets of any issue type in JIRA.

Select a ticket within a JIRA project and in the modal that appears, add a label through the details menu on the right side.

To space items within an auto layout frame select the frame and set the auto-layout gap to Auto.

Auto layout is activated by selecting a frame and using Shift + A & is the equivalent of a flexbox in CSS, UIStackView in Swift or a Linear Layout in Android.

A step by step walkthrough on adding a Bug issue type to a JIRA project.

Learn how you can implement optimized frontend and backend GraphQL queries in GatsbyJS.

In GatsbyJS you can make three types of GraphQL queries: Page Queries, Component Queries & Backend Queries.

A step by step tutorial on making paginated GraphQL queries. GatsbyJS Github repository included.

A guide on recommendations for filtering CraftCMS GraphQL queries in GatsbyJS.

A step by step tutorial on making a front-end GraphQL query in GatsbyJS. Github repository included.

Our recommendations for structuring backend GraphQL queries in a GatsbyJS project. Github repository included.

Our recommendations for structuring a ReactJS, GatsbyJS or NextJS project. Github repository included.

A step by step tutorial on tracking custom Google Analytics events for UA and GA4 trackers in ReactJS or GatsbyJS.

We are honored to have been featured on DesignRush's top Enterprise Mobile App Development Companies of 2022.

We are happy to announce that our founder has been featured on The CIO Today under their series 5 Most Impactful Business Leaders of 2022.

Open the Meta Quest 2 Menu, open the App Library, select unknown sources and open the apk.

To take a screenshot or record a video: open the Meta Quest 2 menu, select Sharing and then select take photo or recording.

A step by step tutorial on creating a VR experience production .apk in Unity and installing (side loading) it on a Meta Quest 2 using SideQuest.

A step by step tutorial on setting up & running a Unity VR development project on a Meta Quest 2.

A step by step tutorial on enabling Developer Mode on a Meta Quest 2.

A step by step tutorial on creating a Unity VR project for the Meta Quest 2. Github repository included.

To clear the GraphQL cache run the following two commands: ddev craft clear-caches/all & ddev craft cache/flush-schema.

To add Adobe Fonts (formerly Typekit) to GatsbyJS, add the gatsby-plugin-web-font-loader dependency to your project and implement it in the gatsby-config.js.

A step by step tutorial for redirecting web pages in GatsbyJS.

In order to allow Craft CMS to use animated gifs, set transformGifs to false in general.php

In order to allow file extensions, such as .ai, .indd, .psd, .glb or .usdz, you must add them to extraAllowedFileExtensions in the general.php file.

A step by step tutorial on creating and using reusable GraphQL page query fragments with GatsbyJS.

A step by step tutorial on creating and using reusable GraphQL fragments for a GatsbyJS backend.

A step by step tutorial on making a GraphQL page query with variables in GatsbyJS. Github repository included.

To cancel, end or terminate a Gatsby build call the GatsbyReporter panic function.

A step by step tutorial on programmatically creating pages in Gatsby through data gathered via GraphQL queries.

A step by step tutorial on setting up Gatsby to work with Craft CMS via the GraphQL. Github repository included.

A step by step tutorial on setting up Craft CMS to work with the GraphQL.

If Craft CMS is creating disabled entries, you can fix it in settings by making the section create enabled sections by default.

To fix the ERROR 1227 Access Denied issue create a .my.cnf file and apply the following code.

A step by step tutorial on installing DDEV and getting it working with a new or existing Craft CMS project.

A step by step tutorial on consulting console logs from Lambda functions using AWS CloudWatch log streams.

A step by step tutorial on adding an API key to a Serverless function.

A step by step tutorial on creating an API using an AWS Lambda function and an API Gateway using Serverless. Github repository included.

A step by step tutorial on implementing path aliases to a Serverless Typescript project, with a demonstration on how to use them.

A step by step tutorial on running a Serverless function locally using Terminal.

A step by step tutorial on creating a Typescript Serverless project. Github repository included.

A step by step tutorial on making a custom button in Swift (iOS) using custom touches and callbacks. Github repository available.

A step by step tutorial on adding a font to an iOS, MacOS, TVOS or WatchOS project in XCode and Swift.

A step by step tutorial on making a filtered search experience in Swift (iOS). Github repository included.

A step by step tutorial on making a custom search bar in Swift (iOS). Github repository included.

A step by step tutorial on creating a custom data driven UICollectionView in Swift (iOS).

A step by step tutorial for making a GraphQL call in Swift (iOS) using XCode. Github repository included.

A step by step tutorial on making an API call with a variable codable type (i.e. Int, Float or String) in Swift (iOS), as ANY is not allowed.

A step by step tutorial on preparing your Swift (iOS) project to make API calls.

A step by step tutorial on making a GraphQL call in Postman.

A step by step tutorial on making an API call in Postman.

A step by step tutorial on creating a UICollectionView with multiple sections in Swift (iOS).

A step by step tutorial describing how to create a scroll indicator for a carousel in Swift (iOS).

A step by step tutorial on snapping a carousel to position in Swift (iOS).

A step by step walkthrough on creating a carousel in Swift (iOS). Github repository included.

A step by step tutorial on renaming a project in Xcode.

We are honored to announce that the interview between our founder and the International Design Award is now live. IDA 2022 are open for submissions.

Passkeys are a passwordless replacement for passwords and the future of security.

Passkey authentication works through a collaborative process between the frontend and backend.

Passkey registration works through a collaborative process between the front-end and backend.

Part I of a tutorial series for a proof of concept on creating & logging in with a passkey. This part of the series focuses on setting up the project and UX.

Part II of a tutorial series for a proof of concept on creating & logging in with a passkey. This part focuses on registering (i.e. creating) a passkey.

Part III of a tutorial series for a proof of concept on creating & logging in with a passkey. This part of the series focuses on authenticating a passkey.

We are proud to announce that our mixed reality game of whack-a-mole is now available on iPhone, iPad and Mac via the Apple App Store.

A step by step tutorial on implementing a UIScrollView in Swift (iOS). Github repository included.

A step by step tutorial on adding a hosted image to a UIView in Swift (iOS). Github repository included.

A guide to UIImageView content modes in Swift (iOS) and how they alter the image presented to a user.

A step by step tutorial on adding a local image from your assets.xcassets to a view in Swift (iOS).

A step by step tutorial on adding, structuring and implementing a local image to a UIView in Swift (iOS). Github repository included.

A step by step tutorial on animating constraints in Swift (iOS). Github repository included.

A step by step tutorial for updating constraints in Swift (iOS). Github repository included.

A guide for understanding and using Safe Area Insets in Swift (iOS). Github Repository included.

A step by step tutorial on posting and receiving notifications in Swift (iOS). Github repository included.

A breakdown our recommended file structure for Swift UIViews in iOS. Includes gists and a Github repository.

A step by step tutorial on creating and updating custom labels in Swift (iOS).

A step by step tutorial on creating a Styleguide with colors and styled labels in Swift (iOS).

A step by step tutorial on creating a label and adding it to a UIView in Swift (iOS).

A step by step tutorial on our method for creating multilingual apps in XCode and Swift. Github repository included.

A step by step tutorial on creating a singleton in Swift (iOS).

We recommend that you associate a static identifier with each piece of your project and use emoji's to symbolize events that can be filtered systematically.

Our recommended gitignore for Swift (iOS) projects in XCode. Github repository included.

A step by step tutorial on how to add a Swift Package Manager package to an iOS XCode project.

A step by step tutorial on our recommended folder structure and reasoning for iOS & MacOS.

A step by step tutorial on creating an iOS Xcode project with SwiftLint. Github repository available.

We are thrilled to announce that our founder has been featured on Business Talk under their series Influential Entrepreneurs of the Year (2022).

A user experience map gives a holistic understanding of your mobile or desktop application.

A styleguide is a standards manual that represents a brand or organization.

A step by step tutorial on creating a component variant in Figma.

A step by step tutorial on creating a component in Figma.

A step by step tutorial on setting up text styles in Figma.

A step by step tutorial on setting up color styles in Figma.

A step by step tutorial for adding alias's and paths to Typescript & Gatsby. Includes an open source Github starter project.

A step by step guide on how to add Typescript. Includes an open source GitHub starter project.

The following step by step tutorial walks you through how to upgrade to a Google Analytics 4 Property and implement it into an existing GatsbyJS project.

The following tutorial offers a step by step on how to archive a Mac Catalyst app that uses the Firebase SDK via Cocoapods.

We are proud to announce that our connected experience as part of MycoWorks, Freedom of Creation exhibit, is now public.

We believe that the future of customer loyalty and commerce involves customers owning their data, sharing what's needed, when needed.

A day before WWDC2022 Adrian Koehler suggested that Apple would announce Neural Radiance Fields. What are they & how could Apple or the world employ them ?

To make your Mac Catalyst App full screen, implement the code in the snippet below into your SceneDelegate.swift.

Open Terminal, set the directory of your image folder and run a line listed below.

A quick setup guide to Typescript & React Redux through the example of a counter. Github Repo Available.

To setup a conversion goal on Google Analytics, sign in, navigate to the admin page, select goals and complete the flow.

SSH into your server and run the following two commands.

Catch up on our Founders HKDA GDA 2021 Judges Seminar, where he discusses physical, digital & mixed reality products, services & experiences.

The HKDA GDA has invited our Founder to hold a seminar titled "Between the Physical and the Digital." Join us Saturday March 19th 2022 at 10.30 am (GMT+8).

Algolia uses ML to offer AI powered search, discovery & recommendations.

The following tutorial will walk you through how to setup Algolia Instant Search using custom React components in GatsbyJS.

Implement custom Algolia Analytics in 5 minutes.

The Metaverse is a series of 3D virtual universes.

The Metaverse is built on the Blockchain using Web 3.0 (web3) technologies.

Although Sir Timothy Berners-Lee marked Connectivity & Ubiquity as a core principle of Web3, we believe there will be three kinds of metaverses.

A Decentralized Autonomous Organization (DAO) is an organization governed by smart contracts vs a CEO or board.

Web 1.0, Web 2.0 and Web 3.0 are the terms given to the three phases of the internet.

Web 3.0 (web3) toolkits are open source software development kits (SDKs).

The differentiating features of Web 3.0 (web3) are Decentralized Finance (DeFi), Decentralized Governance, Self-Sovereign Identity (SSI) and NFTs.

NFTs (Non-Fungible Tokens) is a technology that allows us to authenticate or demonstrate who owns an asset.

Decentralized finance (DeFi) is an emerging financial technology based on secure distributed ledgers similar to those used by cryptocurrencies.

Self-Sovereign Identity (SSI) is the digital representation of an identity in the digital world.

DAOs are governed via a Decentralized Governance model by which the power of a CEO and it’s board move to reside within a community.

Uncover what it takes to create a modular system powered by a headless CMS capable of generating and managing a website in its entirety.

A headless CMS is a content management system (CMS) that manages and maintains an independent website.

A list of recommendations for building a modular web system like ours.

Learn about our past year of learnings which gave fruit to sitelinks and tremendous SEO enhancements.

A mixed reality web tutorial that transforms a model from Blender to Apple AR Quick Look and Google Scene Viewer using USDPython, USDZ, GLB and ReactJS.

Louis Lionetti, VP, Director of Interconnected Retail Technology at ELC, & Matthew Smith, Chief Data Officer at Microsoft discuss the M·A·C Innovation Lab.

Our dedicated guide to accessibility on iOS; with a summary as links to documentation and resources that may be useful.

This week we witnessed Satya Nadella, CEO of Microsoft, discuss the M·A·C Innovation Lab as part of their Microsoft INSPIRE 2021 Opening keynote.

We are honored to have been named "Most Creative Design & Technology Consultancy" by Acquisition International in their Global Excellence Awards (2021).

Learn more about what is required to make your App Clip available via a QR Code or NFC Sticker using Apple's App Store Connect.

Seeking to integrate Apple's 'Leave a Review' pop up in your app to increase your reviews on the App Store?

Sans Hands has been localized for all Spanish markets; and now carries an iOS App Clip experience that allows you to try the gestures before you download.

Seeking to integrate Apple's 'Smart App Banner' or iMessage pop up to encourage users to use your app clip or download your app?

Learn more about what App Clips are, how they could be used and what it takes to release an App Clip using Xcode and Swift on the Apple App Store.

We are proud to announce that we have released our mixed reality, hand control technology that allows you to read and browse effortlessly from a distance.

We are thrilled to announce that our founder has been featured on Global Tech Outlook for the Top 10 Most Inspiring Business Leaders Making a Difference In 2021

We are thrilled to announce that delasign has been featured as the cover story for InspireZones Most Promising AR/VR Solution Providers to look for in 2021.

We are honored to be featured on Design Rush's list for the Top New York Web Design Agencies of 2021. Read the article to find out more.

We are honored to be featured on Design Rush's list for the Top New York Web Development Agencies of 2021. Read the article to find out more.

We are proud to announce that Sans Hands has launched on the Apple App Store and is available on iPhone, iPad and MacOS. Read the article to learn more.

We've been nominated as one of the Top 10 AR-VR Leaders 2020 by Mirror Review. Read the article to find out more.

We have made it onto the Design Rush list for top New York Design Agencies of 2020. Read the article to find out more.

Want to learn more our work with Valtech on an augmented reality retail experience ? The MAC Innovation Lab has been featured on Forbes, Vogue and WWD.

Our work in creating a suite of apps for Beats Tempo, in collaboration with Firstborn, has won an FWA. Read the article to find out more.

We are proud to announce that our Ambi Chopsticks & Holders has won Gold and Silver at the International Design Awards and an Iron at the A Design Award.

Read more about the development of our Swift based Open Source Augmented Reality Project. The code is available for download via GitHub.

Sample code for creating an augmented reality AV camera.

We are proud to announce that our Illusion Spinner has won Silver at the International Design Awards and an Iron at the A Design Award.

Sample code for creating an augmented reality AV camera.

A breakdown of Vertices, Metal Shaders, UV Mapping and SCNProgram’s.

The Point Cloud, Image Recognition, AR Ready Images, True Scale, The Renderer and Nodes.

The Illusion Spinner and Ambi Chopsticks and Holders have been featured by the MoMA Design Store. Read article to find out more.

Arousal refers to psychological arousal which is a state of activation and readiness for action that causes the heart to beat faster and blood pulse to rise.

Triggering Insiders is an idea that combines two marketing forces, that of Insiders and Triggers, and that believes that content should to be top of mind.

It is no secret that humans are prone to addiction. A behavior that causes us to repetitively return to an activity, application or interaction.

Jonah Berger, through his Bestseller Contagious, has delicately carved a neural pathway by connecting Remarkability to Virality. Open this post to learn more.

El Mundo - a leading Spanish newspaper - has featured our Founder about his career trajectory and progression. Read the article to find out more.