# gallery Published articles for gallery. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Addition By Subtraction DevFeed: [Addition By Subtraction]() Original publisher: [Read original article]() Author: Jim Nielsen Published: 2026-11-08T19:00:00Z Content type: opinion Language: en Sources: [Jim Nielsen's Blog]() Topics: [Website](), [Icons]() Tags: [addition](), [better](), [choice](), [control](), [dimensions](), [functionality](), [gallery](), [great](), [less](), [list](), [mobile](), [more](), [need](), [number](), [options](), [pixel](), [plus](), [simple](), [site](), [sites]() ### AI overview The author simplified icon gallery list views by removing the 512x512 option, leaving 56x56, 128x128 (the default), and 256x256. The smaller size suits mobile, while the larger list size shows more detail; for a 512-pixel view, users can open an icon's detail page. The author says the three-step choice--default, smaller, or bigger--reduces decision-making. A dynamic slider is a possible future addition, but has not been implemented. ### Source excerpt I still think saying no is important. In that vein, here's something I shipped by removing functionality (and I think my site is better for it). For the longest time on my icon gallery sites, you could view a list of icons in four pixel dimensions: 56x56 128x128 256x256 512x512 Each of these sizes could be accessed via a control on the website. This has been true for years on my site, whether it's the current site: Or an older version of the site: By default, I loaded the 128-pixel version of the icons. But if you wanted to see other sizes, you could. However, the more I used the site myself the more I thought, "Four options is too many". When it comes to choice, what I really wanted was: Default Smaller Bigger (Plus three is always a good number, unless you have a reason otherwise). So I removed the big 512 option. If I want to study an icon at that size and detail, I click through to the icon's detail page. Now there are three options for list views: 56, 128, and 256. Small (great on mobile), 128 (great by default), and big (let me see more detail). It's simple to think about: You get a size by default. Not big enough? Go up a size. Too big? Go down a size. You don't need to think about it anymore than that. I mean you can, but I've found I don't need to. So I've taken that off your plate. Less cognitive overhead. Maybe one day I'll add a slider and make it all dynamic. But for now, I like this small addition by subtraction. Reply via: Email - Mastodon - Bluesky ## CounterFactual Retrieval for Evidence-Aware Individual Animal Identification DevFeed: [CounterFactual Retrieval for Evidence-Aware Individual Animal Identification]() Original publisher: [Read original article]() Author: Ankit K. Upadhyay, Aleksandr Algasov, Ekaterina Nepovinnykh, Fedor Zolotarev, Tuomas Eerola, Heikki K\\"alvi\\"ainen, Charles V. Stewart, Lukas Picek Published: 2026-11-05T05:00:00Z Content type: article Language: en Sources: [arXiv: Artificial Intelligence]() Topics: [Image](), [Image processing](), [Enhancing AI model performance](), [AI Foundation Models]() Tags: [animals](), [automated](), [background](), [benchmarks](), [code](), [cs-ai](), [cs-cv](), [cs-lg](), [datasets](), [evaluation](), [features](), [foundation](), [foundation-models](), [gallery](), [generation](), [identity](), [image](), [images](), [mask](), [masks](), [model](), [models](), [retrieval]() ### AI overview Counterfactual Foreground Retrieval (CFR) measures not only animal-identification retrieval accuracy but also what visual evidence supports it. It evaluates the same query-gallery task on full images, animal foregrounds, and shortcut-only views: these show overall performance, performance when only the animal is visible, and identity signal recoverable from background or silhouette after removing the animal. The authors report releasing about 0.5 million masks across 34 datasets, plus code for mask generation and CFR evaluation. ### Source excerpt arXiv:2611.06864v1 Announce Type: cross Abstract: Automated identification of individual animals is moving from small curated studies toward shared benchmarks and reusable foundation models. This progress is useful, but current evaluation leaves the evidence behind a match unresolved, i.e., high retrieval accuracy does not show whether a model used animal features or identity-correlated shortcuts. We address this with Counterfactual Foreground Retrieval (CFR), an evidence-aware evaluation protocol. CFR evaluates the same query-gallery task under different views: full image, foreground-only, and shortcut-only. The full-image measures standard retrieval performance; the foreground-only measures foreground-supported retrieval; and shortcut-only view measure how much identity signal is recoverable from background, or silhouette. This turns a retrieval score into an evidence profile: how well the model performs on the original images, how much of that performance remains when only the animal is visible, and how much identity signal remains recoverable when the animal is removed. We release around 0.5M masks for 34 datasets and code for mask generation and CFR evaluation. ## Multi-Column Different-Speed Scrolling DevFeed: [Multi-Column Different-Speed Scrolling]() Original publisher: [Read original article]() Author: Chris Coyier Published: 2026-11-03T20:24:21Z Content type: tutorial Language: en Sources: [Master.dev Blog RSS Feed]() Topics: [web animation](), [how to create parallax scrolling effects](), [Image]() Tags: [animations](), [blog-post](), [breakpoint](), [column](), [css](), [custom-media](), [faster](), [gallery](), [grid](), [html](), [image](), [images](), [layout](), [popover](), [scroll](), [scroll-driven-animations](), [scrolling]() ### AI overview The article demonstrates photo galleries where columns appear to scroll at different speeds while the page's actual scrolling remains untouched. It uses CSS Scroll-Driven Animations: a `scroll(root block)` timeline applies a `translateY` animation to the right column, with `@supports` so unsupported browsers retain ordinary scrolling. A separate `view(block)` animation can zoom and shift each image as it crosses the page. The author presents both as progressive enhancements, notes the column movement uses arbitrary values, and suggests considering `prefers-reduced-motion`. A reverse-scrolling variant animates the column upward, positions it sticky, and calculates each image's movement from scroll position; the author says this version is more finicky. The examples use no JavaScript for the faster-column effect, while the cited older Codrops approach uses JavaScript. ### Source excerpt Scroll-Driven Animations can step in and make scrolling feel different even if you aren't actually interfering with the actual page scroll. ## QFacePlacement: From Arbitrary Tensorization to Semantic Spatial Correspondence in Modern Face Verification DevFeed: [QFacePlacement: From Arbitrary Tensorization to Semantic Spatial Correspondence in Modern Face Verification]() Original publisher: [Read original article]() Author: Krishna Bhatia, Kavita Choudhary, Pruthwik Mishra, Praveen Kumar Chandaliya Published: 2026-11-03T05:00:00Z Content type: article Language: en Sources: [arXiv: Machine Learning]() Topics: [Facial recognition](), [Computer vision](), [Embeddings]() Tags: [alignment](), [compression](), [computer-vision](), [cosine](), [cs-cv](), [cs-lg](), [embedding](), [features](), [gallery](), [global](), [hybrid](), [linear](), [local](), [matching](), [matrix](), [metrics](), [model](), [mpo](), [quantum](), [semantic](), [spatial](), [verification]() ### AI overview The study finds that tensor compression works better when applied to semantically aligned spatial correspondences than to arbitrary face-embedding reshapes, but compactness does not ensure strong verification at low false-accept rates. For mapping 512-dimensional AdaFace embeddings into ArcFace space, dense Ridge performs better than compressed alternatives at a 64K-parameter budget: mean directional AUC is 0.9297 for Ridge, 0.8952 for rank-64 SVD, 0.8685 for the best low-rank MPO hybrid, and about 0.649 for raw MPO. A geometry-aware symmetric tensor train applied to local descriptor correspondences uses 122 parameters versus 2,403 for a dense linear matcher and reaches 0.9802 LFW AUC. However, its TAR at FAR 0.001 is lower than global cosine matching on CFP-FP (0.0102 vs. 0.1734) and CPLFW (0.7805 vs. 0.8737), underscoring the need to assess operational low-FAR metrics alongside aggregate AUC. ### Source excerpt arXiv:2611.02505v1 Announce Type: cross Abstract: Quantum-inspired computer vision often reshapes high-dimensional features into tensors and applies tensor-network models. In face verification, this can be misleading: modern embeddings are optimized for cosine similarity, and tensorization alone does not establish the low-rank structure needed for tensor trains or matrix-product operators (MPOs). We study model placement through two controlled interfaces. First, cross-model embedding alignment requires a 512 x 512 operator to map AdaFace embeddings into ArcFace space. Dense Ridge and Procrustes mappings remain strong, while deterministic TT-SVD and MPO compression underperform even with basis changes and low-rank residuals. At a 64K-parameter storage budget, mean directional AUC is 0.9297 for dense Ridge, 0.8952 for rank-64 SVD, 0.8685 for the best low-rank-MPO hybrid, and approximately 0.649 for raw MPO. Second, before global pooling, we construct a 7 x 7 x 7 x 7 probe-gallery correspondence tensor from local AdaFace descriptors. A geometry-aware symmetric tensor train with bond dimension 2 uses 122 trainable parameters, compared with 2,403 for a dense linear matcher, while attaining an LFW AUC of 0.9802. Yet compression does not translate into better low-false-acceptance performance: on CFP-FP, TAR at FAR = 0.001 is 0.0102 versus 0.1734 for global cosine matching, and on CPLFW it is 0.7805 versus 0.8737. These results suggest that quantum-inspired factorization is most credible when the chosen interface provides task-aligned axes and compressible structure. They also show why aggregate AUC must be assessed alongside operational low-FAR metrics. ## PicPeak: Self-Hosted Photo Galleries That Make Sharing Easy DevFeed: [PicPeak: Self-Hosted Photo Galleries That Make Sharing Easy]() Original publisher: [Read original article]() Author: Jeremy Published: 2026-10-29T11:39:23Z Content type: article Language: en Sources: [Noted]() Topics: [Self-hosted](), [Image](), [Homelab](), [SQLite]() Tags: [contribute](), [events](), [gallery](), [guests](), [photo](), [self-hosted](), [self-hosted-photo-galleries](), [sharing]() ### AI overview PicPeak is an open-source, self-hosted gallery platform built around sharing event albums rather than managing an entire photo library. Hosts can customize galleries, add passwords and expiration dates, and let visitors view or download images without accounts. Guest uploads and a live slideshow help collect and display photos during events; photographers can also use favorites and client feedback. Deployment options include an all-in-one Docker image with SQLite or a Docker Compose stack with PostgreSQL and Redis. It supports local or S3-compatible storage and can reference photos in an external media directory without moving originals. The text also notes that customer management and invoicing are in beta. ### Source excerpt PicPeak is a self-hosted photo gallery platform for sharing events and letting guests contribute their own pictures. ## How to add images to a multi-image CMS field with the Webflow API DevFeed: [How to add images to a multi-image CMS field with the Webflow API]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-10-24T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Image]() Tags: [2](), [22](), [3](), [about](), [accessible](), [adapter](), [ai](), [ai-coding-assistant](), [api](), [cloud](), [cms](), [field](), [gallery](), [guides](), [how-to](), [image](), [images](), [photos](), [route](), [webflow](), [with]() ### AI overview A Webflow API write replaces the entire multi-image field, so sending only new photos can erase images editors already added. The described Next.js 15 route on Webflow Cloud reads the gallery, appends entries not already present by URL or alt text, then PATCHes the full list. It requires a server-side token with CMS read/write scopes, a shared secret, and publicly accessible HTTPS image URLs; images must be no larger than 4 MB and the field holds at most 25. The route rejects invalid input, returns 409 if the item changes during its re-read check, and uses `skipInvalidFiles=false` so an inaccessible image fails the write. Concurrent writes can still overwrite one another because Webflow offers no conditional write; batch additions per item or serialize requests and retry conflicts. The update remains staged until the item or site is published. The article also notes Webflow Cloud's Next.js runtime and package-manager constraints. ### Source excerpt Learn how to add images to a Webflow CMS multi-image field from a Webflow Cloud route without deleting the photos editors already placed in the gallery. ## How to add images to a multi-image CMS field with the Webflow API DevFeed: [How to add images to a multi-image CMS field with the Webflow API]() Original publisher: [Read original article]() Author: Ismail Ajagbe Published: 2026-10-24T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [webflow](), [Image]() Tags: [api](), [cloud](), [cms](), [field](), [gallery](), [guides](), [how-to](), [image](), [images](), [webflow]() ### AI overview A Webflow CMS multi-image update replaces the entire stored list, so a sync that sends only new photos can erase images editors added. The described Next.js 15 route reads the gallery, merges incoming images, then PATCHes the full list; it keeps existing entries and skips incoming ones whose URL or alt text matches an existing or earlier addition. It requires a server-side Webflow token with CMS:read and CMS:write scopes, a shared-secret header, public HTTPS image URLs under 4 MB, and no more than 25 images. The route checks lastUpdated before writing and returns 409 if the item changed, but Webflow has no conditional write, so overlapping updates can still race; callers should send additions together or sequentially and retry conflicts. Writes update the staged CMS item, so publishing is needed for the live site. The article also notes Webflow Cloud's Next.js runtime constraint and three Data API calls per request. ### Source excerpt Learn how to add images to a Webflow CMS multi-image field from a Webflow Cloud route without deleting the photos editors already placed in the gallery. ## Whistle and Wrong Lyrics: Synthetic Queries Are Not Enough for Real-World Query-by-Melody DevFeed: [Whistle and Wrong Lyrics: Synthetic Queries Are Not Enough for Real-World Query-by-Melody]() Original publisher: [Read original article]() Author: Luigi Rivolta Published: 2026-10-21T04:00:00Z Content type: article Language: en Sources: [arXiv: Machine Learning]() Topics: [Advanced AI workflows](), [Open Source Models & Datasets]() Tags: [arxiv](), [benchmarks](), [ci](), [code](), [cs-ir](), [cs-lg](), [cs-sd](), [data](), [dataset](), [embedded](), [error](), [gallery](), [generator](), [key](), [model](), [models](), [music](), [neural](), [open-source](), [queries](), [query](), [real-world](), [synthetic]() ### AI overview The study finds that synthetic query generation improves retrieval on held-out synthetic whistles and wrong-lyrics singing, but does not improve results on real whistles. A melody-only system embeds key-normalized pitch tracks with a 5.2M-parameter contour encoder and uses spectral-peak tracking for whistles. Physics-based synthetic training raised top-1 accuracy from 0.180 to 0.251 for whistles and 0.193 to 0.264 for wrong-lyrics singing, yet the best synthetic-only model correctly retrieved 210 of 339 real MLEnd whistles, versus 214 for the baseline. Commercial neural generations also left real-whistle accuracy unchanged; an open-source pipeline reached at best 0.619. Fine-tuning on real MLEnd whistles raised whistle-to-hum top-1 from 0.631 to 0.673 on known songs with performer-disjoint splits. The authors conclude that collecting real queries is needed to address the transfer gap. ### Source excerpt arXiv:2610.25371v1 Announce Type: cross Abstract: People look up a song by humming it, but also by whistling it or singing it with the wrong words. Published query-by-humming systems and benchmarks focus on hums and sung queries, and no public dataset pairs whistles or wrong-lyrics singing with song recordings. We study both query types with a melody-only retrieval system: a key-normalized pitch track embedded by a 5.2M-parameter contour encoder, with a spectral-peak tracker for whistles. First, a physics-grounded generator renders synthetic whistles and nonsense-syllable singing from the vocal melodies of 11,083 songs. Training on them raises top-1 retrieval of held-out synthetic queries against an 11,050-song gallery from 0.180 to 0.251 for whistles and from 0.193 to 0.264 for wrong-lyrics singing, but the gain does not transfer: on the MLEnd test performers the best synthetic-only model gets 210 of 339 real whistles right at top-1, against 214 for the baseline. Second, a closed-set fine-tune on real MLEnd whistles with performer-disjoint splits raises whistle-to-hum top-1 from 0.631 (95% CI 0.581-0.681) to 0.673 (0.622-0.723), on known songs only. Third, two further generations of synthetic queries also fail to transfer: melody-conditioned whistles and la-la singing from a commercial neural music model leave real-whistle top-1 at 0.631, and an open-source pipeline (YingMusic-Singer-Plus singing with partly wrong, mumbled or nonsense lyrics, a DDSP whistle synthesizer, and a melody-error model fitted on real performers) gives at best 0.619 (paired difference -0.012, 95% CI -0.038 to +0.015). Across physics-based, commercial neural and open-source neural synthetic data, nothing transferred to real whistles, which points to collecting real queries as the missing step. Code is public; models and data will be released. ## Day 63: Deploy Iron Gallery App on Kubernetes DevFeed: [Day 63: Deploy Iron Gallery App on Kubernetes]() Original publisher: [Read original article]() Author: Yashvi Kothari Published: 2026-10-12T21:11:02Z Content type: tutorial Language: en Sources: [DevOps.dev]() Topics: [rancher](), [container images](), [CI/CD]() Tags: [app](), [cloud-computing](), [container](), [database](), [deploy](), [deployment](), [devops](), [docker](), [gallery](), [infrastructure](), [infrastructure-engineering](), [kubernetes](), [linux](), [services](), [storage]() ### AI overview The walkthrough deploys Iron Gallery and MariaDB in the `iron-namespace-xfusion` namespace using one replica each. It specifies `emptyDir` volumes for gallery uploads/data and the database, a ClusterIP service for MariaDB, and a NodePort service for the gallery on port 32678. The note says database-to-frontend connectivity is not required for the exercise; seeing the installation page is sufficient. The article cautions that `emptyDir` is temporary, credentials should move to Secrets or external secret management for production, and deployment or service creation alone does not verify application readiness. It recommends checking the full request path and considering durable database storage, backups, health probes, suitable resource sizing, and production traffic and security controls. ### Source excerpt 100 Days of DevOps Your Kubernetes Pod is running. The deployment looks healthy. Everything seems fine. But can anyone actually access your application? This is where Kubernetes stops being a collection of YAML files and starts becoming a lesson in real infrastructure engineering. A running container doesn't automatically mean a working application. You need a way to organize workloads, manage resources, expose services, and handle storage. And that's exactly what I explored on Day 63 of my 100 Days of DevOps challenge. Today's mission: Deploy the Iron Gallery application with its MariaDB database on a Kubernetes cluster. Two deployments. Two services. One namespace. And several important lessons about how Kubernetes actually works. Let's break it down. Day 63 | Kubernetes Hands-On Challenge There is an iron gallery app that the Nautilus DevOps team was developing. They have recently customized the app and are going to deploy the same on the Kubernetes cluster. Below you can find more details: Create a namespace iron-namespace-xfusion Create a deployment iron-gallery-deployment-xfusion for iron gallery under the same namespace you created. :- Labels run should be iron-gallery. :- Replicas count should be 1. :- Selector's matchLabels run should be iron-gallery. :- Template labels run should be iron-gallery under metadata. :- The container should be named as iron-gallery-container-xfusion, use kodekloud/irongallery:2.0 image ( use exact image name / tag ). :- Resources limits for memory should be 100Mi and for CPU should be 50m. :- First volumeMount name should be config, its mountPath should be /usr/share/nginx/html/data. :- Second volumeMount name should be images, its mountPath should be /usr/share/nginx/html/uploads. :- First volume name should be config and give it emptyDir and second volume name should be images, also give it emptyDir. 3. Create a deployment iron-db-deployment-xfusion for iron db under the same namespace. :- Labels db should be mariadb. :- Repli ## P.A.R. is a flip-squisk display that draws your pixel art DevFeed: [P.A.R. is a flip-squisk display that draws your pixel art]() Original publisher: [Read original article]() Author: Arduino Team Published: 2026-08-31T13:26:46Z Content type: article Language: en Sources: [Arduino Blog]() Topics: [Arduino](), [ESP32](), [Internet](), [3D](), [Website]() Tags: [3d](), [3d-printing](), [arduino](), [esp32](), [flip-disc-display](), [flip-squisk](), [gallery](), [internet](), [nano-esp32](), [pixel-art]() ### AI overview Arduino Blog describes P.A.R. (Pixel Art Robot), a 37 x 18 flip-squisk display that uses a servo-actuated robot controlled by an Arduino Nano ESP32 to flip 3D-printed square discs and render monochrome pixel art. A color sensor detects each disc's state, and an internet-connected website lets visitors submit images for display. ### Source excerpt Flip-disc displays used to be very common in the days before affordable LEDs, LCDs, and OLEDs. But as electromechanical devices with a lot of moving parts, they're expensive and rare today. That's a shame, because they're charming. That charm is what led Zimm to the creation of this novel flip-squisk display called P.A.R (Pixel Art [...] The post P.A.R. is a flip-squisk display that draws your pixel art appeared first on Arduino Blog. ## Marc Andreessen Egg Game DevFeed: [Marc Andreessen Egg Game]() Original publisher: [Read original article]() Author: Nolen Royalty (eieiogames@gmail.com) Published: 2026-05-07T00:00:00Z Content type: article Language: en Sources: [Eieio Games]() Topics: [browser-game](), [Image]() Tags: [3](), [all](), [automatically](), [creative](), [demand](), [drawing](), [for-founders](), [gallery](), [game](), [global](), [gotten](), [great](), [groups](), [help](), [interface](), [labeling](), [light](), [lighting](), [manifesto](), [map]() ### AI overview Marc Andreessen Egg Game lets players draw eggs to resemble Marc Andreessen, either making one egg with unlimited time in Creative Mode or three quickly in Speedrun Mode. For lighting, it estimates a normal map for the egg's surface, then provides hand-chosen defaults that players can adjust in Creative Mode. To score speedruns, the creator made labeled reference drawings for each image, grouped them into colored regions, and uses those regions to prompt features such as beard or nose and suggest colors. Drawings are compared with the reference regions, with evaluation flexibility adjusted for the feature: sweater size and placement can be judged more broadly than the harder-to-place eyebrows. Players can submit drawings to the gallery. ### Source excerpt Marc Andreessen Egg Game helps you make eggs that look like Marc Andreessen. ## Tsinghua's Multi-Agent AI Classroom, Anthropic's Context Engineering Playbook, and a 54 LLM-Architecture Gallery - 📚 The Tokenizer Edition #22 DevFeed: [Tsinghua's Multi-Agent AI Classroom, Anthropic's Context Engineering Playbook, and a 54 LLM-Architecture Gallery - 📚 The Tokenizer Edition #22]() Original publisher: [Read original article]() Author: Sairam Sundaresan Published: 2026-04-02T23:34:09Z Content type: article Language: en Sources: [Gradient Ascent]() Topics: [Artificial Intelligence](), [anthropic](), [Large Language Model](), [interactive storytelling]() Tags: [ai](), [ai-research](), [anthropic](), [benchmarks](), [claude-code](), [gallery](), [llm]() ### AI overview The Tokenizer Edition #22 curates AI and machine learning resources, including papers on real-time video generation, video world models, and task-aware sampling; videos on LLM architectures, KV-cache compression, and Claude Code; articles on AI interfaces, benchmarks, and context management; agent tools; and learning resources such as Tsinghua's multi-agent AI classroom. ### Source excerpt This week's most valuable AI resources ## Astro Together 2024 DevFeed: [Astro Together 2024]() Original publisher: [Read original article]() Author: Thuy Doan Published: 2024-06-14T00:00:00Z Content type: article Language: en Sources: [The Astro Blog]() Topics: [Astro](), [coding-community](), [Mastodon](), [X (Twitter)]() Tags: [astro](), [canada](), [community](), [developer-community](), [event](), [gallery](), [keynote](), [meetup](), [photos](), [post](), [presentation]() ### AI overview Astro Together 2024 was the Astro core team's first in-person meetup in Montreal, Canada. The article recaps the event, thanks the local developer community, and provides a photo gallery and the full keynote presentation. ### Source excerpt A look back at our meetup in Montreal ## Are you using the right Mongo geospatial query? DevFeed: [Are you using the right Mongo geospatial query?]() Original publisher: [Read original article]() Published: 2023-02-10T00:00:00Z Content type: article Language: en Sources: [Artsy]() Topics: [geospatial](), [Tool](), [Ruby on Rails](), [GeoJSON]() Tags: [api](), [application](), [best-practices](), [conversion](), [data](), [debugging](), [events](), [exhibition](), [exhibitions](), [gallery](), [geospatial](), [geospatial-data](), [gravity](), [json](), [mongo](), [mongodb](), [partner](), [point](), [queries](), [query](), [radius](), [rails](), [shows]() ### AI overview A Los Angeles gallery in Santa Monica was missing from listings despite appearing to be within the API's default 25 km radius. The investigation reproduced the MongoDB query, widened it to 50 km, and mapped results in Placemark against a geodesic 25 km circle. Spot checks suggested that points near the circle's top and bottom were evaluated correctly, while points near its left and right edges could be wrongly omitted. The excerpt explains that the query converts kilometers to degrees using approximately 111.32 km per degree, a conversion described as accurate enough at the equator. It ends before identifying the cause or showing a fix. ### Source excerpt We recently got a report from one of our galleries in the Los Angeles area that they weren't showing up on our Los Angeles exhibition listings. I fielded the report and right away confirmed: when we asked our core API for /shows?near=, sure enough this gallery partner didn't make the cut. Turns out they are based in Santa Monica, a separate and neighboring municipality. They must not be within the 25km radius that we use by default for these sorts of queries. Case closed. Or so I thought. After some back and forth with our partner I decided to investigate more thoroughly, this time using some tricks of the trade from my other life outside of Artsy. Casting a wider net If there was something wrong with our 25km radius query, I wanted to start by casting a wider net and visualizing the results. I consulted our Rails application code to find the query logic in question, and then issued the same query directly to MongoDB. Something like the following query (simplified for clarity): // a $geoWithin $center query db.events.find({ coordinates: { $geoWithin: { $center: [[-118.24, 34.05], 25 / 111.32], }, }, }) In the query above we are asking MongoDB to give us all events within a 25km radius around the point 34.05°N, 118.24°W which we have designated as a central point within Los Angeles. For our purposes in this post we can consider "events" ~= "exhibitions" ~= "shows." We are not asking for the 25km radius directly, but rather converting it into an equivalent amount of geographic degrees by using a conversion factor of 1° ~= 111.32 kilometers, a factor which is true at enough the equator. I modified the above query to cast a 50km net in order to see if there were some edges cases that needed scrutiny. Taking the resulting JSON response, I fired up Placemark, my favorite new tool for wrangling geospatial data. (Incidentally I recommend reading Tom Macwright's recent reflection on creating Placemark as a bootstrapped indie developer.) All shows within ## Announcing the Winners of the Square Unboxed Hackathon DevFeed: [Announcing the Winners of the Square Unboxed Hackathon]() Original publisher: [Read original article]() Author: Bobbilee Hartman Published: 2022-10-14T04:00:00Z Content type: news Language: en Sources: [Square Corner]() Topics: [Hackathon](), [API Economy](), [developer-relations]() Tags: [2022](), [apis](), [apple](), [apple-watch](), [b2b](), [cash-app](), [developer-platform](), [developers](), [feedback](), [festival](), [gallery](), [hackathon](), [square]() ### AI overview Square's 2022 Unboxed Hackathon invited developers to build with the Bookings, Cash App Pay, Checkout, and Terminal APIs, with the stated goal of encouraging API use and gathering developer feedback. Winners shared $85,000; judging considered idea quality, implementation and API use, submission materials, and potential value to Square sellers and customers. Projects included TinyTab, for servers to send orders and take payments from an Apple Watch; Get Together, which lets customers book Square Appointments by text; Bento, which tracks inventory and deducts recipe ingredients when catalog items sell; and Submatic, which adds bookable services to subscriptions or packages. The excerpt also describes integrations for booking webhooks, phone payments at kiosks, and partial invoice payments. ### Source excerpt Checkout the amazing projects that won at the Square Unboxed Hackathon 2022! ## Announcing the winners of the Build What's POS\_sible Hackathon DevFeed: [Announcing the winners of the Build What's POS\_sible Hackathon]() Original publisher: [Read original article]() Author: Shaziya Bandukia Published: 2021-12-17T19:00:00Z Content type: news Language: en Sources: [Square Corner]() Topics: [Hackathon](), [Machine learning]() Tags: [adapter](), [ai](), [algorithm](), [api](), [apis](), [audio](), [automation](), [customer-data](), [customers](), [developer-community](), [developer-platform](), [discord](), [e-commerce](), [feedback](), [forums](), [gallery](), [gift-cards](), [hackathon](), [loyalty](), [pos]() ### AI overview Square reports that its first Build What's POS_sible hackathon invited developers to create applications using at least one customer solution API, including Customers, Gift Cards, Invoices, Loyalty, and Team Management. Winners shared $100,000 in prizes. Judging considered idea quality, execution and API use, submission readiness, and potential value to sellers and customers. The excerpt describes projects ranging from small-business automation and customer recommendations to gift-card referrals, voice-based services, loyalty integrations, and customer-data tools. Square says developer feedback will inform improvements to its APIs. ### Source excerpt Congratulations to the winners! ## CSS Scroll Snap DevFeed: [CSS Scroll Snap]() Original publisher: [Read original article]() Author: Ahmad Shadeed Published: 2020-12-08T00:00:00Z Content type: tutorial Language: en Sources: [Ahmad Shadeed]() Topics: [CSS](), [Web Development](), [Front end]() Tags: [article](), [css](), [css-flexbox](), [developers](), [development](), [examples](), [front-end-development](), [gallery](), [how-to](), [implement](), [mobile](), [scroll](), [scroll-snap](), [scrollable](), [scrolling](), [swipe]() ### AI overview A tutorial on CSS Scroll Snap explains why it improves touch scrolling for swipeable galleries and other horizontal or vertical interfaces. It introduces scrolling containers, inline layouts, Flexbox, and snap points. ### Source excerpt An in-depth article on CSS scroll snap, why to use, how it works, and lots of examples. ## Matlab toolstrip - part 9 (popup figures) DevFeed: [Matlab toolstrip - part 9 (popup figures)]() Original publisher: [Read original article]() Author: Yair Altman Published: 2019-02-10T17:00:10Z Content type: tutorial Language: en Sources: [Undocumented Matlab]() Topics: [MATLAB]() Tags: [app](), [border](), [button](), [callback](), [classes](), [code](), [container](), [control](), [custom](), [customizable](), [figure](), [figure-window](), [figure-window-gui-high-risk-of-breaking-in-future-versions-java-undocumented-feature](), [file](), [form](), [gallery](), [gui](), [high-risk-of-breaking-in-future-versions](), [java](), [matlab](), [toolstrip](), [undocumented](), [undocumented-feature](), [window]() ### AI overview A toolstrip control can open a customizable popup built from a Matlab figure: create the figure, write a callback to initialize it and position it relative to the triggering control, then attach the callback. The figure should generally be modal and initially hidden. Only legacy Java-based figures made with GUIDE or figure are supported; web-based uifigure is not. The popup appears beneath the button but is an independent window with its own title bar, frame, and taskbar icon, and can be dragged. Hiding its frame can make it less obtrusive but prevents moving or resizing. The excerpt points to a Toolpack light-weight popup panel as a likely better alternative, to be covered in a later post. ### Source excerpt Custom popup figures can be attached to Matlab GUI toolstrip controls. The post Matlab toolstrip - part 9 (popup figures) appeared first on Undocumented Matlab. Related posts: Matlab toolstrip - part 4 (control customization) Matlab toolstrip components (controls) can be customized in various ways, including user-defined callbacks. ... Matlab toolstrip - part 2 (ToolGroup App) Matlab users can create custom Apps with toolstrips and docked figures. ... Matlab toolstrip - part 8 (galleries) Matlab toolstrips can contain customizable gallery panels of items. ... Matlab toolstrip - part 5 (icons) Icons can be specified in various ways for toolstrip controls and the app window itself. ... ## Matlab toolstrip - part 8 (galleries) DevFeed: [Matlab toolstrip - part 8 (galleries)]() Original publisher: [Read original article]() Author: Yair Altman Published: 2019-02-03T17:00:55Z Content type: tutorial Language: en Sources: [Undocumented Matlab]() Topics: [MATLAB](), [Tutorial]() Tags: [app](), [customizable](), [figure](), [figure-window](), [figure-window-gui-high-risk-of-breaking-in-future-versions-undocumented-feature](), [gallery](), [gui](), [high-risk-of-breaking-in-future-versions](), [matlab](), [multiple](), [selection](), [toolstrip](), [undocumented-feature]() ### AI overview MATLAB toolstrip galleries present buttons in grouped categories, either inline or in a popup panel. A gallery popup contains groups of items, which can be push-buttons or toggle-buttons. Toggle buttons support either single selection when used with a button group or multiple selection without one; push-buttons provide stateless, single-action behavior. The excerpt recommends assigning each item a Description, Tag, and ItemPushedFcn in a real GUI. Descriptions appear as tooltips in icon view and as labels in list view. The post points to showcaseToolGroup.m and showcaseBuildTab_Gallery.m in MATLAB's internal toolstrip directory for demonstrations. The supplied text ends while listing appearance properties, so it does not establish their full set or behavior. ### Source excerpt Matlab toolstrips can contain customizable gallery panels of items. The post Matlab toolstrip - part 8 (galleries) appeared first on Undocumented Matlab. Related posts: Matlab toolstrip - part 7 (selection controls) Matlab toolstrips can contain a wide variety of selection controls: popups, combo-boxes, and galleries. ... Matlab toolstrip - part 6 (complex controls) Multiple types of customizable controls can be added to Matlab toolstrips... Matlab toolstrip - part 9 (popup figures) Custom popup figures can be attached to Matlab GUI toolstrip controls. ... Matlab toolstrip - part 5 (icons) Icons can be specified in various ways for toolstrip controls and the app window itself. ... ## Matlab toolstrip - part 7 (selection controls) DevFeed: [Matlab toolstrip - part 7 (selection controls)]() Original publisher: [Read original article]() Author: Yair Altman Published: 2019-01-27T17:00:34Z Content type: tutorial Language: en Sources: [Undocumented Matlab]() Topics: [MATLAB](), [Toolbar]() Tags: [combo](), [complex](), [control](), [custom](), [figure](), [figure-window](), [figure-window-gui-high-risk-of-breaking-in-future-versions-undocumented-feature](), [gallery](), [gui](), [high-risk-of-breaking-in-future-versions](), [list](), [matlab](), [selection](), [selector](), [toolstrip](), [types](), [undocumented-feature](), [using](), [value]() ### AI overview The excerpt explains how to add selection controls to MATLAB toolstrips, building on earlier posts in a series. It describes a DropDown control that can map displayed labels to separate values; selecting a label updates its Value, and setting Editable=true lets users enter custom text that becomes the Value. ListBox is created similarly, but has no Editable property and offers MultiSelect (default false), which DropDown lacks. The excerpt also identifies icon-and-tooltip dropdowns, gallery selectors, and customizable popup forms as other popup types, with galleries and popup forms deferred to later posts. It does not include the code examples or the required setup snippet, and its final sentence is cut off. ### Source excerpt Matlab toolstrips can contain a wide variety of selection controls: popups, combo-boxes, and galleries. The post Matlab toolstrip - part 7 (selection controls) appeared first on Undocumented Matlab. Related posts: Matlab toolstrip - part 6 (complex controls) Multiple types of customizable controls can be added to Matlab toolstrips... Matlab toolstrip - part 8 (galleries) Matlab toolstrips can contain customizable gallery panels of items. ... Matlab toolstrip - part 9 (popup figures) Custom popup figures can be attached to Matlab GUI toolstrip controls. ... Matlab toolstrip - part 4 (control customization) Matlab toolstrip components (controls) can be customized in various ways, including user-defined callbacks. ... ## Melody - the sound of JavaScript for our Hotel Search DevFeed: [Melody - the sound of JavaScript for our Hotel Search]() Original publisher: [Read original article]() Author: Patrick Gotthardt Follow Published: 2018-06-28T00:00:00Z Content type: article Language: en Sources: [Trivago]() Topics: [Front end](), [performance-optimization](), [Backbone.js](), [React](), [Ember]() Tags: [2016](), [api](), [architecture](), [asynchronous](), [backend](), [browser](), [bugs](), [compiler](), [component](), [custom-elements](), [ember](), [fast](), [flexible](), [framework](), [frontend](), [gallery](), [javascript](), [memory](), [open-source]() ### AI overview Melody is trivago's open-source JavaScript framework, used since 2016 to render Twig-compatible templates on the client while avoiding the mismatch bugs and performance costs the company encountered with `innerHTML` updates and manual DOM manipulation. Its compiler, runtime, and component API can be replaced independently; trivago uses `melody-idom`, whose instructions compare expected structure with the live DOM during traversal without building or diffing a virtual DOM. The article reports a 7% increase in Gallery usage after migration, average code reductions of 40% for converted features, and low memory use, while noting Melody is difficult to set up and may have undiscovered bugs. A JSX compiler target supports React and Preact; a Node.js renderer was planned but not yet needed. The team was exploring Custom Elements and RxJS for a future component API. ### Source excerpt A while ago we decided to Open Source our JavaScript framework, Melody, which we have been using since 2016. We designed Melody to be fast, memory efficient and to be flexible enough for the future. ## The Next App Gallery Update DevFeed: [The Next App Gallery Update]() Original publisher: [Read original article]() Published: 2012-09-18T00:00:00Z Content type: article Language: en Sources: [SoundCloud Backstage]() Topics: [App](), [coding-community](), [API]() Tags: [announcements](), [api](), [app](), [community](), [developer](), [discovery](), [featured](), [gallery](), [quality](), [standard](), [update]() ### AI overview SoundCloud is changing how it manages the App Gallery for developer-built apps and services. It will prioritize high-quality apps that follow API Terms of Use, create valuable user experiences, and show traction, while proactively inviting qualifying developers instead of accepting mass submissions. ### Source excerpt We're making some changes to how we manage our App Gallery and wanted to take some time to explain them to you, our developer community. The... ## Conway's Game of Life in Conway's Game of Life DevFeed: [Conway's Game of Life in Conway's Game of Life]() Original publisher: [Read original article]() Published: 2011-11-03T17:48:30Z Content type: opinion Language: en Sources: [Jeremy Kun]() Topics: [implementation]() Tags: [conway](), [gallery](), [game](), [implementation](), [life]() ### AI overview The article presents an implementation of Conway's Game of Life running within Conway's Game of Life. It notes that the demonstration does not establish the intended proof and may instead belong in a proof gallery. ### Source excerpt Recalling our series on Conway's Game of Life, here is an implementation of Life within Life. Unfortunately, it does not "prove" what I hoped it might, so unless a reader has a suggestion on what this demonstration proves, it doesn't belong in the proof gallery. But it sure is impressive. ## Animatable: A CSS transitions gallery DevFeed: [Animatable: A CSS transitions gallery]() Original publisher: [Read original article]() Author: Lea Verou Published: 2011-10-30T00:00:00Z Content type: article Language: en Sources: [Lea Verou's blog]() Topics: [CSS](), [web animation](), [Web Development](), [browser](), [Google Chrome]() Tags: [blog](), [css](), [css-animations](), [css-transitions](), [experiment](), [gallery](), [original](), [releases]() ### AI overview Animatable is a gallery exploring how CSS properties look when transitioned individually. Hover over demos or select "Animate All"; clicking a demo opens details and a permalink, while arrow keys navigate and Esc returns to the listing. The project invites GitHub contributions, with contributors asked to add their Twitter username as a `data-author` attribute. It was tested only in Firefox and Chrome on OS X; other browser support is unknown, and it requires CSS animation support. ### Source excerpt What kind of transitions can you create with only one property? This is what my new experiment, animatable aims to explore. It's essentially a gallery of basic transitions. It aims to show how different animatable properties look when they transition and to broaden our horizons about which properties can be animated. Hover over the demos to see the animation in action, or click "Animate All" to see all of them (warning: might induce nausea, headache and seizures :P ). You can also click on it to see more details and get a permalink. Instead of clicking, you can also navigate with the arrow keys and press Esc to return to the main listing. Fork it on Github and add your own ideas. Be sure to add your twitter username to them as a data-author attribute! I've only tested in Firefox and Chrome for OSX so far. Not sure which other browsers are supported. However, since it uses CSS animations, we know for sure that it won't work in browsers that don't support CSS animations. Hope you enjoy it :) [Next page]()