2023年11月30日(木)
様々なボタンデザインをHTMLとCSSのコピペで簡単に実装できる「Buttons.cool」
ボタンの実装サンプルを提供しているサイトはいろいろありますが、CodePenで公開されているクオリティの高いボタンを収集しているボタンコレクションサイト「Buttons.cool」が活用できそうだったのでメモ書きとして紹介します。
Buttons.cool – The coolest buttons in town
Buttons.cool – The coolest buttons in town「Button List」と「Button Generator」に分かれて120種類以上のボタンデザインが紹介されています。
※2023年11月30日現在「Button List」では、CodePenの各ユーザーに分かれてボタンデザインを検索することができ、使用したいボタンのHTMLとCSSをコピーすることができます。
「Button Generator」は、「Tailwind CSS」ベースのク...
author:
BlackFlag
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログ
‹ PREV
【11月人気記事トップ5】Gmailポリシー変更、SEO対策の最新動向など
NEXT ›
UIデザインに最適! 文字サイズが小さくてもくっきりと美しいフリーフォント「Intrer」が待望のバージョンアップ
関連記事
Ads
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログBlackFlagの記事『様々なボタンデザインをHTMLとCSSのコピペで簡単に実装できる「Buttons.cool」』についてまとめています。
Web制作総合のカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のBlackFlagで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとBlackFlagの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。