The Easiest Way to Export Figma to Material UIWe convert your designs on Figma to Material UI that is seamless so you can boost your MUI development.
こんにちは、freeeのUXチームの id:ymrl です。去年まではエンジニアだった ので、ブログの書き出しで「デザイナーです」って書いていいのか未だにドキドキしています。 以前の記事でデザイニングWebアクセシビリティの輪読会の紹介をしました。 developers.freee.co.jp 最近では「銀の弾丸本」こと「オブジェクト指向UIデザイン——使いやすいソフトウェアの原理」の輪読会をやっているので、その紹介をします。 gihyo.jp オブジェクト指向UIデザイン──使いやすいソフトウェアの原理 WEB+DB PRESS plus 作者:ソシオメディア株式会社,上野 学,藤井 幸多技術評論社Amazon 輪読会の様子 「デザイニングWebアクセシビリティ」のときはランチタイムに集っていましたが、リモートワーク継続中の毎週金曜の今は朝10時からGoogle Meetで集まっています
実践 Off the main thread 実際に Off the main thread をやりつつ、パフォーマンスチューニングをする際にどこに気をつけるべきかを今やっているので、それについて話します。 Off the main thread とは JavaScript の処理は基本的にメインスレッドで実施します。JavaScriptの実行処理以外にも記述された内容を解釈するためのパース処理やGC処理もメインスレッドをブロックします。メインスレッドの処理が多いとUI jankと呼ばれるガタツキ、チラツキ、画面の固まりの原因になります。 UI jankが発生していると、ユーザーがクリックしたり、text入力をしようとしてから反応するまでの時間(Input Latency)が即時ではなくなります。 このUI jankを無くすために、なるべくメインスレッドを阻害する要因を減らすことが Off
これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や
はじめに Reactでは様々なリッチなコンポーネントが使えます。Electronで使いたいので調べてみました。 どんなリッチコンポーネントが提供されているか調べるため、 「react best ui library」などで検索してまとめました。 この記事は、そんなライブラリのまとめです。サンプリングは厳密ではないので参考までに。 下の図は、いくつかのライブラリのデモからピックアップしたものです。 「react best ui library」でヒットしたページのまとめ 以下の5つのサイトで紹介されているものの表を作ってみました。 英語の記事 ① 10 Best ReactJS UI Frameworks for rapid prototyping ② What is the best UI component library for a React based web app. ③ 19
We’re happy to announce Adam Silver’s new book Form Design Patterns. In this excerpt from the book, Adam takes a look at the foundational qualities of a well-designed form and how to think about them. You can also get the book right away → Let’s start with a registration form. Most companies want long-term relationships with their users. To do that they need users to sign up. And to do that, they
ここでは、BLoCパターンのガイドラインを参照し、それに基づきデモアプリを作成し、その解説を通じてBLoCパターンの考察を行う。 今までも何度かMeetup等でBLoCパターンの解説を行ってきたが、あらためてこのブログ記事にまとめておく。 BLoCパターンとは BLoCは、Business Logic Componentの頭字語(acronym)で、状態管理に関するアーキテクチャパターン。 以下、https://www.youtube.com/watch?v=PLHln7wHgPEより、BLoCのガイドラインを引用する。 Business Logic Component(BLoC)のガイドライン 状態を管理するBLoCに以下の制約を課す。 インプットとアウトプットは、単純なStreamとSinkに限定する。(Inputs and outputs are simple Streams/Sin
A while ago we published Part 1 of the list with some of the best React UI libraries for 2018, including Material-UI, React-bootstrap, React Toolbox, Belle, Grommet, Khan’s Components, Material Web, Ant Design, Semantic UI, Onsen UI and React Virtualized. Check out Part 1. React’s popularity on NPM keeps on risingOn popular demand, we’re expanding the list and adding 11 more great libraries for Re
UI Bootstrap Bootstrap components written in pure AngularJS by the AngularUI Team Code on Github Download (2.5.0) Create a Build Angular 2 For Angular 2 support, check out ng-bootstrap , created by the UI Bootstrap team. Dependencies This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く