Brian Casel
Brian Casel
  • 27
  • 7 069
A Mobile-Friendly Sub Navigation Component in Ruby on Rails, Stimulus, and TailwindCSS.
While building ripple.fm I added another handy component to my rails app template: A mobile responsive sub navigation.
The sub nav collapses down to a dropdown on mobile.
Manage all the links in one place. Reuse in any area of my app that has a sub nav.
Переглядів: 26

Відео

Using the iTunes Search API in a Podcasting App on Ruby on Rails
Переглядів 234 години тому
Today I built the user interface for listing your favorite podcasts so that ripple.fm can connect you to fellow listeners and hosts of your favorite shows. It's built in Ruby on Rails and leverages Apple's iTunes Search API to allow users to search for their favorite podcast. We're then building a database that connects podcast listeners to other listeners of their favorite shows.
Customizing the ActionText (Trix) Rich Text editor in Ruby on Rails
Переглядів 4319 годин тому
Follow along with my work or inquire about a project at briancasel.com See how I customized the design and styling of the Trix rich text editor, which powers ActionText in Ruby on Rails. I used TailwindCSS and StimulusJS to make it cleaner, more customizeable, more mobile-friendly, along with custom icons from FontAwesome. I also added it to my app template so I can use this on all my future pr...
Designing a product comparison table with TailwindCSS & AlpineJS
Переглядів 108Місяць тому
This week I designed this comparison table for 'Tailor-Made UI' (my consulting service). Just HTML, TailwindCSS and AlpineJS. See the final landing page (and UI design service) here: tailormadeui.com
Designing a Products Import Table UI using Rails, TailwindCSS and StimulusJS
Переглядів 426Місяць тому
Here's a project I just wrapped up with a SaaS: They're giving users a way to import many complex products to improve onboarding. I designed a table interface with a custom set of UI components that their back-end team will need to ship it. Rails, TailwindCSS, StimulusJS. My consultancy, Instrumental Products, is where I collaborate with SaaS companies and teams to design user interfaces and fu...
Designing a customer dashboard interface with TailwindCSS and AlpineJS
Переглядів 99Місяць тому
Here's a quick look at my recent project I worked on for MemberVault where I redesigned their customer admin dashboards. I deliver designs in coded front-end views and components that their back-end developers can use to implement in their production application. This project was delivered in simple PHP pages and components with TailwindCSS and AlpineJS for interactive elements. My consultancy,...
The Hidden Products of Apple, Tesla, and Basecamp
Переглядів 4952 місяці тому
Did you know that Apple, Tesla, and Basecamp all have entire product lines that are hidden in plain sight? I unpack what these "hidden" products are, and how we can use this (genius) product marketing strategy to help our customers love our products just as much as iPhone users or Tesla drivers love theirs. Get my Full Stack Founder Newsletter: fullstackfounder.co 0:00 - Intro 1:16 - Apple's Pr...
I Burned Out.
Переглядів 3732 місяці тому
I recently experienced my first real brush with entrepreneureal burnout. What brought it on? And more importantly, how am I (and how can you) pick up the pieces so that you can stay in the game as a business owner, but find success-without the pressure and stress of entrepreneurship. Is that even possible? What do you think? Get my Full Stack Founder Newsletter: fullstackfounder.co 0:00 - My bu...
These SaaS Product Ideas Make Growth EFFORTLESS
Переглядів 2883 місяці тому
If you’ve tried to build and grow a SaaS product business, you know that “effortless” is not the word. But there is one factor when choosing your SaaS product idea that can make long-term growth come much easier with far less effort than the alternatives. Get my Full Stack Founder Newsletter: fullstackfounder.co In this video, I’m unpacking what this “X Factor” is when choosing your SaaS produc...
Why Products Degrade Over Time (How to FUTURE-PROOF Your Designs)
Переглядів 923 місяці тому
Why let your products' design interface degrade over time? Why spend more time, money and resources on pixel-perfect polishing of every feature before they ship? You can solve both of those problems with a simple approach. I'll show you what it is, plus real-world examples from two of my current app development projects. What do you think? 0:00 - Why do products degrade over time? 2:43 - Implic...
This Turns Customers Into POWER USERS
Переглядів 1233 місяці тому
This week I'm working on a new app, so I implemented one of my favorite re-useable components: "Popovers". I'll show you how I build them, how I make them reuseable components throughout my app, and most importantly: Why these little tool-tips are actually major game-changers for my product business. What do you think? 00:00 - Are popovers really this important? 0:48 - What are popovers? 1:17 -...
What Separates Those Who SHIP?
Переглядів 1573 місяці тому
Today I'm focusing on the difference between consistently shipping products and letting projects perpetually falling behind schedule, behind budget, and runway. It comes down to a key muscle that you need to actively develop as both a builder and a business owner. What do you think? Get my Full Stack Founder Newsletter: fullstackfounder.co 00:00 - What separates those who ship? 0:40 - A specifi...
New App? Separate Users From Accounts (from DAY ONE)
Переглядів 1483 місяці тому
This week I'm building a new app (with a client) and I want to talk about a best practice - an exception to a best practice - that I think is really important: When architecting a new app, I always separate Users from Accounts-even if our V1 scope doesn't call for this. I unpack why this matters. What do you think? 00:00 - Separate Users From Accounts 0:15 - Avoid overbuilding 2:00 - Our V1 req...
Switching Your Tech Stack (Rails to Laravel). Worth it?
Переглядів 1,4 тис.3 місяці тому
This week unpacking the question, is it worth it to switch my go-to tech stack for building new products? I happen to be a Rails developer exploring Laravel, but this question (and this video) applies no matter which stack(s) you're using or considering. It's a business question. Not a tech question. Let's get into it. What do you think? 00:00 - Should you switch your tech stack? 0:18 - Questio...
Building a Customer Success Function in my SaaS
Переглядів 614 місяці тому
This month, one of my projects in my SaaS product is developing the Customer Success function. It's a new role that I recently hired for. This video walks through my motivation, strategy, and process for developing this function, training the new person, and what success looks like. What do you think? 00:00 - Building a Customer Success Function 00:23 - Wearing all the hats 01:06 - This product...
Planning a New Product Using the Sling Shot Method
Переглядів 1134 місяці тому
Planning a New Product Using the Sling Shot Method
HTML & CSS, Explained + Tutorial
Переглядів 2476 місяців тому
HTML & CSS, Explained Tutorial
Idea to LAUNCHED in 7 days: Deep dive into my NEW WEBSITE
Переглядів 4546 місяців тому
Idea to LAUNCHED in 7 days: Deep dive into my NEW WEBSITE
How I’d Learn to Code in LESS THAN A YEAR (Knowing What I know Now)
Переглядів 4986 місяців тому
How I’d Learn to Code in LESS THAN A YEAR (Knowing What I know Now)
The Year I Learned to Code Changed EVERYTHING
Переглядів 4676 місяців тому
The Year I Learned to Code Changed EVERYTHING

