Web Fundamentals — Google DevelopersStay organized with collections Save and categorize content based on your preferences. A course exploring all aspects of responsive design. Learn how to make sites that look great and work well for everyone. Go back
Introducing Sizzy —A tool for developing responsive websites crazy-fast
So, here’s how Sizzy happened. You know the drill. You’re developing an app for a client and you need to make every page and every component work in every variation, on every device. I was already using react-storybook to switch between all the variations of a component, but I still had to switch between 12 devices just to see the changes in all of them. And that’s how it all started. How about ma
ã‚‚ã†ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„？
先月末ã€è—¤äº•ã•ã‚“ ã®åƒãæ ªå¼ä¼šç¤¾ã‚¶ãƒƒãƒ‘ラスã•ã‚“ ã«ãŠé‚ªé”ã—ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã®åŸºæœ¬ã®ã‚çš„ãªãŠè©±ã—ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ é¡Œã—ã¦ã€Œã‚‚ã†ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„？〠ã„ã¾ã€æ”¹ã‚ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザインã«ã¤ã„ã¦è€ƒãˆã‚‹ãã£ã‹ã‘ã«ãªã‚Œã°ã€ã¨ã„ã†è¦–点ã§å†…容をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 4å¹´å‰ã«ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webデザイン 制作ã®å®Ÿè·µçš„ワークフãƒãƒ¼ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã€ã¨ã„ã†æœ¬ã‚’執ç†ã—ãŸã‚“ã§ã™ã‘ã©ã€ãã®ã“ã‚ã‹ã‚‰ã‚¦ã‚§ãƒ–制作ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ã¨ã‚Šã‚ãˆãšãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã„ã„ã‚“ã˜ã‚ƒãªã„？ã¨æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€æœ€è¿‘ã€ãã®æ€ã„ãŒã‚ˆã‚Šå¼·ããªã£ã¦ã„ã¾ã™ã€‚è·å ´ã®ã‚¦ã‚§ãƒ–サイトをレスãƒãƒ³ã‚·ãƒ–ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¦ã‹ã‚‰ç´„5å¹´ãŒçµŒã¡ã¾ã™ãŒã€ã‚„ã£ã±ã‚Šã€ã‚ã®æ™‚レスãƒãƒ³ã‚·ãƒ–ã‚’é¸æŠžã—ã¦ãŠã„ã¦ã‚ˆã‹ã£ãŸã¨ã¤ãã¥ãæ„Ÿã˜ã¦ã„ã¾ã™ã€‚ãŠã‹ã’ã§ã€Googleã•ã‚“ãŒãƒ¢ãƒã‚¤ãƒ«ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’優先ã™ã‚‹ã¨ã„ã†æ˜¨ä»Šã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ ã«ã‚‚ã‚ã¾ã‚Šç¿»å¼„ã•ã‚Œãªãã¦ã™ã‚“ã§ã„ã¾ã™
Foundation for Emails | A Responsive Email Framework from ZURB
Foundation for Emails 2 Quickly create responsive HTML emails that work. Even on Outlook. Get Started (Formerly Ink) 5.3k GitHub stars @ZURBfoundation Making Emails Suck Less We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding
Grid
Why bother with responsive? We want our websites to be useable on all devices by responding to the user’s behavior, screen size and screen orientation. A Fragmented World As of 2013, there are thousands of different devices and screen sizes that browse the internet, so it’s impossible to design layouts to target them all. Instead, we must take a more fluid approach to design. Mobile First The term
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - kitze/sizzy: A tool for testing responsive websites crazy-fast
Sizzy — The browser for web developers
imgix - The End-to-End Visual Media Solution
GitHub - keen/dashboards: Responsive dashboard templates 📊✨
{{#tags}}- {{label}}
{{/tags}}