なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
Bootstrap 4でブロック中央寄せ - Qiita
<div class="mx-auto" style="width: 200px;"> Centered element </div> これで実装できます Horizontal centering きっかけ Bootstrapを使った中央寄せを実装しようとして、調べるとBootstrap3時の実装方法である以下のコードが沢山出て来ると思います。 Bootstrapの使い方特設ページ - ブロック中央よせ - 中央揃え しかし、Booystrap4では、.center-blockクラスは排除され新しく、.mx-autoクラスが実装されるようになります。 公式ドキュメントを確認すると Dropped .center-block for the new .mx-auto class. と書かれている通りに、今後Bootstrap4でブロック中央寄せを実装する際には.center-blockではな
レスポンシブでダサくないLPを1時間で作る - Qiita
ちょっとしたランディングページ(LP)を作りたいときってありませんか？ ちょっとしたサービスを公開したとき、ちょっとしたイベントがあるとき...。LPを作りたいけど時間がかかるし、デザイナーさんにお願いするお金もないし、テンプレートを探すのも時間かかるし...。 そんなとき、サクッとLPを作れるアプリがあります。Bootstrap Studioです。豊富なテンプレートが用意されているため、選択するだけでベースとなるLPを簡単に作成することができます。 以前にも紹介する記事を書いたんですが、 今回はレスポンシブでダサくないLPを作る方法を共有します。 ※Bootstrap Studioは有料のアプリです 【以前の紹介記事】 最高のモックアップツールかもしれないBootstrap Studio Bootstrap Studioの概要 特徴 25$ → 2,700円くらい bootstrapのc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有名サイトで使用されているCSSテクニックまとめ - Qiita
