タグ

ブックマーク / creator.aainc.co.jp (2)

  • cssの設計を考えるにあたり参考にした設計思想

    こんにちは、てっちゃんです。 みなさんはお花見しましたか?今年は安定した暖かさで例年よりもすごしやすかったなと思いました。 そして、私事ですがこの春から花粉症デビューになりそうというお話をいただきまして、毎日マスクが手放せません。いやー、のどのイガイガがたまらなく嫌ですね。 今回は、cssの設計について調べたことを書いていこうと思います。 弊社でもフロントエンド陣によりある程度のコーディングガイドラインは決まっていますが、 記述の細かい仕様までには及んでいません。コンポーネントの作り方なども人によって差異が出てきます。 複数人で作業とも慣れば尚更その差異は大きくなります。cssは記述自体はとても簡単でそれゆえに、とてももろくすぐに壊れてしまいます。 参考:なんでCSSすぐ死んでしまうん そこで壊れにくcssを設計するためには以下が重要だと言われています。 拡張性 保守性 明瞭性 参考:CS

    cssの設計を考えるにあたり参考にした設計思想
  • アプリのUI設計に便利!無料ツール「Flinto」を使ってプロトタイプをつくってみた

    こんにちは。デザイナーのまんです。 Webサイトやモバイルアプリをつくる上でUIに悩むことは多いと思います。 ワイヤーフレームを引いてみても、動かしてみたときを頭の中で想像しながらだとなかなか時間が掛るし思うようにならない…。 そんなとき!作った画面をお手軽にがしがし動かしてくれるプロトタイプツールが便利です。 今回使ってみたのは「Flinto」というWebツール。(1ヶ月体験無料) 実際に使ってみた感想や気づきをご紹介します。 使い方 基的にはよくあるプロトタイプツールと同じで ①画面イメージ(画像)を登録する ↓↓↓ ②リンク箇所とリンク先を設定する (みょい~~~んとアンカーが伸びるのが気持ちよくてすごく好きです) リンク設定しおわったら「Share & Install」からURLを生成してモバイルのホーム画面に追加すると まるで物のアプリのような動きをしてくれます!(Web上で

    アプリのUI設計に便利!無料ツール「Flinto」を使ってプロトタイプをつくってみた
  • 1