DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ

2019/07/29 421 users 色彩設計 デザイン 中心 考え方

こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWD... 続きを読む

Atomic Design ～堅牢で使いやすいUIを効率良く設計する 読了 - くらげだらけ

2018/05/01 76 users 堅牢 コンポーネント 読了 Atomic Design 思想

2018 - 05 - 01 Atomic Design ～堅牢で使いやすいUIを効率良く設計する 読了 design 昨今ではデザイナーの間でも、アプリやサービスに使われる色やテキストなどをまとめた「スタイルガイド」や、デザイン コンポーネント をまとめた「パターンライブラリ」、さらにそれらを全てまとめてドキュメント・原則・思想なども含めた「デザインシステム」などを作りながら効率よくより良い体験... 続きを読む

スマートホーム×DIY 実践と展望 〜 2. 実践Homekitの暮らし - くらげだらけ

2018/01/02 50 users バイス 展望 IoTデ index スマートホーム×DIY

2018 - 01 - 02 スマートホーム×DIY 実践と展望 〜 2. 実践Homekitの暮らし 引っ越して２ヶ月ほどの新しい自宅で試した DIY やスマートホーム関連のIoTデ バイス などを実践して試したことについて４回にわたって書いていこうと思います。 INDEX 賃貸DIYでつくる住みよい部屋 実践HomeKitの暮らし ← 今回 スマートスピーカー の設置と運用 スマートスピーカー... 続きを読む

スマートホーム×DIY 実践と展望 〜 1. 賃貸DIYでつくる住みよい部屋 - くらげだらけ

2018/01/01 369 users 展望 最初 賃貸DIY テーマ スマートホーム×DIY

2018 - 01 - 01 スマートホーム×DIY 実践と展望 〜 1. 賃貸DIYでつくる住みよい部屋 東京に引越してきた最初に借りた部屋は、仕事から帰って寝るだけの部屋で決して住みよいと思えるようなところではありませんでした。それからと言うもの、少しでも住みやすい部屋というのを引越しの度に考えています。 以前住んでいた部屋でも一応テーマを持って住みやすい部屋というのを考えていましたが、そこで... 続きを読む

キャンセルのキャンセル - くらげだらけ

2015/12/18 59 users キャンセル dialog confirm DESIGN

2015 - 12 - 17 キャンセルのキャンセル photo by wootam! キャンセルのキャンセルについて社内ブログに書いたので、こっちにも書いておこうと思います。 confirm, dialogのdesignは案外と難しいものです。 どのタイミングで表示すべきか？ どのようなメッセージを書くべきか？ どのようなアクションをユーザーに提示すべきか？ そもそも本当に必要なのか？ いろいろ... 続きを読む

「マイクロインタラクション」から考えるマクロなデザイン - くらげだらけ

2014/04/20 96 users マイクロインタラクション デザイン

photo by Neal.Lean Startupが出版された頃からでしょうか。起業ブームみたいなものと相まっていろいろとUXだとかLeanだとかの類の本が多く出版されていますね。私もそんな本を案外欠かさず買ってみては読んでみてもいるのですが、あまりピンとこないような内容であったり、手法の紹介についてばかり熱心に書いてあったりとどうしても眠い感じになってしまうようなものばかりだったように思うこと... 続きを読む

CSS Flexible Box Layout Moduleで均等幅にレイアウトする - くらげだらけ

2013/05/07 50 users disp ベンダープレフィックス css3プロパティ 方向

2013-05-06 CSS Flexible Box Layout Moduleで均等幅にレイアウトする 最近ではベンダープレフィックスも無くす方向に向かっているようですね。 数年前に比べればCSS3プロパティも使えるような状況になってきているような気がします。いや気がしているだけかもしれません。 まぁ、現状webkitが支配しているモバイルブラウザ環境ではCSS3だって使えますしね。 disp... 続きを読む

Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ

2013/05/05 86 users パク mobile Safari WebView 最後 1文字

2013-05-04 Mobile Safariで最後の１文字が改行されてしまうバグ スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 ... 続きを読む

CSS Filtersで写真加工するWebApp - CSS PhotoEditor - くらげだらけ（くだくらげのBLOG）

2012/07/26 186 users webapp iPhone くだくらげ CSS Apple

iPhone, WebApp, CSS, 開発iOS6も発表されて、あとはNew iPhoneのリリースが待たれる季節ですね。私は3Gの発売時に買い替えて、2年後iPhone4にし、また2年が経とうとしているので今年は新しいのに買い換えようという気持ちです。世間ではAppleのマップでいろいろと騒いでいたりしますが、OSがアップデートされるたびに私がチェックすることといえばブラウザの仕様や機能の変... 続きを読む

【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ（くだくらげのBLOG）

2012/07/20 108 users WebFont symbolset フォントセット Blog

開発, CSS今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。その後、いろ... 続きを読む

Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ（くだくらげのBLOG）

2012/07/01 60 users WebFont フォントセット タイプフェイス くだくらげ

開発, CSS去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似たようなFontが作成され公開されていますが、つい最近知ったsymbolsetというサイトで紹介... 続きを読む

Webでの文字のレイアウトについて - 2011年に試してみたこと - - くらげだらけ（くだくらげのBLOG）

2011/12/27 90 users くだくらげ 肩書き コンプレックス レイアウト 名刺

開発, 日記2011年の後半あたりから文字や文字組に興味を持ち始めました。元々、大学時代に文字についての勉強をちゃんとできていなかったことが、ある種のコンプレックスのように感じていました（今もそうです）。そのうえで「デザイナー」という肩書きを持っていることを嫌って、名刺にデザイナーではなく「制作」とわざわざ入れたこともありました。そんなこんなで過ごしながら今年読んだ本が「文字をつくる―9人の書体デ... 続きを読む

CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ（くだくらげのBLOG）

2011/11/13 807 users リフレクト WebFont くだくらげ CSS グラデーション

CSS前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。今回はCSSでテキストにグラデーションをかけるテクニックについてです。前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブが... 続きを読む

iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【後編】 - くらげだらけ（くだくらげのBLOG）

2011/10/31 113 users くだくらげ プロパティ CSS 後編 Blog

iPhone, CSS, 開発前編ではiOS5のMobile Safariから使えるようになったHTMLやCSSの要素などについて試してみた、半分だけ紹介・解説しました。まだ前編を読んでいないという方は先に前編を読んでおくことをおすすめします。→iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 ざっと今回試してみたプロパティやテクニックをもう一度... 続きを読む