КОМЕНТАРІ

  • @davidconnelly
    @davidconnelly 3 дні тому

    I would reconsider your "Important Factors" list. If productivity is a priority for you (which is seems to be) then you have to factor in rewrite culture. It's a demonstrable fact that Laravel is more frequently rewritten than any other PHP framework. Moreover, even if Laravel had rock solid stability it appears to be loaded with third-party code. This means that the makers of Laravel could commit to 100% stability today and it wouldn't make any difference. It wouldn't make any difference because the Tailwind guy could rewrite that library tomorrow and in a heartbeat all of your work would be obsolete. Don't forget - all those rewrites not only cost you valuable time. They usually cost clients money. I've reached a stage where I think it's downright irresponsible of commercial developers not to factor rewrite culture into their decision making process. If you're in the business of selling web apps that are literally DESIGNED TO BE BROKEN then I'm calling that unethical. A relentless schedule of rewrites for you today is a hidden cost for your clients tomorrow. All that being said, Rails looks amazing. You made a good choice and I wish you well.

  • @JamesJosephFinn
    @JamesJosephFinn Місяць тому

    Hey, it’s the Bootstrapped Web / Restaurant Engine / productize / audience ops guy! Haven’t listened to you in a while, but I’ve learned a ton from you over the years.

    • @briancasel
      @briancasel Місяць тому

      Ha good to hear! I’ve sold and moved on from 3 of those 4 things :)

  • @muzzi1984
    @muzzi1984 Місяць тому

    He is still sticking with Rails. 😁 Because Rails is freedom and kingdom!

  • @simomed5002
    @simomed5002 Місяць тому

    This is a such great video, never noticed that! hopefully you will do more of these kind of videos in the future.

  • @omfgihopethisworks
    @omfgihopethisworks Місяць тому

    I hear good things about Livewire, however for me personally I'm going to be learning the VILT stack instead.

  • @NurtureKit
    @NurtureKit Місяць тому

    Love Mike and Erin. Definitely excited to see you all working together

  • @billnalen
    @billnalen 2 місяці тому

    Great advice, and I've been coding professionally since the late 90s.

  • @billnalen
    @billnalen 2 місяці тому

    How is your exploration of Laravel going? I noticed you switched your Instrumental Products site over to Laravel. Are you starting new client projects in Laravel? Are you close to deciding? Asking because I'm just starting to look into this too.

    • @briancasel
      @briancasel 2 місяці тому

      Actually I’m sticking with Rails for all apps I work on. For my websites I use Statamic CMS, which is Laravel based.

    • @billnalen
      @billnalen 2 місяці тому

      @@briancasel Awesome, thanks for the input.

  • @estigarribiaari
    @estigarribiaari 2 місяці тому

    I have found so much inspiration in your journey and you. I'm also a Full Stack SaaS (Solo) Founder, and I have also experienced the hard lessons from stress. Thanks for so valuable content 🙌

  • @varunreddy4779
    @varunreddy4779 2 місяці тому

    make more videos like this!

  • @hal-zeitlin
    @hal-zeitlin 2 місяці тому

    I'm essentially building Gravity Forms, but for the Webflow App marketplace. Six months in the making, it's about to go live! I'm thinking of billing yearly & lifetime, for the reason that there's enough friction to set and forget that a yearly price is an okay entry point. Brian, pretty sure on your YT channel 6 years ago is how I found Gravity Forms with their ActiveCampaign integration. Let's see if not having monthly pricing will work! We are also doing an affiliate/partners play, so the yearly + lifetime price fit in well here.

  • @user-ix1pc7kd3s
    @user-ix1pc7kd3s 2 місяці тому

    @Brian, I'm fond of learning tailwindcss, I know little bit about of CSS & HTML but could not understand tailwind with their official docs. I referred tailwind labs youtube channel but it did not helped me to upskill. Do you any suggestion to expertise in CSS framwork

    • @briancasel
      @briancasel 2 місяці тому

      I think their official docs are great. You can also check out Tailwindui.com to see good examples of full pages and components.

  • @simomed5002
    @simomed5002 2 місяці тому

    Hi Brian, do you scope everything to the user account from the beginning, like for example @posts = current_account.posts instead of @posts = current_user.posts

    • @briancasel
      @briancasel 2 місяці тому

      Depends on each app. But typically I scope things to the account. Accounts “own” things. Users “access” things. Keep in mind a user might access things (posts etc) that are owned by multiple accounts.

  • @kingsleyselorm
    @kingsleyselorm 2 місяці тому

    Definitely not what I was expecting but still cool

  • @benramsdenfrommensard5270
    @benramsdenfrommensard5270 2 місяці тому

    I found 12 and blame the UA-cam bar for obscuring the rest :) I guess Maccas does the same with their burgers. You vid is just what I need right now as I ramp up sales and marketing on a new product.

  • @RobsonWolanski
    @RobsonWolanski 2 місяці тому

    Great! It open my mind to use this "feature". Never thought about it before. Thank you very much!

  • @JustinJackson
    @JustinJackson 2 місяці тому

    Love the idea of giving a new feature a brand name. You're right! It gives folks a way to discuss features on Twitter, LinkedIn, etc. "I love MagSafe." (Apple) "Hillcharts are such a good way to plan features." (Basecamp)

  • @eSAFETYPRO
    @eSAFETYPRO 2 місяці тому

    Great insight Brian! I’m working on how to incorporate this thinking into my product line now.

  • @SerhiiPastukhov
    @SerhiiPastukhov 2 місяці тому

    You had the same thoughts and now you have given me permission 😊

  • @julietteschmerler2013
    @julietteschmerler2013 2 місяці тому

    I’ve been following you for years and I always appreciate your honest, thoughtful outlook. Thanks for the inspiration.

    • @briancasel
      @briancasel 2 місяці тому

      I appreciate that! Thanks for tuning in. Hope it’s helpful.

  • @VincentFulco
    @VincentFulco 2 місяці тому

    Good food for thought. Thanks!

  • @sammyvillarreal_youtube
    @sammyvillarreal_youtube 3 місяці тому

    Hi Brian. What are your thoughts on including a link to the documentation/knowledgebase page at the end of a particular popover's notes (if/when necessary or applicable)? I ask this because whether in my projects or at my job, I usually include a link to the relevant document or source file (in case someone needs/wants to access it for some reason). I hope that made sense..? Anyway, I'm interested in your thoughts on that. Thanks. - Sammy

    • @briancasel
      @briancasel 3 місяці тому

      Ya I’ve done that in some places. But usually the goal of using a popover is to keep the user here in the app and use this feature correctly without needing to jump into a separate browser tab and back.

  • @AnnaM-uq6dh
    @AnnaM-uq6dh 3 місяці тому

    How do you motivate your team? Or what you do to make them dig in and solve the problem without you. I understand that people are good at something, better than you, but if they are not motivated, they won't do that properly. It is my problem, so I’m curious about your approach.

    • @briancasel
      @briancasel 3 місяці тому

      I tend hire self-motivated professionals in the first place, so that’s never really an issue. I also find that most people (myself included) are more motivated and energized when doing things that play to our strengths, whereas doing things that don’t come naturally feel like a grind.

    • @AnnaM-uq6dh
      @AnnaM-uq6dh 3 місяці тому

      @@briancasel agree, thank you.

  • @mrkinetic
    @mrkinetic 4 місяці тому

    I can't imagine any scenario where'd it'd be worth going from Rails to Laravel if you already have a functioning application. Sure, ruby kinda sucks, but both frameworks are so similar. I'd ride it out until some scaling issue causes you to have to change things. It's almost always worth the effort to try and learn new things, though.

    • @briancasel
      @briancasel 4 місяці тому

      I should have clarified... Definitely not talking about migrating an existing application from Rails to Laravel (no way). This is about learning a new stack to build new products on going forward.

    • @johanandre5338
      @johanandre5338 Місяць тому

      I'm interested in what part of Ruby you think sucks, especially compared to PHP. When looking at Laravel code and Rails code I'm really stumbled about how anyone could prefer PHP. Almost every aspect of the Rails framework feels more polished and it's mostly about the Ruby language. Of course, PHP is "easier" to learn but Rubys meta programming abilities is superior. One very apparent example is Eloquent vs ActiveRecord imho. No problem when you are getting a collection of posts, but when doing validation, relations, more advanced query building, fighting n+1 queries etc ActiveRecord is superior. Also ActiveRecord is database agnostic, while Eloquent is only MySQL, right?

  • @TristanBailey
    @TristanBailey 4 місяці тому

    Good for you to brave enough to look over the fence, which ever way you choose, it is always good to review other languages for different perspectives every year or two.

  • @303experience
    @303experience 6 місяців тому

    Nice video. What camera and mic are you using? Best of luck to FSF!

    • @briancasel
      @briancasel 6 місяців тому

      Thanks! Camera: Canon M50. I hope to upgrade that sometime this year. Mic: Shure SM7B.

  • @FactsBeFacts
    @FactsBeFacts 6 місяців тому

    I usually go from idea to fully built website in 24 hours

  • @reedallred8739
    @reedallred8739 6 місяців тому

    Great content, some feedback, when you talk about the CMS you repeated the intro to CMS. Love your content!

    • @briancasel
      @briancasel 6 місяців тому

      Oops! Yeah the sections got a little mixed up. Thanks!

  • @ShamilHPC
    @ShamilHPC 6 місяців тому

    this is an amazing walkthrough. i'm in a similar boat and seeing this entire process (very similar tools and technologies that I use) is pretty damn cool. great job Brian!

    • @briancasel
      @briancasel 6 місяців тому

      Thanks for watching! Tried to capture all the steps while they were still fresh :)

    • @ShamilHPC
      @ShamilHPC 6 місяців тому

      @@briancasel I'm a big fan. Thanks for sharing your journey

  • @benramsdenfrommensard5270
    @benramsdenfrommensard5270 6 місяців тому

    Great stuff! I have a current obstacle around IDE choice and setup, particularly something that can minimise javascript, work with the rest of my tech stack (GitLab, Local, WordPress/PHP/Python/javascript/mySQL/AWS/EDD), allow quick version/environment changes/comparisons, and benefit from recent AI coding tools. 😀

    • @briancasel
      @briancasel 6 місяців тому

      I plan to do a video on this soon! I use VS Code now. I used Sublime Text for years and loved it. But VS Code is the best way to take advantage of GitHub Copilot AI.

  • @rjmccollam2626
    @rjmccollam2626 6 місяців тому

    Stoked you're putting out content like this. You're perspective is one missing in this space. Looking forward to more videos!

    • @briancasel
      @briancasel 6 місяців тому

      Thanks! More on the way…

  • @skinnyandbald
    @skinnyandbald 6 місяців тому

    Love it, Brian

  • @JustinJackson
    @JustinJackson 6 місяців тому

    Love this framework for learning to code. I appreciate that you defined what a “full stack dev” actually is.

  • @kirso
    @kirso 6 місяців тому

    Hey Brian, think the link is not working :)

    • @briancasel
      @briancasel 6 місяців тому

      Ya, I just picked up the domain. Hoping to launch the site by next week!

  • @jorgediazapps
    @jorgediazapps 6 місяців тому

    The DNS and SSL are not working 💫 I want to signup 🫡

    • @briancasel
      @briancasel 6 місяців тому

      I plan to publish the site in a few days!