タグ

ブックマーク / www.webcreatorbox.com (4)

  • Adobe XDでシンプルなワイヤーフレームを作ろう!便利なUIキットいろいろ

    2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、今回は凝ったデザインのものではない、シンプルなワイヤーフレーム向けのUIキットをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! シンプルなワイヤーフレーム制作向けのUIキット Wires jp Wires jpはAdobeが公開しているUIキット。これまでは後述する英語表記のもののみでしたが、この度日語バージョンがリリースされました! 日のWebサイトでよく見かけるデザイン要素がつまっています。テキストも日のものらしく変更されていますよ。 W

    Adobe XDでシンプルなワイヤーフレームを作ろう!便利なUIキットいろいろ
  • かゆいところに手が届く!Flexboxを使った便利な小技

    2017年9月14日 CSS 要素を横並びにする時に便利なFlexbox(フレックスボックス)。みなさん、使いこなせていますか?今回はFlexboxを使ったちょっとした小技や、ハマりがちなポイントとその回避例を紹介します! ↑私が10年以上利用している会計ソフト! 画像とテキストを互い違いに表示 See the Pen Flexbox – row-reverse tip by Mana (@manabox) on CodePen. まずは画像とテキストが入るボックスを作成。それらを囲む .box という div を用意しました。 HTML <div class="box"> <img src="images/iphone1.jpg" alt=""> <div class="box-text"> <h2>見出しが入ります</h2> <p>テキストが入ります</p> </div> </div>

    かゆいところに手が届く!Flexboxを使った便利な小技
    otihateten3510
    otihateten3510 2017/09/14
    この記事、サンプルとかちゃんと作ったりして大変そうだな そんなことない?
  • 世界のWebデザイナーのお給料はいかほど?

    2013年12月25日 Web関連記事, 海外情報 以前日のWeb屋さんと、海外のWebデザイナーのお給料について話したことがあります。話を聞く限り、日は長時間労働・低収入、海外は時間キッチリ・高収入な私の勝手なイメージ。じゃあ実際どんなもんかしら?と思い、働いたことにある国を中心に、6カ国の賃金事情を調べてみました。各国の最低賃金とWebデザイナーのお給料はどのくらいあるのでしょう? ↑私が10年以上利用している会計ソフト! さっそく見てみましょう! お給料(年収)は総支給額の中央値、レートは2013年3月11日のものです。ソースは記事の最後に。 オーストラリア オーストラリアが国で定めた最低時給はAU$15.96(1,568円)*1。オーストラリアはチップ文化がないため、比較的高めの設定になっていると聞いたことがあります。ちなみに日曜に出勤したら時給2倍に、祝日だと3倍になります!

    世界のWebデザイナーのお給料はいかほど?
    otihateten3510
    otihateten3510 2016/08/01
    Webデザイナー業界の問題
  • 画面の動きをGIFアニメーションに変換する時に使える便利ツールいろいろ

    2016年7月13日 JavaScript, 便利ツール 制作関連のブログのように作業の手順を紹介する時、Webサイトやアプリの動きを見せたい時、Webサービスの不具合を報告したい時…。画面に表示されているものや動きを言葉で説明するよりも、動画で説明した方が早い場合も多々ありますよね。短時間の動画ならGIFアニメーションにしてみてはいかがでしょうか?今回は画面キャプチャを録画し、自動でGIFアニメーションに変換してくれる便利なツールを紹介します。 ↑私が10年以上利用している会計ソフト! 画面キャプチャからGIFに変換するツール GIPHY GIPHYは画面の動きを録画し、GIFに変換するためのMac用アプリ。無料で使えます。GIPHYのいいところは、なんと言っても動きが滑らか!そして繰り返し表示の設定や、動画の開始・終了ポイントの編集、キャプション(英数字のみ)まで加えられます。ただ、滑

    画面の動きをGIFアニメーションに変換する時に使える便利ツールいろいろ
  • 1