Build a search-as-you-type text box with Turbo, Stimulus, and Rails.
Articles that I have been reading
In this article we will discuss and demonstrate how we can use Ruby to encode UUIDs into URL friendly representations....
Firefox is a popular browser choice, so here are five hidden features that you should be using to supercharge your...
I will die on this hill.
Turbo-charge your Article drafting feedback cycle with Hotwire-powered live previews.
Ship/Show/Ask is a branching strategy that helps teams wait less and ship more, without losing out on feedback.
Stencil allows developers to build reusable web components that can be incorporated into front-end frameworks like React, Angular, and Vue....
It's the time of year again, and with it comes a bundle of new Ruby 3.1 features getting approved and......
Progressive web app (PWA) behaves more like a regular app in devices. This article shows how to implement background sync...
Implementing search in your Rails app can be vexing. Here's a great pattern to use that combines the best parts...
This article shows how to optimize a Full Text Search implementation with Rails and PostgreSQL, taking a single query from...
Starting with v2021.2, RubyMine provides code assistance for working with RBS files, along with all of the essential features that...
Introducing a k6 plugin to load test WebSockets and instrumenting the application under test with Yabeda, Prometheus and Grafana
I wrote this a couple of years ago in another context, but it looks like it's still just as applicable...
The following article shows the benefits of investing some of your time into adding RBS declarations to your project. Catch...
The road to 1.0, plus upcoming opportunities to contribute to that vision to make it a reality.
I recently added hotwire to my pet project snippetsafe and wanted to see if I could replace the infinite scroll...
We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that...
ECMAScript, the standardized version of JavaScript is increasing its popularity and is becoming...
The new GitHub Issues - 09/03 update
Better Specs is a collection of best practices developers learned while testing apps that you can use to improve your...
The problem to be solved As a Rails application grows, its controllers tend to accumulate actions beyond the seven RESTful...
Turns jpeg, png and vector images into a hand-drawn look in a click.
React Native has been very successful at raising the bar for mobile development, both at Facebook and elsewhere in the...
Active Record lets you access raw SQL. We look at 5 business requests for data, translate them into SQL, then...
Software development consulting may sound challenging, but there's also growth, support and ownership in how we consult at Test Double....
Hotwire is a way to build modern web applications without much JavaScript by sending HTML over the wire. In this...
Heroku doesn't compress your applications’s responses, you should.
Learn how to make git hooks to do most routine tasks for you: install gems, migrate the database, run tests,...
Learn about encrypted version introduced with 5.1 to handling multi-environment credentials before rails 6 to Handling multi-environment credentials in rails...
Monkeypatching can be a great way to improve existing code if used right. Let's find out how.
It is a painful realization. You just added a beautiful, multi-page description into your bug tracker’s text editor, complete with...
These virtual meeting alternatives keep remote teams productive and collaborative while helping everyone avoid the dreaded Zoom fatigue. See the...
Rails 7 is taking up speed. There is no beta out yet, but a lot of features, especially in ActiveRecord...
Don’t wait until the last day to update your GitHub authentication method
I just write here
“In their first few years on the job, engineers spend roughly 30% of their workday writing, while engineers in middle...
Disclaimer: It should be noted that the provided HTML fails to implement the necessary ARIA...
This post belongs in the ‘highly speculative’ category. It contains ideas that I’ve yet to flesh out and properly pin...
A primer on avoiding duplicates in database tables that back your multi-threaded Rails applications with runnable examples
An exploration of how to implement a star rating with SVG that includes half a star.
There are strategies for reducing the size and responsibilities of large objects. Here’s one that worked for us at Shopify,...
Bring your brand color to built-in HTML form inputs with one line of code.
By default, Postgres locks writes (but not reads) to a table while creating...
I didn't much care for vanilla JavaScript prior to ES6. Through all of the 2000s, I chased different approaches to...
A statesmanlike state machine library. Contribute to gocardless/statesman development by creating an account on GitHub.
I just write here
©2021 Marco Colli, Founder / CTO @ Pushpad - Web Push Notifications
More than five years ago, we launched the Slack Platform, giving developers an easy way to build apps in Slack...
If you care about code quality — then these 5 JetBrains IDEs Plugins are for you! They'll help you...
The web as we know it is changing, it's turning from being static, single-player, and centralized to being immersive, multi-player,...
Comparing popular JavaScript date libraries.
Let's dive into Bullet and find out how it can help you identify some database-related problems.
A opinionated naming subtlety
An object that encapsulates access to an external system or resource
As user interfaces (UI) go, tabs are a particularly useful pattern. The word “tab” invokes images of beige manila file...
Typescript namespaces prevent bloated global scope and support distributed development. Learn when you'll need namespaces and how to use them....
When I was introduced to programming, I fell in love with it. The idea of changing the world just by......
Turbo is great. Here are a few things you should know as you begin to use it to add dynamic...
User experience bullshit for everyone!
UI interaction patterns & screenshots from the world's best digital products.
Exclamation mark notation and casting as unknown
We recently set about creating a framework and service for automatically generating social sharing images for repositories and other resources...
The entire idea of middleware is to execute code before the controller action that sends the response and after the...
I’m going to show you how to create a project with Rails 6.1 and its default Webpacker version (4.5), and...
Typescript, oh I love it. Take stackoverflow survey, or ask any developer, most of them do. All major...
Need to dynamically update fields when a user changes a select box? We can do that easily in Rails using...
1. Tiny bundle size = incredible performance When in development mode, the size of Tailwind's output...
Hello! Long time no see! Back in December, we decided to start working on our next major release, the...
For the past year, the [Sorbet](https://sorbet.org/) team has been working on an
Learn about localization library called Globalize. Store your translations in Globalize and see it in action by creating a sample...
How is this tutorial different? It's a modus operandi. This tutorial will make your React Native deployment pipeline completely operational…...
Disclaimer: You can find a friendly conversational style in my articles and it is intended for the sole purpose of...
Contribute to dcyoung-dev/hotwired_pages development by creating an account on GitHub.
we enjoy deliberately breaking things to test our production systems
As Uber’s offerings extend to include freight, autonomous vehicles and electric scooters, among others, its insurance needs are expected to...
Here’s what I think: if you are building websites, you don’t need React (in most cases). I have been...
ES2021 as approved by the Ecma General Assembly
Make Your Business Logic Independent From UI Components
Now that cross-browser support is at a tipping point, it's a good time to take a look at logical properties...
If you are serious about getting better at programming, you need to read these books
At Cloudflare, we have a great product called Workers KV which is a key-value storage layer that replicates globally. It...
This is part #2. Head over to part #1 to learn about HTTP in Ruby. Motivation Historically Ruby's been lacking...
How to deal with a model that tries to do too much? Consider something like this:
Factory Bot is a library for setting up test data objects in Ruby. And this tutorial shows how to setup...
RubyMine 2021.2 Release Candidate is available! Here’s a quick roundup of the most notable new features being introduced in the...
CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems....
Tangram is an all-in-one automated machine learning framework.
Ramblings from The Gnar Company team on all things tech, culture, and process.
Learn how to create a calendar component with Stencil in this Building with Stencil blog series. Check out our other...
Dr. Axel Rauschmayer looks at JSON modules, which is already live in Chrome 91 (but nothing else). It looks just...
Flipper aims to be your number one companion for mobile app development on iOS and Android. Therefore, we provide a...
Rails 7 series | Rails 7.0 adds encryption to Active Record models
On the other hand, you can download a copy of a production database which has happened in every company Ive...
“Yes,” she responded, “I am very excited about this position.”
A discussion about the reasons for using Active Record migrations vs. temporary rake tasks for data manipulations.
The actual intent of pair programming is based on an impossibility - that two people work together on the same...
Technical articles and how to use MongoDB features
Improve your Ruby on Rails application development performance using these 5 simple ways and take your RoR app development lifecycle...
Access Guide is a friendly introduction to digital accessibility based on WCAG 2.1
At some point in your career, you may well be advised to seek out a mentor. However, the benefits of...
Fast Redis Hosting and Analytics — RedisGreen databases include seamless online upgrades, SSL encryption, key size tracking, memory mapping, and more....
Easily and efficiently make your ActiveRecord models support hierarchies - ClosureTree/closure_tree
The success of the trial made global headlines. But the actual results tell a more complex story
At GitHub, we recently added a new feature to Rails that will be available in 7.0: support for handling associations...
A new music creation plug-in uses machine intelligence to compose songs on the fly that match the visual tone and...
Through my experience in the IT industry, I have experienced on my own that a high-quality mentorship...
Hello, buddies! I would like to get into our topic without wasting time. It's easy to write code....
In this tutorial, we are going to learn about how to get the html elements from an Iframe in JavaScript....
Why use Hotwire? Rails views can sometimes be fast and work perfectly, but some other...
Here are the 15 custom hooks to make your React component lightweight
Rails apps tend to start simple, with clean models and controllers. Then you start adding features. Before you know it,...
Why productivity is desirable The way I look at productivity is this: if I have to be at work all...
Want to know how to securely handle webhook events from Stripe in Ruby on Rails application? Here’s a complete guide...
![The Best Social Media Report Template for Social Media Managers [2021 Version]](https://www.convinceandconvert.com/wp-content/uploads/2021/07/The-Best-Social-Media-Report-Template-for-Social-Media-Managers-2021-Version.png)
Two of the most common questions we hear from our social media consulting clients are “what is the best social...
Learn how to build scalable, role-based SSH access with SSH certificates and HashiCorp Vault.
You must have heard about it a lot. You must have tried. You may have found it too much. You...
If you're not used to practicing visual art, the idea of keeping a sketchbook might seem pretty...
The pattern with horizontal scroll is frequently found in mobile versions of sites. For example, on...
People ask me about the simple explanation of Hanami architecture. Why is it so complicated? Is it? I'll try to...
Once upon a time, in ye olden days of 2008, the world saw the release of Jekyll, the first popular......
You're craving some squeaky-clean code, but all you have for lunch every day is a big bowl of legacy spaghetti...
In this last part of the Rails Patterns and Anti-patterns series, I'll be going over the most common problems I've...
Ionic is doubling down on Stencil with an expanded team, new enterprise offerings, and new development work underway on the...
We take a look at how to use Active Record Encryption and discuss some of its assets and limitations.
Understand the way ActiveRecord is working
Ruby on Rails and ReactJS consulting company. We also build mobile applications using React Native
Ionic vs React Native,React Native vs Ionic,Comparing Cross-Platform Frameworks,Which mobile framework to choose,Xamarin vs Ionic vs React Native
Oftentimes we need contextual validation in ActiveRecord models and find no ideal way of doing so. This article exposes an...
Receiving a request, saving it into a database, and finally publishing a message can be trickier than expected. A naive...
A collection of high-quality and free calligraphy fonts that you can use on both your personal and commercial projects.
I always used to think design was about problem solving. I’ve spent 14 years working to solve problems. Problems I...
Yesterday I read InhuOfficial's post about star-rating, using a group of <input...
In this blog I wanted to focus on using validations in rails. What exactly are validations and why should we...
Not so long ago I'd got a chance to build a production-ready application in our microservices architecture. Check out my...
Last week I wrote a blog post on how I built my app in React, React Native and NextJS. This...
Learn about five new APIs that have recently been shipped from Project Fugu to help developers build full-featured apps on...
Here are some cool APIs you might not know about. They are all free to use for no comercial...
An FAQ that explains and answers when to use which and why. There's a common discussion among...
GitHub Copilot works alongside you directly in your editor, suggesting whole lines or entire functions for you.
Today, we will discuss some useful Node.js best practices that will help all kinds of developers to create an efficient...
AppleAuth is a Ruby gem we developed to integrate Apple Sign In in our server side applications.
My research insights and thinking on form design
An example of adding recurring Stripe subscriptions into your Rails SaaS app quickly and efficiently.
Walkthrough and deep analysis of how Azure Communications Service makes use of WebRTC by Gustavo Garcia
GitHub Actions is an automation platform that you run directly from inside a repository. We can use it as a...
A collection of composable behaviors for your Stimulus Controllers - stimulus-use/stimulus-use
These are my favorite CSS utility classes. I take them everywhere.
One of my favorite parts of Rails is the router.
Want to remove Sprockets from your Rails application? Is it even possible to do it on a large legacy app?...
Creating user avatars is a pretty simple thing. It can be done even without any libraries like imagemagick. With just...
Ruby on Rails and ReactJS consulting company. We also build mobile applications using React Native
A Rails template with our standard defaults, ready to deploy to Heroku. - thoughtbot/suspenders
Hear directly from the Product Manager of Issues on how her team takes an idea to the cloud. You’ll get...
Learn how to upload files with only a few lines of Ruby code, including cloud storage, CDN delivery, and dynamic...
The smart and free Jira alternative, designed to help teams move faster in product development. Brilliantly simple, with zero setup...
Updated for 2021: So many commits to get here
This article will discuss the best HTTP clients in Ruby. Faraday, HTTParty, Rest-client...it can be hard to choose the best...
A step by step guide to deploying a component library with Storybook for a Rails app
A recent study by researchers from the Institute of Computer Science of the Free University of Berlin analyzed pair programming...
Fast high-level web crawling Ruby framework. Contribute to rubycdp/vessel development by creating an account on GitHub.
tiptap gives you full control about every single aspect of your text editor experience. It’s customizable, comes with a ton...
In a recent blog post, Alberto Gimeno, GitHub actions engineer, shared how GitHub makes use of feature flags to enable...
Livestreamed on 8 July 2021, 12:30pm – 9:30pm UTC
There are too many ways to communicate at work. Let’s set some ground rules.
When you run rails app:update on a Rails 6.0 app, it creates a file with 16 new default configuration settings....
Extracting data from an API can get messy once pagination is involved. We'll look at a few ways of dealing...
Have you ever wondered if you could use hotwire with view_component instead of partials. If you have, maybe tried and...
Recently I faced interesting challenge in one of our customer’s application. Imagine that you take a test after which you...
Use the Ruby gems ahoy and blazer to track user metrics, usage patterns, and get the most out of your...
This article is part of our Upgrade Rails series. To see more of them, click here.This article will cover the...
This article is a quick tip for anyone working with APIs in a Rails application and parsing the data without...
Your task is to design an algorithm used to create a Sudoku Grid. The generated Sudoku grid should have enough...
After registering a PWA as a URL handler, when a user clicks on a hyperlink that matches one of the...
How to add support for handheld barcode scanners using Swift in your Turbo-iOS app
ActiveStorage is a great addition to Rails. However, if need to protect uploads through a means more secure than the...
With issue and pull request templates, you can customize and standardize the information you'd like contributors to include when they...
Ever wondered how to get that cool blurred glass effect with CSS only? Here is the tutorial step by step...
You start a new job and it's amazing. Code all day, clear objectives, easy guidelines, ship a bunch of features...
Find out how to create and mix modules into other classes and discover what are the benefits from using them...
In most web applications a user can sign up for an account and create content with that account. A common...
README's. You know, those markdown files that get created when you generate a new project or create a...
A foundational overview of how to build a responsive slide out sidenav
Design your service using GOV.UK styles, components and patterns
Take advantage of the new in your next responsive website.
Hi there! Thinking about how to convert any website/webpage to an installable progressive web app? re...
From Blender to the Evil Yellow, let’s find out another list of 10 tips.
An in-depth article on how to handle short and long content in CSS.
Every letter in this "font" by Davor Suljic is a single div and drawn only with border. That means employing...
Have you ever had to deal with complex forms creating multiple objects and hierarchies in one request? Rails is there...
Sofware dysfunction is more often motivated by worry than it is by a lack of technical skill
🔍 OVERVIEW So today you will build this cool ripple effect of the mouse cursor, using HTML...
If you build a Rails application that has any kind of real-time feature, chances are you use Action Cable.
Ruby on Rails and ReactJS consulting company. We also build mobile applications using React Native
Now that Rails 6.1 has been released, we are looking ahead to what Rails 7 has in store for us....
This post acts as a blueprint for Heroku security. It addresses how security works in PaaS and where to start...
Ruby, OSS and the Internet
What is mentorship and how does it relate to web development? Is mentorship really a necessity or something you can...
The safe Markdown parser, reloaded. Contribute to vmg/redcarpet development by creating an account on GitHub.
This post is the third one in the SOLID principles series. The first post discussed the single responsibility principle and...
The standard GitHub Pages process imposes limitations on which Jekyll plugins we can use. Let’s avoid this issue using GitHub...
Terminal based presentation tool. Contribute to maaslalani/slides development by creating an account on GitHub.
Quickly integrate face, hand, and/or pose tracking to your frontend projects in a snap ✨👌 - MIDIBlocks/handsfree
Social relationships are tricky to model in a relational database. Here, we'll walk through an approach that is robust, easy...
Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting...
esbuild makes builds faster, but if you're invested in webpack, esbuild-loader enables you to use esbuild alongside webpack.
A look under the hood at how blocks and procs are used in Ruby.
Ruby, Rails, Web dev articles