mimizuku0729のブックマーク - はてなブックマーク

アプリのUIデザインで使っているツール 10選+

2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS）もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え

mimizuku0729 2015/12/06

リンク

英語学習の嫌いな大人がTOEIC900点取るまで活用したTED便利サイト7選[比較図まとめ有] | みんなの扉を開くカギ

※上の目次から各項目にジャンプできるようになっているので、時間のない方は興味のあるところだけでもご覧ください。 TEDとは？繰り返しますが、TEDは堅い教材ではなく最高のエンターテイメントです。 TEDの魅力を3行でまとめると、１．世界最先端で活躍するリーダー＆スペシャリストたちの２．磨きに磨かれた最高のプレゼンテーション（英語：3～20分）を３．全部無料＆日本語字幕付きで楽しむことができるサービスです。そんなTEDを楽しくみ、更に英語力を磨くことができる便利サイト７つをお伝えします。何が便利で、私がどう活用したのかも合わせてご紹介します。０．公式サイト最初に公式サイトの使い方をお伝えします。Youtubeに似ているので、簡単に理解できます。３つの基本動作を覚えましょう。 (1)字幕を表示する字幕を表示できれば海外の映画を見るようにTEDを楽しむことができます。こちらにア

mimizuku0729 2012/09/25

リンク

Sublime Text2ってエディタがすごくイイ。

Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。ダウンロード Sublime Text 2 – Dev Builds 初期設定アプリを立ち上げて、Sublime text2 > Preference > Setting

mimizuku0729 2012/08/15

リンク

[CSS]円形エレメントの実装とホバー時に面白いアニメーションのエフェクトを与えるスタイルシート

最近よく見かけるようになった円形のエレメントに、ホバー時に普通のより面白いエフェクトをCSS3アニメーションで実装するチュートリアルを紹介します。 Circle Hover Effects with CSS Transitions 右：ホバー時のアイテム、左：通常時のサムネイルの状態です。円形エレメントの実装ホバーエフェクトのデモ円形エレメントの実装まずはベースとなる円形エレメントの実装です。アイテム時を例に紹介します。 HTML 各円形のエレメントはリスト要素で、見出しやパラグラフをdiv要素で二重に内包します。 <ul class="ch-grid"> <li> <div class="ch-it em ch-img-1"> <div class="ch-info"> <h3>見出し</h3> <p>パラグラフ <a href="http://">リンク</a></p> </d

mimizuku0729 2012/08/14

css

リンク

魔女の宅急便の舞台になった薔薇の都と呼ばれる町『ヴィスビュー』

「見て！海に浮かぶ町よ！」空からそんな声が聞こえてきそうなこの町は、バラの都と呼ばれるスウェーデン領バルト海南部にあるゴトランド島の都市ヴィスビュー。この町はそう、あのジブリ魔女の宅急便のモデルとなった町だそうです。大人気ジブリのロケーションシリーズの続きを書くのは私Kikuma(@circustic)です。

mimizuku0729 2012/08/01

リンク

IE7 バグ　早見表 by nobu

CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。また、「height="1%"」のように特定の箇所には使用できないものもあります。ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値

mimizuku0729 2012/07/27

リンク

私がWebサイトの配色を決める時の流れ

ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。ただ、言葉から連想されるものは人により誤差がありますので、参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。ただし同業の全てのサイトと被らないようにするのは無理があるので、商圏内で競合となる他社のみを比較対象とします。また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、店舗であれば外観・内装の

mimizuku0729 2012/07/23

リンク

芸能人の気になる噂 : 加藤綾子かわえええええ【27時間テレビ】

3: 名無しでいいとも！ 2012/07/21(土) 22:19:50.15 ID:4awabt7v アナ★バンカレンダー 2012 販売元：扶桑社 (2011-11) 販売元：Amazon.co.jp クチコミを見る続きを読む

mimizuku0729 2012/07/23

リンク

デザインのインスピレーションが得られる最強Webサービス7選

毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも

mimizuku0729 2012/07/23

リンク

Logan & Sons

mimizuku0729 2012/07/09

リンク

山行記録: 燕岳〜大天井岳〜常念岳テント泊縦走(中房温泉〜大天荘テン場〜一ノ沢)

1日目(10日) 06:15　中房温泉登山口 08:40　合戦小屋　〜08:50 10:10　燕山荘　　〜10:40 11:10　燕岳山頂　〜11:20 11:40　燕山荘　　〜12:00 12:50　大下りの頭 14:20　切通岩 15:10　大天荘　テント場 2日目(11日) 05:10　大天荘　テント場 05:20　大天井岳　〜05:30 05:40　大天荘 06:30　東天井岳通過 07:50　常念小屋　　〜08:05 09:00　常念岳山頂　〜09:10 09:45　常念小屋　　〜09:10 10:35　最終水場 12:30　王滝ベンチ 12:45　ヒエ平　一ノ沢登山口 ※1日目のGPSログが不調で、メモを元に手書き対応です。一部不正確かもしれないのでご注意ください。