As someone just sittin' back watching CSS evolve, it feels like we're at one of the hottest moments of innovation...
Articles that I have been reading
Week 42
Could we drop Symbols from Ruby? Don’t know about you, but I personally have been hit a least a dozen...
The `prefers-reduced-motion` media query has excellent support in all modern browsers going back a couple of years. In this article,...
No matter how thorough your test coverage is, you can't test everything. So when you introduce a bug in your...
It’s possible you’ve seen the abbreviation while looking for a note-taking app or for alternatives to Google Maps. But what...
Hello everyone, In this tutorial, you will learn how to add RBS to your project and get an overview of...
I was doing some research on introspecting Ruby on Rails database transactions for a Reddit thread, and came across this...
Software design patterns are like best practices employed by many experienced software developers. You can use design patterns to make...
Ruby on Rails and ReactJS consulting company. We also build mobile applications using React Native
Having a thousand lines long controllers and/or models is not the right way to have sustainable applications or developers’ sanity....
Rails 7 series | Rails 7 adds the ability to use pre-defined variants
Week 41
The Rust programming language makes it easier to build safer software. What will it take to Rust All the Things?...
Ruby on Rails and ReactJS consulting company. We also build mobile applications using React Native
Covariance and contravariance are the concepts behind the subtyping of composable types.
There are a number of very robust charting libraries on the market. Some are commercial. Some are free. You should...
Zeitwerk is the code autoloader and reloader that was integrated with Rails 6. Beginning in Rails 7, it will be...
Doist, the company behind Todoist and Twist, has revamped its internal communication product Twist. When I first covered Twist, I...
Writing CSS has probably never been more fun and exciting than it is today. In this post we’ll take a...
It’s not because they lack confidence.
The guide is separated into several sections of related rules. I’ve tried to add the rationale behind the rules (if...
Ruby’s safe navigation can hide some subtle edge cases. We explore approaches to think about conditional logic, alternatives to &.,...
Rails programmers have almost always tried to figure out the golden approach to business logic in their applications. From getting...
Week 40
Learning to use Turbo Frames through examples in a Ruby on Rails app
If you want your text to be read, set it at a sufficient size! But what is a good font...
The backlash to modern front end development is gaining steam, with good reason: single-page apps have ruined the web. Can...
The acclimation process as a new engineer may be daunting for some. And since I’ve been through the...
Scaling Rails apps is a process of master app architecture and supporting infrastructure. Learn how it’s done straight from our...
The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs...
A well-written Continuous Deployment (CD) pipeline ensures that on every merge to a release branch,...
It's fairly common when working on existing or legacy codebases to find models that have instance methods defined on them...
I really like enums. They can be really powerful if they are used wisely. Let’s see what we can do...
Footnotes now supported in Markdown fields
Learn about trunk-based development, a version control management practice where developers merge small, frequent updates to a core “trunk” or...
Maybe you are already familiar with includes or preload, but you know that a lot of the time you will...
How to use CSS comparison functions to create a conditional border radius
Week 39
Get familiar with common antipatterns in writing tests for Rails applications when using fixtures and/or factories to manage dependencies.
Below is how I set up a fresh Rails application for testing. I’ll describe it in three parts: An application...
Turbo will be a default part of Rails from Rails 7, replacing Turbolinks and rails-ujs. This post is a result...
I just write here
When authoring CSS we have to carefully think about how we write and structure our code. Cascade Layers (CSS @layer)...
Turbo is great. Here are a few things you should know as you begin to use it to add dynamic...
Need to dynamically update fields when a user changes a select box? We can do that easily in Rails using...
DHH recently announced that Hotwire is going to be included in Rails 7 by default. Due to its...
If someone steals your password, they can pretend to be you. That's why many companies provide two-factor or multi-factor authentication...
Chrome developer advocate Jake Archibald called 2016 "the year of web streams." Clearly, his prediction was somewhat premature. The Streams...
(This blog post first appeared in pubudu.dev) Intro This post describes how to implement...
Ever played Charades and acted out the perfect mime to ‘James Bond’, only to be met with blank stares? That...
Week 38
Stencil allows developers to build reusable web components that can be incorporated into front-end frameworks like React, Angular, and Vue....
In most of the Rails apps I've built over the years I've had to add my own helpers for a...
The third major release of Stimulus represents a big milestone for the Hotwire community. This is the first release where...
Simplify and clarify your code by carefully choosing abstractions.
Action Mailbox: The Missing Manual. GitHub Gist: instantly share code, notes, and snippets.
In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding...
I'm Chris McCord. I work at Fly.io and created Phoenix, an Elixir web framework. Phoenix provides features out-of-the-box that are...
People are going crazy about single page applications and client side rendering. But, do we really need them?
A lot of times, people ask what’s Ruby good for apart from Rails. Ruby is great for various tasks from...
Today I wanted to call some extra attention to those little things, the ones that don't get the spotlight, but...
Data pipelines require version control too!
Week 37
Have you ever been in a situation where you wish you could have some control over the values in an...
Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. 7.9 kB minified and gzipped!
Build a search-as-you-type text box with Turbo, Stimulus, and Rails.
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......
Week 36
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...
Week 35
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.
Week 34
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
Week 33
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...
Week 32
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
Week 31
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...
Week 30
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...
Week 29
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...
Week 28
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...
Week 27
![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.
Week 26
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