ペライチの新しいロゴができるまで │ Design Spice
私が携わっているサービス「ペライチ」のロゴをリデザインしました。 今回のロゴができあがるまでの流れをまとめてみました。 背景 現在、私の勤めている会社は、誰でも簡単にwebページが作成できる「ペライチ」というサービスを開発、運営しています。会社の社名は株式会社ホットスタートアップでしたが、2017年の5月25日に株式会社ペライチに変えました。これは「ペライチ」というサービスが認知されてきたこと、社名をサービス名と同じにすることで今まで以上にこのサービスに全力を注ぐという決意の現れでもあります。 この社名変更を機にロゴも刷新することになり、デザイナーの私がこのプロジェクトに任命されました。 競合調査 始めに競合のロゴ調査から始めました。他社のロゴのイメージやどんなモチーフを使ってるかを調べたり、業種別・ロゴのテイスト別にポジショニングマップなどを作成し、その中でペライチのロゴが目指す方向を定
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
