文系プログラマによるTIPSブログスマートフォン用の表示で見る文系プログラマによるTIPSブログ文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。bootstrapを使ってデザインしています。このbootstrap、簡単に綺麗なデザインができ、デザイナーでない私でも簡単綺麗なUIが実現できます。このbootstrap、主にmargin・paddingに問題があると思っています。bootstrapをカスタマイズしたデザインbootstrapをカスタマイズしないデザイン色々いじってるので単純な比較ではありませんが、カスタマイズしない場合はmargin・paddingが酷い事になっているように見えます。これはtwitter流の黄金比?でしょうか。それとも日本人は小さいもの好きだからか。公言しているようで悲しいので、カスタマイズする事をおすすめします。青いボタンとか、背景色とか、妙に大きめのマージンとか、見た瞬間解るレベルです。見た瞬間に「ああ、bootstrapか」と解ります。bootstrapをカスタマイズする方法カスタマイズ方法の一つですが、bootstrapのcssには全く手をつけず、別途作成したcssでbootstrapのセレクタを上書きする方法を、tree-tipsでは使っています。具体的には以下の通りです。新規に作成したbootstrap-custom.cssを読み込み、bootstrap.cssのセレクタを上書きします。<p>ですが、bootstrap.cssでは以下になっています。10px;}bootstrap-custom.cssに以下を記述してbootstrap.min.cssのセレクタを上書きします。2px;}こうすることで、bootstrap.min.cssとbootstrap-responsive.min.cssは全くいじる必要無くなるので、bootstrapがバージョンアップした場合も簡単に対応できるかと思います。バージョンアップ時はbootstrapフォルダを丸ごと上書きコピーするだけで、簡単にバージョンアップする事ができます。関連記事2017-05-01dockerとnginxで静的リソースをgit環境無しで閲覧できる環境を構築しよう!デザインhtmlをgit管理すると、どうしても営業やテスターが困っ...2017-01-04心機一転、テーマを変更してみましたあけましておめでとうございます。今年もよろしくお願いします。週間)昔は業務系SIer、今はベンチャー企業でプログラムを書いています。INFILEを実行できるようにするmacのAutomatorでhomebrewのコマンドをFinderのサービスから実行できるようにするReactオススメ書籍React自体の基礎、AtomicDesignの適用、CSSの運用手法の歴史的な経緯とメリットデメリット、Reduxの基礎、redux-sagaによる非同期処理、サーバサイドレンダリング、テスト、lint、を学ぶ事ができます。単行本(ソフトカバー)この商品を含むブログを見るAngularオススメ書籍Angularを学ぶなら絶対以下がおすすめです!バインディング、ディレクティブ、パイプ、フォーム、コンポーネント、サービス、ルーティング、httpClientによる非同期httpリクエスト、テスト、angular-cli、を非常に丁寧な説明で網羅的に解説しています。大型本この商品を含むブログを見るSEOオススメ書籍SEOを学ぶなら絶対以下がおすすめです!クローラに対して何をどうすればサイトの巡回効率・速度を上げる事ができるのか、どういったマークアップをする事が標準仕様なのか。巷に溢れる業者による経験則に基づくオレオレSEO情報は一切無く、全てGoogle等のオフィシャルな情報に基づいて何をすべきか、どんな手段があるのかを解説されています。プログラマな私が業務で行った施策が多く書かれており、プログラマ寄りで高度な内容となっており、巷のビギナー向けの曖昧な情報集とは一線を画しています。Amazonアソシエイト・プログラムの参加者です。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。