読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
""Flutter: How we're building a UI framework for tomorrow at Google" by Eric Seidel
Google ships and maintains hundreds of mobile apps. Most are held to high standards of quality and performance and, in the name of such, are built twice by separate teams and from separate codebases for iOS and Android. This talk will discuss a new mobile UI toolkit, Flutter, which was was built for quickly developing best-in-class, beautiful applications for both iOS and Android. In particular,
UIのビジュアルデザインにおけるちょっとしたコツをまとめた「Little UI Details」
TightenやLaravelのデザインを担当したSteve Schoger(@steveschoger)さんによる、ビジュアルデザインにおけるコツをまとめたモーメント「Little UI Details」が公開されています。 Little UI Details https://twitter.com/i/moments/880688233641848832 明るい背景色上に白色のテキストを追加する場合、微妙に影を付けると、文字が見えやすくなるだけでなくよりポップになります。 Adding a subtle shadow to white text when on a bright background not only makes it more legible but helps it 'pop' more. pic.twitter.com/p9rudeFxvP— Steve Scho
Pollexy – Amazon Polly と Raspberry Pi で構築した特別なニーズをサポートする音声アシスタント | Amazon Web Services
Amazon Web Services ブログ Pollexy – Amazon Polly と Raspberry Pi で構築した特別なニーズをサポートする音声アシスタント 4 月は Autism Awareness month (自閉症啓発月間) です。米国では 68 人中に 1 人の子供が自閉症スペクトラム障害 (ASD) と診断されています (2014 年 CDC 調査)。 今回のブログでは AWS のシニア DevOps クラウドアーキテクトの Troy Larson が、息子の Calvin をサポートするために取り組んでいるプロジェクトについて紹介します。これまでにも、AWS がどのようにしてこれほどたくさんの様々なアイデアを出し合えるのか聞かれたことがあります。場合によっては、とても個人的な理由で大切な誰かの役に立ちたいという願いからアイデアが浮かぶこともあるのですが、こ
Tron: Legacy Encom Boardroom Visualization
I'm Sorry :( It does not appear that WebGL is available on this system, which renders* this demo pointless. Please visit get.webgl.org for more information. Or check out the git repo for some pics of what this is supposed to look like. - rob * pun not intended README .TXT END. PROGRAM Hello User. This is a reproduction of the graphics in the boardroom scene in Tron: Legacy. If you have not seen th
URLs are UI
What a great title. "URLs are UI." Pithy, clear, crisp. Very true. I've been saying it for years. Someone on Twitter said "this is the professional quote of 2017" because they agreed with it. Except Jakob Nielsen said it in 1999. And Tim Berners-Lee said "Cool URIs don't change" in 1998. So many folks spend time on their CSS and their UX/UI but still come up with URLs that are at best, comically l
はてなブックマーク新ユーザーページを正式リリースいたしました - はてなブックマーク開発ブログ
先日下記エントリーで告知いたしました通り、本日7月3日にはてなブックマーク新ユーザーページを正式リリースいたしました。ご利用いただいていた旧ユーザーページは、すべて新ユーザーページに移行しました。 ▽ はてなブックマーク新ユーザーページを正式リリースいたします - はてなブックマーク開発ブログ ご利用方法などに関してご質問がおありの際には、お問い合わせ窓口よりご連絡ください。 ▽ はてなブックマーク - お問い合わせ - はてな また、告知エントリー内で募集いたしましたユーザーページに関するアンケートにご回答いただいたユーザー様、ありがとうございました。今後のサービス開発の参考とさせていただきます。 今後ともはてなブックマークをよろしくお願いいたします。
フレックスボックスの基本概念 - CSS: カスケーディングスタイルシート | MDN
CSS初心者向けチュートリアル初めてのウェブサイト: コンテンツのスタイル設定CSS スタイル設定の基本CSS とは何かCSS 入門課題: 経歴ページのスタイル設定基本的な CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデル競合の処理CSS の値と単位CSS におけるアイテムのサイズ設定背景と境界線オーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ課題: 基本的な CSS の理解課題: 美しいレターヘッド付きの便箋の作成課題: かっこいいボックスCSS テキストの装飾基本的なテキストとフォントのスタイル設定リストのスタイル設定リンクのスタイル設定ウェブフォント課題: コミュニティスクールのホームページの組版CSS レイアウト入門浮動ボックス位置指定フレックスボックスCSS グリッドレイアウトレスポンシブデザインメディアクエリーの基本課題: 基
Text Scramble Effect
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
JSでもモバイルアプリらしい体験は実装できるのでしょうか？ with React Native - Qiita
アニメーションはモダンなアプリ体験に不可欠なものになってますよね。 手のひらのなかのツールの使い心地に鈍感な人は減ってきてるのではないでしょうか。 JSでモバイルアプリを作る時、「アニメーションは実装できるけど、カクカクしてたりして、それないほうが良いよね」みたいな話になったことはありませんでしたか？ 僕もTitanium,Ionic Frameworkと触ってきて、こういうフレームワークは割りきって使うものという印象をずっと持ってました。 ただ、去年React Nativeを使ってiOS, Androidアプリ（短歌を投稿するSNSアプリです）をリリースしてみて、とても気に入って、今回アニメーションやらインタラクション、どこまで出来るのが実験的にアプリを出してみました。 Phrasal Verbs Flashcard 最近ロンドンに来て、英語学習者の友達が増えたのもあって内容はFlash
Mac OS X向けEmacs 25.1で日本語入力時にちらつく問題の原因 - hylom's
‐ programming, open source, os, and a handful of tips Emacs for Mac OS Xで配布されているEmacsのMac OS X向けビルドでは、Emacs 24.4移行は標準でインラインでの日本語変換が可能になっている。これはEmacs 25.1でも同じだが、日本語入力時にカーソルがちらつく（1文字入力したり、変換するたびにカーソルが変換位置の先頭に一瞬移動してその後変換位置の最後に移動する）という現象が発生する。この問題はEmacs 24.5では発生していなかったので、24.5から25.1の間のどこかで混入したと思われる。そこで、EmacsのGitリポジトリをたどってこの問題がどこで発生するようになったのかを検証してみた。 結論から言うと、9e77c1b7bcfd0807be7fe67daf73c2320e864309のコミット
programmer interfaces
Gallery of programmer interfaces These images bear witness to the passionate work of so many people striving to improve programming. Thank you. Not covered: spreadsheets, data analysis/viz. JonathanMEdwards@gmail.com @jonathoda http://alarmingdevelopment.org Slideshow version at: https://docs.goo...
Home :: Lumina Desktop Environment
navigation Lightweight Desktop Environment Lumina is designed to have a small footprint, giving your system the best performance possible. Intuitive Layout Lumina is built to flow seamlessly between computer tasks and offers several integrated utilities in one convenient package. Completely Customizable Nearly everything in the interface can be configured to suit the individual workflow. From desk
The ‘new page’ tab in Chrome is not symmetrical… and now I hate Google
Google The ‘new page’ tab in Chrome is not symmetrical… and now I hate Google Once you see it, you can never unsee it. It turns out Google has somehow failed to make the ‘new tab’ page in Chrome fully symmetrical. As you can notice in the image above, while the left side of the search box aligns perfectly with the thumbnails for your most visited websites directly underneath, it leaves out a few e
Mozilla、Firefox 57への搭載を目標に新デザインのユーザーインターフェイスを開発中 | スラド デベロッパー
MozillaがFirefox 57への搭載を目標に、新しいユーザーインターフェイスの開発を進めているそうだ(gHacks Tech Newsの記事[1]、 [2]、 Neowinの記事、 Bug 1352075)。 この新デザインは「Photon」というコードネームで呼ばれている。公開されているモックアップでは検索ボックスがなく、アドレス/検索バー(Awesome bar)が中央寄りに移動している。ただし、検索ボックスが完全に廃止されるのかどうかは不明だ。現行の安定版でAwesome barに一体化している「戻る」「進む」「再読み込み」ボタンは独立したボタンとなり、ホームボタンと合わせてツールバー左端にまとめられている。 一方、ブックマークボタンはAwesome bar内に移動しており、現在表示中のページに対して実行可能な操作をまとめた「…」メニューも追加されている。このメニューにはUR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今、我々は、 GUI の設計について 何を考えるべきか
はてブUI改悪
SnapTest - Generate & maintain automated QA tests easily
richarddmorey.org
GitHub - seflless/shrinkray: Lightweight alternative to Electron for making macOS apps using Javascript
