# templates Published articles for templates. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Automating Highly Similar Translations DevFeed: [Automating Highly Similar Translations]() Original publisher: [Read original article]() Author: Khan Academy Published: 2016-02-15T23:00:00Z Content type: article Language: en Sources: [Khan Academy]() Topics: [ui](), [Template](), [Tool]() Tags: [engineering](), [languages](), [news](), [templates](), [tool](), [translation](), [ui](), [web-frontend]() ### AI overview Khan Academy describes a redesigned translator dashboard and a translation tool with smart translations. The system groups highly similar English strings, reuses existing translations through templates, and updates the UI to show which strings can be translated automatically. ### Source excerpt By Kevin Barabash Khan Academy is available in 12 languages and is in the process of being translated ... Read more ## NetBox Config Templates Tip: Query Objects Efficiently with .filter() DevFeed: [NetBox Config Templates Tip: Query Objects Efficiently with .filter()]() Original publisher: [Read original article]() Author: Rick Donato Published: 2026-03-10T08:00:07Z Content type: tutorial Language: en Sources: [Packet Coders - Learn Network Automation]() Topics: [NetBox](), [Django](), [Object-relational mapping]() Tags: [config](), [django](), [filter](), [interface](), [interfaces](), [netbox](), [orm](), [query](), [templates](), [tips]() ### AI overview A short tutorial showing how to use .filter() in NetBox Config Templates to query objects during lookups and conditional logic through the Django ORM QuerySet interface. ### Source excerpt Use .filter() in Config Templates to query objects during lookups and conditional logic. This exposes the Django ORM QuerySet filter directly in your templates. Here's an example: {% for iface in device.interfaces.filter(enabled=True, name__startswith="ge-") %} interface {{ iface.name }} {% endfor %} ## 100+ FREE React website templates DevFeed: [100+ FREE React website templates]() Original publisher: [Read original article]() Author: iHateReading Published: 2026-03-09T13:40:16Z Content type: article Language: en Sources: [iHateReading]() Topics: [React](), [Website]() Tags: [100-plus-free-react-website-templates](), [backend](), [blockchain](), [coding](), [collection](), [development](), [free](), [frontend](), [gettemplate](), [gettemplate-reactjs-tailwind](), [ihatereading](), [javascript](), [node-js](), [product](), [programming](), [react](), [reactjs](), [tailwind](), [templates](), [typescript](), [web-development]() ### AI overview The article presents a collection of more than 100 free React website templates. ### Source excerpt Hello folks, Welcome to the new blog. Last year, while working with our client, gor this idea of building a collection of website templates. I mean, its helpfu... ## I love building apps. Designing App Store screenshots not that much 😅 DevFeed: [I love building apps. Designing App Store screenshots not that much 😅]() Original publisher: [Read original article]() Author: Jorge Castillo Published: 2026-01-22T18:30:52Z Content type: opinion Language: en Sources: [Effective Android]() Topics: [App](), [Development](), [Artificial Intelligence]() Tags: [ai](), [app](), [building-products](), [design](), [developers](), [drag-and-drop](), [editor](), [generation](), [subscriptions](), [templates]() ### AI overview A developer describes building a drag-and-drop product for creating polished App Store and Play Store screenshots. The product evolved from a personal tool into a public platform with templates, multiple screen ratios, AI-powered generation, automatic internationalization, subscriptions, and free templates. ### Source excerpt Most developers don't have a designer eye, and that's completely okay. ## How to Inject Host and Group Vars from Ansible into NetBox Config Templates DevFeed: [How to Inject Host and Group Vars from Ansible into NetBox Config Templates]() Original publisher: [Read original article]() Author: Rick Donato Published: 2025-12-18T09:00:32Z Content type: tutorial Language: en Sources: [Packet Coders - Learn Network Automation]() Topics: [Ansible](), [NetBox](), [configuration](), [API]() Tags: [ansible](), [api](), [config](), [configuration](), [example](), [how-to](), [netbox](), [templates](), [tips]() ### AI overview A tutorial showing how to pass Ansible group_vars and host_vars into NetBox Config Templates so the variables can be used when rendering configuration. ### Source excerpt Ansible and NetBox Tip: Pass Ansible group_vars and host_vars into NetBox Config Templates by sending your Ansible vars, making them available directly within your Config Templates. Here is an example: # Ansible Playbook - name: Trigger NetBox to return rendered configuration ansible.builtin.uri: url: "{{ NETBOX_ENDPOINT }}/api/dcim/ ## ScreenshotWhale Generates App Store Screenshots with a Layer-Based Editor and Automatic Localization DevFeed: [ScreenshotWhale Generates App Store Screenshots with a Layer-Based Editor and Automatic Localization]() Original publisher: [Read original article]() Author: Jorge Castillo Published: 2025-09-16T16:36:22Z Content type: article Language: en Sources: [Effective Android]() Topics: [App](), [Artificial Intelligence](), [Vibe coding](), [Figma](), [Internationalization (i18n)](), [Cloud](), [User Experience]() Tags: [ai](), [android](), [app](), [app-store](), [building](), [cloud](), [code](), [coding](), [editor](), [export](), [figma](), [i18n](), [ios](), [languages](), [phones](), [templates]() ### AI overview The article introduces ScreenshotWhale, a cloud-based service for creating app store screenshots. It offers a Figma-style layer-based editor, templates, support for Android and iOS device formats, and automatic internationalization during export. The product is in its initial stages and is presented as seeking user feedback. ### Source excerpt Some words for the people who joined the newsletter these days. ## Launching ScreenshotWhale.com 🐋 DevFeed: [Launching ScreenshotWhale.com 🐋]() Original publisher: [Read original article]() Author: Jorge Castillo Published: 2025-09-13T15:03:52Z Content type: release Language: en Sources: [Effective Android]() Topics: [App](), [Android](), [iOS](), [Internationalization (i18n)](), [export](), [Cloud]() Tags: [android](), [app](), [cloud](), [editor](), [export](), [i18n](), [image](), [ios](), [layer](), [screenshots](), [templates]() ### AI overview ScreenshotWhale has launched as a cloud-based tool for creating app screenshots. It includes an online editor, templates, multilingual export, support for iOS and Android form factors, a mirror feature, app store layout settings, and layered editing. ### Source excerpt The wait is over, screenshotwhale is live today 🎉 ## Preorder StoreShots 📱🎇 DevFeed: [Preorder StoreShots 📱🎇]() Original publisher: [Read original article]() Author: Jorge Castillo Published: 2025-08-16T22:28:12Z Content type: release Language: en Sources: [Effective Android]() Topics: [App](), [.NET Conf]() Tags: [app](), [app-store](), [launch](), [play-store](), [screenshot](), [screenshots](), [service](), [templates]() ### AI overview StoreShots is a new service for generating screenshots for the Google Play Store and Apple App Store. The article announces a limited preorder offering with discounted lifetime access, early access, and access to available templates. ### Source excerpt Available for a limited number of people ## Authoring Custom Spin Templates DevFeed: [Authoring Custom Spin Templates]() Original publisher: [Read original article]() Author: Thorsten Hans Published: 2025-05-28T12:00:00Z Content type: tutorial Language: en Sources: [Fermyon - Experience the next wave of cloud computing.]() Topics: [Command-line interface](), [code productivity]() Tags: [authoring](), [boost-developer-productivity](), [cli](), [compliance](), [how-to](), [install](), [templates]() ### AI overview A tutorial on creating, distributing, and installing custom templates for Spin CLI, with stated goals of improving developer productivity and supporting regulatory compliance. ### Source excerpt Learn how to create, distribute and install custom templates for Spin CLI to boost developer productivity and meet regulatory compliance. ## Solving the Prompt Management Problem DevFeed: [Solving the Prompt Management Problem]() Original publisher: [Read original article]() Author: Emmanuel Goossaert Published: 2025-04-09T11:52:00Z Content type: article Language: en Sources: [Code Capsule]() Topics: [prompt](), [Web](), [JSON](), [ChatGPT](), [Prompt Engineering]() Tags: [agentic-ai](), [ai](), [ai-ai-ai-models-artificial-intelligence-large-language-models-llms-productivity-prompt-engine](), [ai-models](), [artificial-intelligence](), [chatgpt](), [code](), [json](), [large-language-models](), [llms](), [productivity](), [prompt](), [prompt-engineering](), [prompt-library](), [prompting](), [templates](), [web]() ### AI overview The author introduces Prompt Library, a web-based tool for creating, editing, searching, tagging, and composing prompts. It stores data locally, supports JSON export, and may later add prompt history, version comparison, and prompt paths. ### Source excerpt I developed Prompt Library, a web tool for organizing prompts with features like editing, tagging, and exporting. The post Solving the Prompt Management Problem first appeared on Code Capsule. ## Detecting field names with C++ metaprogramming DevFeed: [Detecting field names with C++ metaprogramming]() Original publisher: [Read original article]() Published: 2024-06-25T22:34:59Z Content type: tutorial Language: en Sources: [Jeremy Kun]() Topics: [C++](), [Code](), [Template]() Tags: [c-plus-plus](), [code](), [metaprogramming](), [shortform](), [template](), [templates]() ### AI overview This short note explains how C++11 templates can detect whether a struct has a field with a specific name and type, then use the result for compile-time branching. It presents a SFINAE-based implementation using HasStaticSize and type traits. ### Source excerpt A quick note: you can use C++11 templates to detect struct fields by name and type, and statically branch on them. I first heard of this solution from breeze1990. Say I want to detect if a struct has a field size of type int. Create two template instantiations of the same name, here HasStaticSize that defaults to false. #include template struct HasStaticSize : std::false_type {}; template struct HasStaticSize< T, typename std::enable_if< std::is_same>::value, void>::type> : std::true_type {}; The latter is only resolved if T::size is declared as int, or more specifically, something that "decays" to int. ## Adopting the DACI Framework for Software Decision-Making DevFeed: [Adopting the DACI Framework for Software Decision-Making]() Original publisher: [Read original article]() Author: Mike Published: 2023-05-23T20:40:14Z Content type: tutorial Language: en Sources: [Dev Details]() Topics: [decision-making](), [Architecture & Design](), [Software Engineering](), [Development]() Tags: [architecture](), [collaboration](), [decision-making](), [efficiency](), [templates](), [transparency]() ### AI overview This article presents an accepted Any Decision Record for adopting the DACI framework in a software team. It explains the roles of Driver, Approvers, Contributors, and Informed, and compares DACI with RACI and RAPID. ### Source excerpt An ADR for Streamline Decision Making ## Your first program in Kotlin DevFeed: [Your first program in Kotlin]() Original publisher: [Read original article]() Published: 2023-01-10T00:01:00Z Content type: tutorial Language: en Sources: [Kt. Academy]() Topics: [Kotlin](), [Code](), [function](), [IntelliJ IDEA](), [ide](), [Java](), [Parameter]() Tags: [code](), [function](), [how-to](), [ide](), [intellij](), [java](), [jvm](), [kotlin](), [parameter](), [playground](), [run](), [templates](), [workshop-learning-programming]() ### AI overview A beginner Kotlin tutorial that explains how to write and run a minimal program, use IntelliJ live templates, and investigate how Kotlin code is compiled for the JVM. ### Source excerpt How to write your first program, how can we use it in real-life projects, and how to explore what Kotlin is compiled to. ## Build Your Own Content Management System (CMS) From a Template DevFeed: [Build Your Own Content Management System (CMS) From a Template]() Original publisher: [Read original article]() Author: Tim McCallum Published: 2022-08-26T19:00:00Z Content type: tutorial Language: en Sources: [Fermyon - Experience the next wave of cloud computing.]() Topics: [Content Management System](), [Template]() Tags: [blog](), [blog-post](), [build](), [cms](), [content](), [files](), [generate](), [how-to](), [management](), [needs](), [repositories](), [repository](), [running](), [structure](), [templates]() ### AI overview This tutorial explains how repository templates can be used to generate a content management system with a consistent directory structure, branches, and files, which can then be customized. ### Source excerpt Repository templates allow you and others to generate new repositories with the same directory structure, branches, and files. This blog post shows you how to build your own CMS from a template. The process is very quick and once up and running you can go ahead and customize your CMS to meet your needs. ## Introducing Bartholomew DevFeed: [Introducing Bartholomew]() Original publisher: [Read original article]() Published: 2022-02-15T19:12:25Z Content type: release Language: en Sources: [Fermyon - Experience the next wave of cloud computing.]() Topics: [Content Management System](), [wasm](), [WebAssembly](), [Handlebars](), [Markdown]() Tags: [cms](), [content](), [custom](), [functions](), [lightweight](), [markdown](), [templates](), [wasm](), [webassembly]() ### AI overview Fermyon introduces Bartholomew, a lightweight WebAssembly content management system with Handlebars templates, custom scripted functions, and Markdown support. ### Source excerpt Fermyon is proud to introduce our new lightweight WebAssembly (Wasm) content management system (CMS) that we call Bartholomew. With support for handlebars templates, custom scripted functions, and markdown, it's a svelte way to run a CMS. ## Creating configurable widgets for Big Sur (UPDATED) DevFeed: [Creating configurable widgets for Big Sur (UPDATED)]() Original publisher: [Read original article]() Published: 2020-09-08T12:00:00Z Content type: tutorial Language: en Sources: [Rambo Codes]() Topics: [macOS](), [Xcode](), [Template](), [configuration](), [ui]() Tags: [coding](), [configure](), [macos](), [templates](), [ui](), [xcode]() ### AI overview A tutorial explains how to create configurable macOS Big Sur widgets with dynamic options by adapting the iOS intents extension template into a custom Xcode template. It also provides a sample project and setup instructions. ### Source excerpt Gui Rambo writes about his coding and reverse engineering adventures. ## An Effective Twig Base Templating Setup DevFeed: [An Effective Twig Base Templating Setup]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2019-11-21T01:29:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Template](), [Web Development](), [Development](), [Front end]() Tags: [base](), [build](), [cms](), [craft](), [foundation](), [good](), [insights](), [projects](), [provides](), [setup](), [solid](), [stable](), [templates](), [templating](), [twig]() ### AI overview This tutorial presents a reusable Twig base templating setup for Craft CMS websites. It explains the role of Twig as a presentation layer and outlines desired capabilities, including reuse across projects, support for web pages and AJAX/XHR modals, core features with flexibility, and Google AMP pages when appropriate. ### Source excerpt A good base templating setup for your Craft CMS Twig templates provides a stable, solid foundation on which to build your projects ## Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm DevFeed: [Auto-Complete Craft CMS 3 APIs in Twig with PhpStorm]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2019-03-17T22:55:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [phpstorm](), [Content Management System](), [PHP]() Tags: [apis](), [auto-complete](), [auto-completion](), [cms](), [combined](), [craft](), [deprecated](), [insights](), [little](), [magic](), [phpstorm](), [plugin](), [symfony](), [templates](), [twig]() ### AI overview A deprecated tutorial explains how to configure PhpStorm's Symfony plugin and a faux Twig extension to enable Craft CMS API autocomplete in Twig templates. It recommends using the Craft Autocomplete package instead. ### Source excerpt The Symfony plugin combined with a little magic will give you full auto-complete of all Craft CMS APIs in your Twig templates with PhpStorm! ## Speed up your Craft CMS Templates with Eager Loading DevFeed: [Speed up your Craft CMS Templates with Eager Loading]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-09-30T04:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Database](), [Code](), [Back end](), [Front end]() Tags: [allows](), [backend](), [cms](), [craft](), [database](), [eager-loading](), [efficiently](), [elements](), [entries](), [fetching](), [frontend](), [insights](), [loading](), [speed](), [templates]() ### AI overview This tutorial explains how Craft CMS stores content as related Elements and how lazy loading can create an n+1 database access pattern. It introduces eager loading as a way to fetch related entries and assets more efficiently in templates. ### Source excerpt Eager-Loading Elements allows you to speed up your Craft CMS templates by fetching entries from the database more efficiently. ## Choosing Checklist Tools for Different Tasks DevFeed: [Choosing Checklist Tools for Different Tasks]() Original publisher: [Read original article]() Author: Eddie Smith Published: 2017-07-25T00:00:00Z Content type: opinion Language: en Sources: [Eddie Smith]() Topics: [App](), [Tool](), [file](), [LaTeX]() Tags: [apple](), [application](), [apps](), [file](), [files](), [latex](), [mac](), [tasks](), [templates](), [tools]() ### AI overview The article argues that no single checklist tool is best for everyone. The appropriate format depends on the task and whether users need to track both unfinished and completed items. It discusses spreadsheets, OmniOutliner, Apple Notes, Drafts, and file-organization methods for different uses. ### Source excerpt Gabe whipped up a great list of checklist tools. My favorite aspect of his post is that there's no clear winner. There shouldn't be. Checklists can come in all forms, and the ideal format depends entirely on the application. For me, checklists make sense when I need to see not only what needs to be done, but also what I've already done. Apps that automatically "vanish" completed tasks fail to do the latter. For me, sometimes there's just no substitute for a spreadsheet for large checklists, especially if each item can have multiple statuses or dimensions. Sometimes adding more columns is way more efficient than adding more tasks (rows). For packing lists, I've tried so many apps, but OmniOutliner is the best for me. It's simple checkbox feature is perfect, and I have several templates I use for different types of trips. Sometimes an Apple Note will suffice, and sometimes I just "x" lines in Drafts for a quick and dirty grocery list. When I'm working with large numbers of LaTeX files on my Mac, I use file colors, prefix schemes, and even moving files from one folder to another to keep what I've processed and what I haven't. Checklists are as old as civilization and are one of the most fundamental ways to augment the human mind, which needs help seeing where it's been and where it needs to go. Everyone can benefit from checklists. Just check out The Checklist Manifesto. ## Frameworkless JavaScript Part 2: Templates and Rendering DevFeed: [Frameworkless JavaScript Part 2: Templates and Rendering]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2017-01-08T18:19:00Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [Vanilla JavaScript](), [JavaScript](), [Code](), [Framework]() Tags: [best-practices](), [code](), [frameworks](), [how-to](), [javascript](), [templates](), [templating](), [vanilla-javascript]() ### AI overview This tutorial explains how to implement basic HTML templating and string interpolation with vanilla JavaScript, using native APIs and methods instead of libraries or frameworks. ### Source excerpt This article is one in a series about writing client-focused JavaScript without the help of libraries and frameworks. It's meant to help developers remember that they can write good code on their own using nothing but native APIs and methods. For more, check out the original article on writing small ## Twig Processing Order & Scope DevFeed: [Twig Processing Order & Scope]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2016-11-28T15:31:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Template](), [Front end](), [Code](), [Content Management System]() Tags: [code](), [frontend](), [important](), [insights](), [language](), [little-known](), [order](), [processing](), [scope](), [templates](), [templating](), [twig](), [understand]() ### AI overview This tutorial explains Twig's processing order and variable scope. It describes how extended, included, and block templates are processed, and why variables defined in one template context are not available in others. ### Source excerpt The Twig templating language has a little-known processing order & scope that is important to understand ## Thoughts on Atom Building in the Pattern Library DevFeed: [Thoughts on Atom Building in the Pattern Library]() Original publisher: [Read original article]() Author: Ian Devlin Lead Developer; Working; Accessibility Follow Published: 2016-06-16T00:00:00Z Content type: opinion Language: en Sources: [Trivago]() Topics: [Library](), [HTML](), [Web Development]() Tags: [aria](), [building](), [complexity](), [design](), [flexibility](), [frontend](), [id](), [library](), [patterns](), [templates](), [thoughts](), [user-experience]() ### AI overview A personal reflection on designing reusable UI atoms in trivago's Twig-based Pattern Library. Using a button as an example, the article examines the trade-off between an atom's simplicity and the flexibility needed for text, classes, event listeners, IDs, attributes, WAI-ARIA attributes, and disabled states. ### Source excerpt At trivago we are building and using a Pattern Library which is based on Brad Frost's Pattern Lab adapted to our needs; our patterns are written in Twig. This Pattern Lab is based around Brad's Atomic Design, which is also something that we are embracing. ## Multiline strings in ES6 JavaScript DevFeed: [Multiline strings in ES6 JavaScript]() Original publisher: [Read original article]() Author: Jack Tarantino Published: 2015-11-29T23:59:53Z Content type: tutorial Language: en Sources: [Jacopo Tarantino]() Topics: [JavaScript](), [es6](), [Template]() Tags: [best-practices](), [es6](), [javascript](), [string](), [template](), [template-strings](), [templates]() ### AI overview A tutorial on ES6 Template Strings in JavaScript, covering multiline strings, interpolation, tagged template strings, and older ES5 techniques for writing multiline strings. ### Source excerpt The new kid in town is called Template Strings. Template Strings are demarked by a backtick(`) on either end and can contain other backticks if they are escaped by a backslash(ie. let my_string = `some cool \`escaped\` thing`). This new kind of primitive in JavaScript is different from [Next page]()