海外サイト Speckyboy.com で公開された Our 50 Favorite CSS Libraries, Frameworks and Tools from 2019 より許可をもらい、翻訳転載し、さらにオススメCSSツール15個を追加しています。 2020年がスタートし、ここ数年で急速な進歩を続けているCSSは、さまざまなオープンソースのツールがリリースされています。 CSSライブラリやフレームワーク、オンラインツールを利用することで、サイト制作の時間を節約、短縮できるだけでなく、新しいテクニックやプロパティなどに関しては、学習用ガイドラインも多数公開されています。 今回は、2020年に注目したい最新CSSツール、リソースガイド65個をまとめてご紹介します。これからCSSを本格的に学ぶひとも、普段からバリバリでCSSを使いこなしているひとも、一度は確認しておきたい内容となってい
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
こんにちは、たかとーです。 今日はTailwind CSS Resources you wish you had. - DEV Community 👩💻👨💻の日本語訳記事です！ 当記事は、Janeさんの許可を得て翻訳しています。Tweet Tailwind CSS Resources you wish you had. Tailwind CSS リソース 私が学んでいたときに役に立ったいくつかのリソースをリストアップしていきます。それらをあなたのリストに追加したり、すでにある場合は、それらを使い続けてください。 1) TailwindInk ブランドカラーを選ぶと、補色のリストを生成してくれるカラージェネレーターサイトです。カラーコードはTailwindのconfigファイルに簡単にコピーすることができます。 2) Tailblocks この素晴らしいプロジェクトはMert C
【CSSツール】水玉デザイナー 使い方一例！ - Little Strange Software
どうも！LSSです！！ 先日、公開したツール 試してみたいただいた方、ありがとうございます^^ 色々な模様が作れますが、今回は「使い方の一例」を書いてみます！ 最初に普通に模様を作ります 水玉の数を「倍」にします 横位置・縦位置を+50 あくまで「一例」ですが 最初に普通に模様を作ります 作り始める前に、まず、 「水玉の数」をテキトーに決めます。（後から変更もできます） 今回は「最初は5」でいきます。 上部の「水玉個別設定」をクリックして、５つの水玉のサイズ・配置を決めます。 ※ここでちょっとこだわり。 今回は「横位置」「縦位置」がそれぞれ「50%を超えないように」するやり方でいきます！ ↑例えば、こんな風に配置してみたとします。 水玉の数を「倍」にします 配置が決まったら、上部の「全体的な設定」に戻り、 「水玉の数」を、さっきの倍の「10」にします！ そしてまた、「水玉個別設定」に切り替
【CSSツール】水玉デザイナー【試作版２】 - Little Strange Software
どうも！LSSです！！ 以前作成した、水玉デザイナー、少しだけ機能追加しました。 水玉デザイナー 使い方 作成例 色を使えるようにはなりましたが 水玉デザイナー 使い方 設定部分を「全体的な設定」と「水玉個別設定」に分けています。 「全体的な設定」でボックス全体の幅や高さ、リピートする枠の幅や高さ、水玉の数、不透過度を調節できます。 「水玉個別設定」では、全体的な設定で指定した「水玉の数」分の、水玉の半径、位置を設定します。 最初にこのページを開いた時点では、水玉の半径は8px、位置は中央（50% 50%）で設定されています。 そして今回の新要素！ 「水玉0」などの部分をクリックすると、その下に一行、「#ffffff 白 赤 青 緑 黄 黒」というのが出てきます。 色名をクリックする事で、水玉ごとに色をつける事ができるようになりました^^ ※水玉はナンバーの少ない方が手前に表示されます。
【CSSツール】水玉デザイナー【試作版】 - Little Strange Software
どうも！LSSです！！ 今回はCSSの水玉模様をデザインするツールを作ってみました。 ※追記：【CSSツール】水玉デザイナー【試作版２】に改良版があります。 水玉デザイナー 使い方 作成例 制作のきっかけ 7/26追記！ 7/27追記！ 水玉デザイナー 使い方 設定部分を「全体的な設定」と「水玉個別設定」に分けています。 「全体的な設定」でボックス全体の幅や高さ、リピートする枠の幅や高さ、水玉の数、不透過度を調節できます。 「水玉個別設定」では、全体的な設定で指定した「水玉の数」分の、水玉の半径、位置を設定します。 最初にこのページを開いた時点では、水玉の半径は8px、位置は中央（50% 50%）で設定されています。 設定の下に、１枠分の水玉模様と、それをリピート配置したボックスが表示されていて、そのボックスを再現するためのコードが表示されています。 これらは「設定」の内容がリアルタイムに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
超便利！確認しておきたい最新CSSツール、リソースガイド厳選65個 2020年度
全米が待ち望んでいた超便利なTailwind CSSツール10選 - Qiita
全米が待ち望んでいた超便利なTailwind CSSツールリスト