Pricing Selection Design
Most sites like Laracasts include a pricing page that lists all available plans. Using a prototype design, let's, from scratch, convert it to HTML and CSS.
Most sites like Laracasts include a pricing page that lists all available plans. Using a prototype design, let's, from scratch, convert it to HTML and CSS.
Now that anyone can pull in our preset, let's make a few final tweaks and call it a series! View the source code for this episode on GitHub.
Now that our preset is mostly complete, the next step is to distribute it as a reusable Composer package. Don't worry, it's easy. View the source code for …
In this episode, we'll create a handful of stubs. In this context, a stub is simply a placeholder file that is constructed exactly as we wish for it to appear …
You'll likely want to replace or remove a number of the default npm packages that are included out of the box. Luckily, Laravel offers a method to assist with …
Laravel presets allow us to configure the initial front-end scaffolding for any new Laravel project. While the framework ships with a few options out of the …
In this episode, we'll work together on the Laracasts codebase, as I create a pop-up modal for the "Contact Support" link. Why redirect to a new page and …
In this next hands-on workshop, we'll redo the layout for a common FAQ page. Using a mockup as our base, piece by piece, we'll construct the new design, while …
Let's review one more example for when you might reach for a portal. If you need a way to move a link within a Vue component file to a different part of the …
Before moving on, let's review five examples of every-day CSS requirements that can instantly be solved with flexbox.
Despite the fact that JavaScript's async/await functionality can freely be used for any project these days, you'll find that most developers forget to reach …
Workshop time. We've been given a card design that needs to be converted to HTML and CSS. Piece by piece, let's construct it from scratch. As you'll find, yet …
In the previous lesson, we constructed a card component in a fairly traditional fashion. Let's try a different approach in this episode. Using the completed …
Creating a reliable CSS grid used to require hours of work with meticulous percentage calculations to protect your layout from breaking entirely. Luckily, life …
Let's begin by reproducing a common navigation layout. We'll first visualize the underlying HTML structure, and will then move on to writing CSS piece by …
In this lesson, come along as we construct a mega-menu from scratch. We'll learn how to create an explicit link between an anchor tag and its associated menu, …
The useful make:controller Artisan command has been upgraded to support API action generation, via the new --api flag. This is effectively identical to …
Most front-end developers never take the time to fully learn the difference between debounce and throttle. Instead, they substitute each option, hoping to …
In this episode, come along as I create a testimonials component for the upcoming (at the time of this writing) Laracasts UI refresh. We'll discuss the …
In this episode, we'll put what we've learned to the test. Can we create a project from scratch that renders versioned documentation pages, written in …