Tailwind: メディアクエリã«åž‚ç›´æ–¹å‘ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’è¿½åŠ ã™ã‚‹ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾æ¦‚è¦ å…ƒã‚µã‚¤ãƒˆã®è¨±è«¾ã‚’å¾—ã¦ç¿»è¨³ãƒ»å…¬é–‹ã„ãŸã—ã¾ã™ã€‚ 英語記事: Adding vertical screen size media queries to Tailwind | justin․searls․co 原文公開日: 2024/06/21 原著者: Justin Searls -- Test Doubleã®å…±åŒå‰µæ¥è€…ã§ã™ ç§ã¯Tailwindã‚’å¦ã‚“ã§ã¿ã¦åˆã‚ã¦ã€è‡ªåˆ†ã«ã‚‚Web上ã§ç²¾å¯†ã‹ã¤ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®é«˜ã„ビジュアル表ç¾ãŒè¡Œãˆã‚‹ã‚“ã ã¨ã„ã†æ°—æŒã¡ã«ãªã‚Œã¾ã—ãŸã€‚ç§ã¯ã‚‚ã†Tailwindã«æƒšã‚Œè¾¼ã‚“ã§ã—ã¾ã„ã¾ã—ãŸã€‚ 普段CSSを書ã„ã¦ã„ã‚‹ã‘ã©Tailwindを使ã£ãŸã“ã¨ãŒãªã„人ã¯ã€ãœã²æ•°æ—¥ã‹ã‘ã¦Tailwindを触ã£ã¦ã¿ã¾ã—ょã†ã€‚ãã—ã¦åˆæœŸã®å¦ç¿’曲線を乗り越ãˆã¾ã—ょã†ã€‚ Tailwindã§ç§ãŒå¤§å¥½ããªç‚¹ã®1ã¤ã¯ã€éžå¸¸ã«æ‹¡å¼µæ€§ãŒé«˜ã„ã“ã¨ã§ã™ã€‚Tailwindã®ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã‚¯ãƒ©ã‚¹ã«ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·
Tailwind CSS: 開発者ãŒçŸ¥ã£ã¦ãŠããŸã„デリケートãªUIデザインã®ä¾¿åˆ©æŠ€11種（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Rails: Tailwind + Stimulusã§2FA/OTP/SMSèªè¨¼ç”¨ã®6æ¡ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’作る（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Railsフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰: ViewComponent+Tailwind CSS+Hotwireã®ä¾¿åˆ©æŠ€8ã¤ï¼ˆç¿»è¨³ï¼‰ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
実践ViewComponent（3）TailwindCSSã®ã‚¯ãƒ©ã‚¹ã¨HTML属性（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
Tailwind CSSをカオスã«ã—ãªã„ãŸã‚ã®5ã¤ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
tailwindcss-rails README（翻訳）｜TechRacho by BPSæ ªå¼ä¼šç¤¾
{{#tags}}- {{label}}
{{/tags}}