ã†ã‚ã£ã€ç§ã®ã‚µã‚¤ãƒˆBootstrapãã•ã™ãŽ!? ãŸã£ãŸæ•°æ–‡å—変ãˆã‚‹ã ã‘ã§Bootstrapã®ãã•ã¿ãŒæŠœã‘ã‚‹7ã¤ã®CSSテクニック。ãªã‚“ã‹ã€ã“ã®ã‚µã‚¤ãƒˆBootstrapãã•ã„。ãã†æ„Ÿã˜ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? ãã®ç†ç”±ã¯ã‚ºãƒãƒªã€æ¬§æ–‡ãƒ™ãƒ¼ã‚¹ã§ã¤ãられãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークを文å—æ§‹é€ ã®é•ã†æ—¥æœ¬èªžã§é©ç”¨ã—ãŸéš›ã«ä¸éƒ½åˆãŒå‡ºã¦ã—ã¾ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ãれらãŒé†¸ã—出ã™é•å’Œæ„Ÿã‚’放ã£ã¦ãŠãã¨ã€Bootstrapãã•ã•ã‚’生ã¿å‡ºã™å¤§ããªåŽŸå› ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã®å•é¡Œã¨ã—ã¦ã€æ¬§æ–‡ã¨æ¯”較ã—ã¦å’Œæ–‡ã¯æ–‡å—ã®è¦ç´ ãŒå¤šãã€æ–‡å—自体ã®ãƒªã‚ºãƒ ã‚‚å°‘ãªã„ãŸã‚ã€ã©ã†ã—ã¦ã‚‚複雑ã§å˜èª¿ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€å’Œæ–‡ã ã‹ã‚‰ã¨ã„ã£ã¦ã‚ãらã‚ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。Bootstrapã®CSSã‚’å°‘ã—ã ã‘変ãˆã‚‹ã ã‘ã§ã‚°ãƒƒã¨è¦‹ãŸç›®ãŒã‚ˆããªã‚‹éš ã—味をã”紹介ã—ã¾ã™ã€‚ 1. line-heightã§è¡Œé–“ã«ã‚†ã¨ã‚Šã‚’。明æœã‚„ゴシックãªã©ã€ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žãŒè¨€è‘‰ã®å°è±¡ã‚’表ã™ã‚ˆã†ã«ã€æ–‡å—ã®è¡Œé–“ã¯èªã¿ã‚„ã™ã•ã€æ–‡ç« 全体ã®é›°å›²æ°—ã‚’å·¦å³ã—ã¾ã™ã€‚ 欧文をベースã«è¨è¨ˆã•ã‚ŒãŸBootstrapã‚’ãã®ã¾ã¾
Bootcomp｜Bootstrap × Photoshop CC 2015 エクステンション
Photoshopã§1クリックã®æ™‚代ãŒããŸï¼Webページ用ã®ã‚°ãƒªãƒƒãƒ‰ã‚‚ç°¡å˜ã«ä½œæˆã§ãる便利ã™ãŽã‚‹ç„¡æ–™ã®æ©Ÿèƒ½æ‹¡å¼µ -Bootcomp 2.0
Bootstrapã‚„jQuery UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’使ã£ãŸãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—作æˆãƒ„ールãªã©ã®Webアプリを開発ã§ãるツール -Wamer
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
Bootstrapã§ä½œã‚‰ã‚ŒãŸã¨ã¯æ€ãˆãªã„ã»ã©æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®Webサイトã®ã¾ã¨ã‚
ブックマークã—ã¦ãŠããŸã„ã€Bootstrapã®å•†ç”¨åˆ©ç”¨ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイトã®ã¾ã¨ã‚
Bootstrap Zero
ç„¡æ–™ã§åˆ©ç”¨ã§ãる高å“質Bootstrapテーマコレクション「Bootstrap Zero〠| ソフトアンテナ
TECH PROjin
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
Bootstrap3日本語リファレンス
マテリアルデザインをベースã¨ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク『Materializeã€ä½¿ã£ã¦ã¿ãŸ - tmlife
CSSフレームワークBourbon/Neat/Bitters/Refillsã¯ç¾Žã—ã„ - Qiita
第1回　今ã©ãã®Webサイト制作ã«ã¯BootstrapãŒãŠã™ã™ã‚ï¼ | gihyo.jp
æ–°ç€è¨˜äº‹
Bootstrap 3をベースã«ã—ãŸãƒ•ãƒ©ãƒƒãƒˆãªã‹ã‚ã„ã„デザインã®HTMLã¨PSDãŒæƒã£ã¦ã‚‹ç„¡æ–™ã®UIç´ æ -Druken Parrot UI Kit
クソエンジニアãŒæœ€é€Ÿã§ãã‚Œãªã‚Šã®Webデザインをã§ãるよã†ã«ãªã‚‹æ–¹æ³• - UIU
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
{{#tags}}- {{label}}
{{/tags}}