TailwindCSS と比べつつ Chakra UI に入門する
LGTM: 15
#CSS #React #tailwindcss #chakra-ui
Link: https://qiita.com/JSON_HardCoder/items/4ac6314e940ec6d2ad1a
LGTM: 15
#CSS #React #tailwindcss #chakra-ui
Link: https://qiita.com/JSON_HardCoder/items/4ac6314e940ec6d2ad1a
Qiita
TailwindCSS と比べつつ Chakra UI に入門する - Qiita
背景
さまざまなCSS フレームワークが登場し、最近は Tailwind CSSが注目され話題になっていたのは認識していました。そんな中、一部でChakra UIなるものの名前も見るようになり、さらにTailwind CSSと比...
さまざまなCSS フレームワークが登場し、最近は Tailwind CSSが注目され話題になっていたのは認識していました。そんな中、一部でChakra UIなるものの名前も見るようになり、さらにTailwind CSSと比...
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方
LGTM: 3
#CSS #React #next.js #tailwindcss #fwywd
Link: https://qiita.com/takara03/items/f6a1cb57d3580feccc4e
LGTM: 3
#CSS #React #next.js #tailwindcss #fwywd
Link: https://qiita.com/takara03/items/f6a1cb57d3580feccc4e
Qiita
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方 - Qiita
はじめに
Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。
環境
OS：macOS Big Sur ...
Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。
環境
OS：macOS Big Sur ...
「絶好調」「好調」「普通」「不調」「絶不調」を顔判定！
LGTM: 12
#HTML #CSS #JavaScript #codepen #TeachableMachine
Link: https://qiita.com/dsvvpxgcseldie/items/96084830002a8376d0a5
LGTM: 12
#HTML #CSS #JavaScript #codepen #TeachableMachine
Link: https://qiita.com/dsvvpxgcseldie/items/96084830002a8376d0a5
Qiita
「絶好調」「好調」「普通」「不調」「絶不調」を顔判定！ - Qiita
今日の体調を顔で判定してくれる！
出社時、上司に「顔疲れているよ、大丈夫？」とか、「疲れてそうだね」とか顔で決めつけられるシーンとかよくありますよね？店舗で勤務している時も従業員に、「店長大丈夫？最近寝てないでしょう？」「店長顔...
出社時、上司に「顔疲れているよ、大丈夫？」とか、「疲れてそうだね」とか顔で決めつけられるシーンとかよくありますよね？店舗で勤務している時も従業員に、「店長大丈夫？最近寝てないでしょう？」「店長顔...
買った服と捨てた服 色をカウントするWebアプリ（番外編：ポケモン神経衰弱） #codepen #Netlify #ポケモン
LGTM: 3
#HTML #CSS #JavaScript #codepen #Netlify
Link: https://qiita.com/TAKA_xedge/items/65ffeac7a9282a327653
LGTM: 3
#HTML #CSS #JavaScript #codepen #Netlify
Link: https://qiita.com/TAKA_xedge/items/65ffeac7a9282a327653
Qiita
買った服と捨てた服 色をカウントするWebアプリ（番外編：ポケモン神経衰弱） #codepen #Netlify #ポケモン - Qiita
企画
以前noteで欲しい服よりも要らない服の情報が自分にとって有益という話を書きました。
今回はじめてWebアプリを作るにあたり、捨てた（売った）服＝「自分にとって有用でない服」の色をカウントするアプリを作ってみます。
...
以前noteで欲しい服よりも要らない服の情報が自分にとって有益という話を書きました。
今回はじめてWebアプリを作るにあたり、捨てた（売った）服＝「自分にとって有用でない服」の色をカウントするアプリを作ってみます。
...
【続】あなたの知らないディズニーキャラクターの世界 #JavaScript #HTML #CSS #codepen #Netlify
LGTM: 5
#HTML #CSS #JavaScript #codepen #Netlify
Link: https://qiita.com/kk_puruzera/items/cc6b3d6a3ed9bc386210
LGTM: 5
#HTML #CSS #JavaScript #codepen #Netlify
Link: https://qiita.com/kk_puruzera/items/cc6b3d6a3ed9bc386210
Qiita
【続】あなたの知らないディズニーキャラクターの世界 #JavaScript #HTML #CSS #codepen #Netlify - Qiita
懲りないDヲタ
以前にディズニーキャラクターをランダムに取得して返す、というLINE Botを作成しました。
（過去のQiita記事→あなたの知らないディズニーキャラクターの世界）
が、しかし。
本当はクイズっぽくしたかった、...
以前にディズニーキャラクターをランダムに取得して返す、というLINE Botを作成しました。
（過去のQiita記事→あなたの知らないディズニーキャラクターの世界）
が、しかし。
本当はクイズっぽくしたかった、...
Twitterを通して大好きなあの人を温かく見守るアプリ（取り扱い注意） #Twitter #Bootstrap ＃CSS #codepen #Netlify
LGTM: 15
#HTML #CSS #Twitter #Bootstrap #codepen
Link: https://qiita.com/TAKA_xedge/items/c1dc451b27b2e340ea28
LGTM: 15
#HTML #CSS #Twitter #Bootstrap #codepen
Link: https://qiita.com/TAKA_xedge/items/c1dc451b27b2e340ea28
Qiita
Twitterを通して大好きなあの人を温かく見守るアプリ（取り扱い注意） #Twitter #Bootstrap ＃CSS #codepen #Netlify - Qiita
完成品
まずは完成品をご覧ください。（そのあと弁明させてください。。）
開くとこんな感じのちょっとヤバイページに飛びます。
そう！みんなのTLをひとまとめに表示してニヤニヤするやつ！
企画（と弁明）
はじめに、ネ...
まずは完成品をご覧ください。（そのあと弁明させてください。。）
開くとこんな感じのちょっとヤバイページに飛びます。
そう！みんなのTLをひとまとめに表示してニヤニヤするやつ！
企画（と弁明）
はじめに、ネ...
【狂気再び】SNSを通して大好きなあの人を温かく見守るアプリ #Facebook #Twitter #Bootstrap ＃CSS #codepen #Netlify
LGTM: 14
#HTML #CSS #Facebook #Twitter #Bootstrap
Link: https://qiita.com/TAKA_xedge/items/9d40f84d993614ec904f
LGTM: 14
#HTML #CSS #Facebook #Twitter #Bootstrap
Link: https://qiita.com/TAKA_xedge/items/9d40f84d993614ec904f
Qiita
【狂気再び】SNSを通して大好きなあの人を温かく見守るアプリ #Facebook #Twitter #Bootstrap ＃CSS #codepen #Netlify - Qiita
完成品
大好きなあの人を温かく見守るアプリ「お気に入りトレース」がバージョンアップ！
Twitterに加えてFacebookのTLも見守れるようになりました。笑
Twitterで息してなくてもFacebookで息して...
大好きなあの人を温かく見守るアプリ「お気に入りトレース」がバージョンアップ！
Twitterに加えてFacebookのTLも見守れるようになりました。笑
Twitterで息してなくてもFacebookで息して...
「GithubのHTMLをダウンロードせずにプレビューするアプリ」作ってみた!!
LGTM: 10
#HTML #CSS #JavaScript #GitHub #コラム
Link: https://qiita.com/daisu_yamazaki/items/033eaff1bd5cc5e6db86
LGTM: 10
#HTML #CSS #JavaScript #GitHub #コラム
Link: https://qiita.com/daisu_yamazaki/items/033eaff1bd5cc5e6db86
Qiita
「GithubのHTMLをダウンロードせずにプレビューするアプリ」作ってみた!! - Qiita
今回は「GithubのHTMLをダウンロードせずにプレビューするアプリ」作ってみた!! です
私の業務効率化だけのために作ったと言っても過言ではないので、興味ない方はページをそっと閉じていただければと存じます ＜m(__)m＞
...
私の業務効率化だけのために作ったと言っても過言ではないので、興味ない方はページをそっと閉じていただければと存じます ＜m(__)m＞
...
CSSanimationの@keyframesを表現ごとに分割し、汎用性を持たせる
LGTM: 16
#CSS #HTML5 #scss #animation #keyframes
Link: https://qiita.com/s-kato/items/beded4c3d2d7d72aa6ef
LGTM: 16
#CSS #HTML5 #scss #animation #keyframes
Link: https://qiita.com/s-kato/items/beded4c3d2d7d72aa6ef
Qiita
CSSanimationの@keyframesを表現ごとに分割し、汎用性を持たせる - Qiita
この記事はun-T factory! XA Advent Calendar 2021８日目の記事です・
概要
こんにちは、最近オフィスの一画にカフェ＆バーが完成し、営業許可証と食品衛生責任者の資格を取りに行った、フロントエンドエ...
概要
こんにちは、最近オフィスの一画にカフェ＆バーが完成し、営業許可証と食品衛生責任者の資格を取りに行った、フロントエンドエ...
😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】
LGTM: 301
#CSS #JavaScript #TypeScript #chrome-extension #クソアプリ
Link: https://qiita.com/yuneco/items/24a209cb14661b8a7a20
LGTM: 301
#CSS #JavaScript #TypeScript #chrome-extension #クソアプリ
Link: https://qiita.com/yuneco/items/24a209cb14661b8a7a20
Qiita
😡webのスクロールでふわっと出てくるやつ絶対粉砕するマン【クソアプリ】 - Qiita
おひさしぶりです。この記事はクソアプリ Advent Calendar 2021の13日目です
突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います？ 最近多いですよね、あれ。
確かにオシャレだし楽...
突然ですが皆さんは「スクロールに合わせてふわっと出てくるwebページ」ってどう思います？ 最近多いですよね、あれ。
確かにオシャレだし楽...