extend Tailwind CSS configuration with local fonts or Google Fonts
Tailwind CSS offers developers powerful capabilities to build visually appealing websites in a short time frame. To give your website a unique look and feel, you can choose to add new fonts to the Tailwind configuration.
To give your website a unique look and feel, you can choose to add new fonts to the Tailwind configuration.
The default Tailwind classes include 3 different fonts. Font-sans is the default font that will be applied even when you don’t explicitly set the font-sans class. …
elegantly slide to a section of a page
Learn how to set up a smooth scrolling with Ruby on Rails and Stimulus Components. This is a simple and clean way to enable users to slide to a different section of a page.
Make sure you have Stimulus installed. Check the package.json file or run
yarn why stimulus. If Stimulus is not yet installed, follow the documentation.
Add Stimulus ScrollTo to your project
Review search results in a dropdown
Learn how to set-up a search autocomplete with Stimulus. A user can see query results after typing in the input field. The Stimulus Autocomplete library is a Stimulus controller that provides an easy solution to auto-completion.
Bring your listing page or online store to life.
Tailwind CSS is a revolutionary design framework that has attracted both diehard fans and critics. Fans love its speed, simplicity, and powerful building capabilities. Critics hate its bloated HTML design. Regardless of which side you are on, Tailwind has caused a significant shift in the developer community.
If you enjoy building web applications with Tailwind, it gets even better when leveraging pre-built components and pages. Tailwind UI is the (partially paid) masterpiece by the founders of Tailwind. If, however, you are looking for more free alternatives, the Tailwind community has your back. …
Check the demo page to get an idea of what you can build after reading this article.
Rails credentials are the new gold standard. ENV files are an insecure ancestor. In this article, you’ll learn why and how to migrate, how to use API keys in Ruby, YML and js.erb, and how to share a single key once with your team.
DHH tweeted about its arrival nearly three years ago, but new technology often takes time to catch up. A wake-up call is when you find yourself too frequently juggling API keys between developers in your team. It might be time to take a second look at how to implement credentials in a rails app.
With the right tools, any developer can enjoy deeply satisfying coding sessions. Mastering flow is empowering. The opposite leads to frustration and annoyance. Luckily, linters and formatters can help do the heavy lifting when it comes to coding best practices.
In the guide below, VS Code users and Ruby on Rails developers can find a detailed setup to build well-formatted and styled projects in no time!
First, what is the difference between a linter and a formatter?
Are you looking to become a better developer by creating an empowering digital workflow? iTerm2 will help you to make the most of your day behind the keyboard. It’s the terminal that has all the functionality a developer ever wished for.
The guide below will help you to:
At first, it seems like the native terminal on a…
Ruby is built with developer happiness in mind. However, if your editor is not correctly set up, you’re in for a painful ride. Finding the right extensions on VS Code can take you down a long trial-and-error path.
Here’s a list of powerful extensions for Ruby on Rails developers.
This speaks for itself. Ruby syntax highlighting.