Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.
Vertical alignment on Bootstrap 3 columns with equal heightThe Solution The MarkupYou have to add the classes .container-xs-height and .row-xs-height to the container and the row, and also add .col-xs-height to the columns. <div class="container container-xs-height"> <div class="row row-xs-height"> <div class="col-xs-6 col-xs-height"></div> <div class="col-xs-3 col-xs-height col-top"></div> <div c
この記事は 俺のメニューバー Advent Calendar 2015 12日目の記事です。 簡単な動画を見せたい時、デスクトップの動画スクリーンショットを、Gifアニメで撮りたい時あります。無料で高機能でオススメなのが「GifGrabber」です。 GifGrabber – Simple software for animated gifs GifGrabber カテゴリ: ビデオ 現在の価格: 無料 いままではLICEcapやRecorditを使っていたのですが、Trimなど細かい設定ができて、ローカルで使えるGifGrabberが一番使いやすいと思えました。アイコンは謎ですけど。 使用方法 起動すると透過した緑のキャプチャエリアが、表示されます。 右下をつかんでサイズ変更できます。 上部の赤い「Start Capture」は撮影開始・停止。左上は最小化。 ⌘+Shift+Sで撮影開始
この記事は Fablic Advent Calendar 2015 / UI Design Advent Calendar 2015 の14日目のエントリです。 今回は、アプリのUIを設計するときに気をつけたい "ユーザーの練度" についてお話をしたいと思います。今回は iOSアプリ を例としてお話しを進めていきます。 改めまして、こんにちは。Fablic の UIデザイナー、 @wariemon です。 この記事を読んでくださってありがとうございます! まず、"練度" とは? ユーザーは、ぼくたちが作るアプリを触れるまでに、いろんなアプリを使用してきていて、操作に対して知識を持っています。 この 操作(UI)に対する知識 を 今回 “練度” という呼び方をして、キーワードとさせていただいています。 UIの設計というのは、見た目を整えることがゴールではなく つかえる ことが当然ながら、重要
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・! デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK!」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
WordPress 4.4に早速アップデートしました。すると、このブログのサイドバーにあるタグクラウドが下の画像のように乱れてしまいました。左側が正しい出力、右側が乱れた出力です。 タグクラウドの表示が乱れた タグクラウドはウィジェットを使っていますが、後述のようにテーマのfunctions.phpでフィルターをフックしてパラメーターを渡し、出力内容を変更しています。試しに変更を加えずそのままデフォルトのウィジェットを出力するように変更すると正しく出力されます。検索してみると同様な現象の報告はあるものの解決策は見つかりませんでしたので、自力でなんとか解決してみました。 まずは正しい出力と乱れた出力のHTMLソースを見比べてみます。正しい出力では、タグクラウド部分全体が<aside>タグで囲まれ、その下に<h1>タグでウィジェットのタイトルがあり、次に<div>で囲まれたタグクラウド本体が出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く