Tailwind CSS: From Zero to Production
In this incredibly well produced course, Tailwind Labs member Simon Vrachliotis teaches you how to get started with Tailwind.
Read more [www.youtube.com]
Posts tagged with tailwind
How to build a simple HTML landing page using Tailwind CSS
Justin Jackson created a cool tutorial on how to create a basic landing page.
Read more [justinjackson.ca]
Join 9,500+ smart developers
Every month I share what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
Compound Colour Utilities with TailwindCSS
– liamhammett.com - submitted by Liam Hammett
An approach you can use to combine multiple tightly coupled utilities together into a new compound utility class.
Read more [liamhammett.com]
How We Work (at Tailwind)
Adam Wathan recently started hiring the first employees of his brand new company. On Basecamp he shared how they work.
Read more [public.3.basecamp.com]
Intro to Mobile App Development with NativeScript-Vue
– tighten.co - submitted by Matt Stauffer
Learn how to build cross-platform, native mobile apps using familiar Vue.js syntax and Tailwind CSS.
Read more [tighten.co]
Generating speaker cards using Tailwind and Laravel original
I'm currently organizing the Full Stack Europe conference. The first edition will be on 23 - 25 October in the beautiful city of Antwerp, Belgium. I believe that the best apps or sites aren't built by programmers. They're built by teams. That's why we designed this conference for everybody and don't stick to just one aspect of programming.
A new coat of paint for freek.dev original
It's funny that even something as simple as a blog app is never finished. One and a half years ago, I did a significant update my moving my blog from WordPress to a Laravel app. In August of last year, I also ditched my custom admin section in favor of Nova. Even though not that much time has passed, it was time for a refresh of the entire blog.
Building a realtime dashboard powered by Laravel, Vue, Pusher and Tailwind (2018 edition) original
At Spatie we have a tv screen against the wall that displays a dashboard. This dashboard displays the tasks our team should be working on, important events in the near future, which tasks each of our team members should be working on, what music they are listening to, and so on. Here's what it looks…
Build User Interfaces by Composing CSS Utility Classes with Tailwind
Simon Vrachliotis recorded a free Egghead.io video course on the kickass Tailwind CSS framework.
In this course, you'll learn how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes. By the end of the course, you should have a firm understanding of how Tailwind works and be able to create your own tailor-made design system and utility class CSS toolkit for your next project!
https://egghead.io/courses/build-user-interfaces-by-composing-css-utility-classes-with-tailwind
How I redesigned my blog and moved it from Jekyll to Laravel
Cristopher Rumpel recently launched a big redesign of his blog. In a new post he touches on why he moved away from his old solution, and what kind of problems he had to solved. Great read!
One of my resolutions for 2017 was to redesign my blog. One week before the new year I faced myself with the challenge and thought to myself if this was still doable. Somehow I managed it and here it is. In this article I will explain the process and show you how I redesigned the blog with Tailwind CSS and moved it from Jekyll to Laravel with keeping almost the same performance.
https://christoph-rumpel.com/2018/01/how-i-redesigned-my-blog-and-moved-it-from-jekyll-to-laravel
A collection of Tailwind components
Tailwind CSS is a kick-ass utility first CSS framework. Though the documentation contains some nice examples, you might want to some more examples. You'll be happy to know that Agustin Rodríguez created a site with some nice components built by the community.
https://tailwindcomponents.com
Reducing the size of a css file original
PurgeCSS is a tool that can reduce the filesize of a CSS file. It does this by removing any css classes that are not used. It can detect which CSS classes are used by scanning the source files of your application. In this tweet Jonathan Reinink shared how it can be configured in Laravel Mix: ???? I…
Redesigning Laravel.io
In this blogpost by Tailwind CSS co-creators Adam Wathan and Steve Schoger share lots of actionable tips to improve the layout of your site.
Laravel.io is a forum and community portal for developers who use the Laravel PHP framework.
They recently launched a brand new version of the site, but being a volunteer-driven open source project, finding the resources to put together a really polished design can be tough.
We asked and got the go ahead to try our hands at a bit of a facelift, so let’s see what we can do to take the UI up a notch!
https://medium.com/refactoring-ui/redesigning-laravel-io-c47ac495dff0