From 02ba033d6da98978ba270440f6197d4b74459c72 Mon Sep 17 00:00:00 2001 From: James Hegedus Date: Wed, 8 Apr 2020 23:56:28 +1000 Subject: [PATCH] awesome-list compliance update (#226) * ci: awesome-lint on PR or Push * chore: markdown format * fix: apostrophes & marker style * ci: rename github action step * fix: apostrophes * feat: improve legened. bring to top of section and remove table * fix: unnecessary newline * fix: remove dead urls * fix: ignore false positives of no-dead-urls --- .github/workflows/lint.yaml | 20 ++++++++++++ readme.md | 64 +++++++++++++------------------------ 2 files changed, 43 insertions(+), 41 deletions(-) create mode 100644 .github/workflows/lint.yaml diff --git a/.github/workflows/lint.yaml b/.github/workflows/lint.yaml new file mode 100644 index 0000000..4d55ee3 --- /dev/null +++ b/.github/workflows/lint.yaml @@ -0,0 +1,20 @@ +name: Lint Awesome List +on: [pull_request, push] + +jobs: + awesome-lint: + name: "lint: awesome-lint" + runs-on: ubuntu-latest + steps: + - name: "checkout repo" + uses: actions/checkout@v2.0.0 + with: + fetch-depth: 0 + - name: Setup node + uses: actions/setup-node@v1 + with: + node-version: "12.x" + - name: Run awesome-lint + run: | + npm install --global awesome-lint@latest + awesome-lint ./readme.md diff --git a/readme.md b/readme.md index 268dc55..b19b9da 100644 --- a/readme.md +++ b/readme.md @@ -1,4 +1,7 @@ -# Awesome Tailwind CSS [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) + + + +# Awesome Tailwind CSS [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) ![Lint Awesome List](https://github.com/aniftyco/awesome-tailwindcss/workflows/Lint%20Awesome%20List/badge.svg) [](https://tailwindcss.com) @@ -8,7 +11,7 @@ --- -馃専 **[Tailwind UI](https://tailwindui.com "Tailwind UI")** 馃専 - Beautifully designed components and templates, hand-crafted using the CSS framework you already know and love. +馃専 **[Tailwind UI](https://tailwindui.com)** 馃専 - Beautifully designed components and templates, hand-crafted using the CSS framework you already know and love. --- @@ -72,8 +75,8 @@ - [Dark Mode with Class](https://github.com/danestves/tailwindcss-darkmode) - Adds `dark` variants based on CSS classes. - [CSS Logical Properties](https://github.com/omarkhatibco/tailwind-css-logical-properties) - Generate classnames for CSS Logical Properties for margin, padding, border-width, border-raduis, text-align, float & writing-mode. - [CSS Scroll Snap](https://github.com/hawezo/tailwindcss-scroll-snap) - Adds `scroll-snap` utilities. -+ [CSS Alpha Colors](https://github.com/soueuls/tailwind-color-alpha) - Adds opacity variants to existing colors. -+ [Shadow Outline Colors](https://github.com/octoper/tailwindcss-shadow-outline-colors) - Adds `box-shadow` utilities based on configured colors. +- [CSS Alpha Colors](https://github.com/soueuls/tailwind-color-alpha) - Adds opacity variants to existing colors. +- [Shadow Outline Colors](https://github.com/octoper/tailwindcss-shadow-outline-colors) - Adds `box-shadow` utilities based on configured colors. - [Tooltip Arrows After](https://github.com/gvital3230/tailwindcss-tooltip-arrow-after) - Adds CSS utilities for tooltip arrows with configurable border and background. > 馃洃 - _The functionalities these plugins below offer have been fully or partially implemented in the latest Tailwind CSS versions._ @@ -91,8 +94,6 @@ - 馃洃 [glhd's transitions](https://github.com/glhd/tailwindcss-plugins) - Adds basic transition utilities. - 馃洃 [Cursor Extended](https://github.com/hacknug/tailwindcss-cursor-extended) - Extends `cursor` utilities. - - ## UI Libraries & Components - [tails-ui](https://github.com/knipferrc/tails-ui) - React UI library using Tailwind CSS. @@ -119,6 +120,8 @@ ### Tools +**Legend**: 馃實 Online accessible 路 馃И Conversion or upgrade tool 路 馃敡 Generator 路 馃叞 Typing/enforcement 路 馃捈 Plugins/Tools/Extensions for external services + - 馃實馃敡 [Color shades generator](https://javisperez.github.io/tailwindcolorshades) - Color shades generator for Tailwind CSS (online). - 馃實馃敡 [Color palette generator](https://adevade.github.io/color-scheme-generator) - Color palette generator that outputs a color configuration for Tailwind CSS (online). - 馃實 [Tailwind Button Playground](https://minthemiddle.github.io/tailwind-button-playground) - Playground for theming a button with Tailwind CSS (online). @@ -142,21 +145,14 @@ - 馃捈 [Tailwind CSS Figma Plugin](https://github.com/impulse/tailwindcss-figma-plugin) - Figma plugin that integrates Tailwind CSS. - 馃И [RustyWind](https://github.com/avencera/rustywind) - CLI tool for sorting Tailwind CSS classes. - 馃敡 [Protoship Codegen](https://protoship.io) - Code generator that creates Tailwind CSS based HTML & CSS from Sketch designs. -- 馃實馃敡 [TailwindCSS Palette Generator](https://tailwindcss-palette-generator.coderello.com/) - Palette generator for Tailwind CSS (online). - 馃捈 [@nuxtjs/tailwindcss](https://github.com/nuxt-community/tailwindcss-module) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1). - 馃捈 [preact-cli-tailwind](https://github.com/agneym/preact-cli-tailwind) - Adds Tailwind CSS module as PostCSS plugin and sets up PurgeCSS in production for PreactJS CLI Projects. - 馃捈馃敡 [@tailwindcssinjs/macro](https://github.com/Arthie/tailwindcssinjs) - Babel macro that transforms Tailwind CSS classes into objects for CSS-in-JS libraries. -| Emoji | Description | -| ----- | ---------------------------------------------- | -| 馃實 | Online accessible | -| 馃И | Conversion or upgrade tool | -| 馃敡 | Generator | -| 馃叞 | Typing/enforcement | -| 馃捈 | Plugins/Tools/Extensions for external services | - ### Starters, Templates & Themes +**Legend**: 馃敡 Starters & Boilerplates 路 馃洜 Starter packages 路 馃帹 Templates & Themes + - 馃敡 [Jekyll Starter](https://github.com/mhanberg/jekyll-tailwind-starter) - Jekyll starter using Tailwind CSS. - 馃敡 [Jekyll Starter](https://github.com/taylorbryant/tailwind-jekyll) - Jekyll starter using Tailwind CSS. - 馃敡 [Gulp Starter](https://github.com/simonswiss/tailwind-starter) - Gulp starter using Tailwind CSS. @@ -182,12 +178,6 @@ - 馃帹 [Wordpress Tailwind CSS + Google PWA](https://github.com/ri7nz/Mesjid) - Wordpress Theme and PWA using Tailwind CSS. - 馃帹 [Seminyak Hugo Theme](https://git.habd.as/jhabdas/seminyak) - Hugo Theme using Tailwind CSS. -| Emoji | Description | -| ----- | ----------------------- | -| 馃敡 | Starters & Boilerplates | -| 馃洜 | Starter packages | -| 馃帹 | Templates & Themes | - ### IDE Extensions - [Tailwind CSS IntelliSense for VS Code](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Visual Studio Code IntelliSense extension for Tailwind CSS. @@ -201,14 +191,16 @@ - [Statusfy](https://github.com/bazzite/statusfy) - Status page system using Tailwind CSS. - [Todolist](https://github.com/guillaumebriday/todolist-frontend-vuejs) - To-do list application using Tailwind CSS. - [LeagueStats](https://github.com/vkaelin/LeagueStats) - Statistics website for League of Legends players. -+ [SapperCommerce](https://github.com/itswadesh/sapper-ecommerce) - E-commerce storefront using Svelte & Tailwind CSS. -+ [Misiki Books](https://github.com/itswadesh/misiki-books) - Book shop using Vue + Moltin + Tailwind CSS. +- [SapperCommerce](https://github.com/itswadesh/sapper-ecommerce) - E-commerce storefront using Svelte & Tailwind CSS. +- [Misiki Books](https://github.com/itswadesh/misiki-books) - Book shop using Vue + Moltin + Tailwind CSS. ### Learning +**Legend**: 馃И Sample 路 馃敡 Setup Tutorial 路 馃幀 Video Tutorial 路 馃帗 Component or Page Tutorial 路 馃帴 Cast + - 馃И [Tailwind Dark Mode Theme Switcher](https://github.com/huphtur/tailwind-theme-switcher) - Switching themes with CSS Custom Properties and Tailwind CSS. - 馃И [Plugin Examples (Official)](https://github.com/tailwindcss/plugin-examples) - Official plugin examples. -- 馃И [Acquia](https://github.com/opdavies/rebuilding-acquia) - Acquia鈥檚 hosting dashboard rebuilt with Vue.js and Tailwind CSS. +- 馃И [Acquia](https://github.com/opdavies/rebuilding-acquia) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS. - 馃И [Navbar](https://codepen.io/joshmanders/pen/PQQBoR) - Navbar made with Vue.js and Tailwind CSS. - 馃И [Toggle switch](https://github.com/TowelSoftware/tailwindcss-toggle) - Switch using Tailwind CSS. - 馃敡 [Testing Tailwind CSS plugins with Jest](https://www.oliverdavies.uk/articles/testing-tailwindcss-plugins-with-jest) - How to test Tailwind CSS plugins with Jest. @@ -228,12 +220,12 @@ - 馃幀 [Rebuilding YouTube](https://www.youtube.com/watch?v=qxQKnqmNKv0) - Rebuilding YouTube with Tailwind CSS. - 馃幀 [Rebuilding Netlify](https://www.youtube.com/watch?v=_JhTaENzfZQ&t=1263s) - Rebuilding Netlify with Tailwind CSS. - 馃幀 [Rebuilding Resolute](https://www.youtube.com/watch?v=banq3TfAPYk) - Rebuilding Resolute with Tailwind CSS. -- 馃幀 [Let鈥檚 Build: Movie Production Landing Page](https://web-crunch.com/tailwind-css-movie-production-landing-page) - Building a movie production landing page with Tailwind CSS. +- 馃幀 [Let's Build: Movie Production Landing Page](https://web-crunch.com/tailwind-css-movie-production-landing-page) - Building a movie production landing page with Tailwind CSS. - 馃幀 [Lets Build: Responsive Navbar](https://web-crunch.com/lets-build-tailwind-css-responsive-navbar) - Building a responsive navbar with Tailwind CSS. -- 馃幀 [Let鈥檚 Build: Dribbble Shot](https://web-crunch.com/lets-build-tailwind-css-dribbble-shot) - Dribbble shot with Tailwind CSS. -- 馃幀 [Let鈥檚 Build: Tweet component](https://web-crunch.com/lets-build-tailwind-css-tweet) - Building a Tweet component with Tailwind CSS. +- 馃幀 [Let's Build: Dribbble Shot](https://web-crunch.com/lets-build-tailwind-css-dribbble-shot) - Dribbble shot with Tailwind CSS. +- 馃幀 [Let's Build: Tweet component](https://web-crunch.com/lets-build-tailwind-css-tweet) - Building a Tweet component with Tailwind CSS. - 馃帗 [Modal Dialog](https://codeburst.io/creating-a-modal-dialog-with-tailwind-css-42722c9aea4f) - Creating a modal dialog with Tailwind CSS. -- 馃帗 [Building real-world UIs using Tailwind CSS](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Examples of building UIs of Shopify, Spotify, Netlify and Atlassian using Tailwind CSS. +- 馃帗 [Building real-world UIs using Tailwind CSS](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Examples of building UIs of Shopify, Spotify, Netlify and Atlassian using Tailwind CSS. - 馃帗 [Rebuilding FreshBooks](http://joey.io/rebuilding-freshbooks-with-tailwind-css) - Rebuilding FreshBooks with Tailwind CSS. - 馃帗 [Login Page (PingPing)](https://stefanbauer.me/building-pingping/we-build-a-login-using-tailwindcss) - Creating a login page with Tailwind CSS. - 馃帗 [Login Page](https://mustafaaloko.github.io/2017/tailwind-css-building-a-login-page) - Creating a login page with Tailwind CSS. @@ -242,23 +234,16 @@ - 馃帗 [Navigation](https://nick-basile.com/blog/post/building-a-nav-with-tailwind-css) - Building a navigation with Tailwind CSS. - 馃帗 [Forms with Tailwind CSS](https://css-tricks.com/style-form-tailwind-css) - How to style a form with Tailwind CSS. - 馃帗 [Photo gallery with CSS grids](https://nick-basile.com/blog/post/building-a-photo-gallery-with-css-grid-and-tailwind-css) - Building a photo gallery with CSS grids and Tailwind CSS. -- 馃帗 [Rebuilding Bartik](https://www.oliverdavies.uk/articles/rebuilding-bartik-with-vuejs-tailwind-css) - Rebuilding Bartik (Drupal鈥檚 default theme) with Vue.js and Tailwind CSS. -- 馃帗 [Rebuilding Airbnb鈥檚 Home Page](https://web-crunch.com/re-create-airbnbs-home-page-with-tailwind-css) - Rebuilding Airbnb鈥檚 Home Page with Tailwind CSS. +- 馃帗 [Rebuilding Bartik](https://www.oliverdavies.uk/articles/rebuilding-bartik-with-vuejs-tailwind-css) - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS. +- 馃帗 [Rebuilding Airbnb's Home Page](https://web-crunch.com/re-create-airbnbs-home-page-with-tailwind-css) - Rebuilding Airbnb's Home Page with Tailwind CSS. - 馃帴 [Laracasts Weekly Stream: Tailwind](https://www.youtube.com/watch?v=HIPgzWS-Bxg) - 馃帴 [More experimentation with Tailwind CSS](https://www.youtube.com/watch?v=nBzfVK3QUzM) - 馃帴 [Rebuilding Spotify](https://youtu.be/SLGb2RLie9w) - 馃帴 [Rebuilding Discord](https://youtu.be/t54tuaoHVLo) - 馃帴 [Rebuilding Meetup](https://youtu.be/ULe6yKJrFuI) -| Emoji | Type | -| ----- | -------------------------- | -| 馃И | Sample | -| 馃敡 | Setup Tutorial | -| 馃幀 | Video Tutorial | -| 馃帗 | Component or Page Tutorial | -| 馃帴 | Cast | - ### Apps & Websites + - [Josh Manders](https://joshmanders.com) - [App Metrics](https://appmetrics.co) - [Matt Stauffer](https://mattstauffer.com) @@ -273,7 +258,6 @@ - [University of West London](https://www.uwl.ac.uk) - [Joey Beninghove](https://joey.io) - [Stefan Bauer](https://stefanbauer.me) -- [Eyewitness.io](https://eyewitness.io) - [Laravel Spark](https://spark.laravel.com) - [Sitesauce](https://sitesauce.app) - [Milan Chheda](https://milanchheda.com) @@ -296,9 +280,7 @@ - [Sjabloon](https://www.getsjabloon.com) - [Guillaume Briday](https://guillaumebriday.fr) - [Hello Sun](https://hellosun.brussels) -- [Onur 艦uyal莽谋nkaya](https://suyalcinkaya.me) - [OpenEmu](http://openemu.org) -- [Alice's Magical Maze](https://alice.thomasverhelst.be/game) - [sleeplessmind.info](https://sleeplessmind.info) - [The Speedcube Site](https://speedcube.site) - [Woburn Mosaic](https://www.woburnmosaic.co.uk)