珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD
概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に
FindGuideLin – Tecnología
Tik Tok es una de las aplicaciones más populares a nivel mundial, pues dispone de millones de usuarios es por esto que es uno de los objetivos de los ciberdelincuentes…
Sublime Text 3 で編集中のテキストの変更行をハイライトするMarking Changed Rows
【2019.9.26 追記】最新の Sublime Text 3 では、編集した行が分かるように、行番号の横にマークが付くようになりました。下記で紹介するプラグインを入れなくても、標準機能で確認できます。 Sublime Text が便利過ぎてありとあらゆるファイルの編集に利用しているのですが、大規模なステップ数のファイルに手を加えていると編集中のファイルの更新した行がわからず、時々更新箇所迷子になってしまうことがあります。 大抵のテキストエディタは、標準機能として搭載していますが、どうも Sublime Text には、変更箇所を示す機能が無いようなのです。 例えばこのファイル。 既に一部変更していますが、どこを変更したのか全くわかりません。そこで、このような場合に変更箇所を示すプラグインを探してみたところ、丁度良いものを見つけました。 編集中の変更行を可視化する方法Marking Ch
いま話題のSublime Textのテーマやおすすめの設定・使用例を醸す - Qiita
前提 以下を対象読者として想定しています。 Sublime Textを利用したことのある方 Sublime Textのテーマをいくつか試してみたがいまいちパッとせん方ｗ あんまりカスタマイズしたことないが、いつかはやってみたいと思っていた方 また、作業環境として以下数点を前提としています。 パッケージのインストールに利用するPackage Controlの設定は完了している Macユーザー（Windowsの方はコマンドや設定方法などが多少異なります） PHPユーザーでHomebrew / Composerなどの用意がある（任意） Material Theme 注記：Material ThemeはSublime Text 3のみのサポートです。 （Sublime Text 2でも手動でインストールすることができますが、せっかくのMaterialなファイルアイコンが表示されないので、あまりおす
React – A JavaScript library for building user interfaces
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
Examples
Examples (240) Real life pattern libraries, code standards documents and content style guides. Show All ACCESSIBILITY BACKEND BRAND BRANDING CODE CODING COMPONENTS CSS DESIGN DESIGNLANGUAGE FRONTEND GUIDES HTML INTERFACE JAVASCRIPT JEKYLL LIVINGSTYLEGUIDE PATTERNS PRINCIPLES REACT ROUNDUP RUBY SASS TEMPLATES TYPOGRAPHY UI VOICEANDTONE WEB WRITING Carbon Design System By IBM Carbon is the design sy
この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 | POSTD
この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 おそらく皆さんは、「ハンバーガーメニューの使用についての別の意見か。まさにそれが必要なんだ」と思いながらこの記事を読んでいるでしょう。Appleは 「あなたが使っていないといいのだが…」 と言い、Googleの製品デザインのガイドラインには 「賛成だ。しかしこのようにデザインしよう」 とあり、Jacob Nielsenは 「代わりにピザにしてみよう」 と言い、例はまだまだ続きます。しかし、ちょっと待ってください。誓ってもいいのですが、この記事は違います。これは、あなたが自身のサイトをデザインする時に、興味深い考察が得られるような特定の質問に焦点をあてたものです。アイトラッキング・ソフトウェアと25人の親切な参加者の協力により、次のような質問に対する洞察を得るために実験を行うこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
GitHub - igorprado/react-notification-system: A complete and totally customizable component for notifications in React
react-notification-system/src/styles.js at master · igorprado/react-notification-system
React-Bootstrap
UpLabs
Loading...
UI Movement - The best UI design inspiration, every day
Design Patterns on CodePen
UI Garage – Specific UI Design inspiration & Pattern for your design.
CRM - Onboarding
Masudur Rahman - Dribbble
コードが見やすく使いやすいSublime Text 2/3のテーマのまとめ
