[B! UI][ui] [8ページ] kana321のブックマーク

kana321 id:kana321

UIとuiに関するkana321のブックマーク (1,300)

素敵なデザインのUIエレメントが揃ったワイヤーフレーム用の素材 -Webpage Wireframe Stencil
ウェブサイトを作成するために必要なUIエレメント、ナビゲーション、スライダー、ボタン、アイコンなどが揃ったベクター素材を紹介します。 Webpage Wireframe Stencil [ad#ad-2] ダウンロードできる素材はベクター（ai, eps）で、広範囲のUIエレメントが揃っています。プレビュー用のjpegも用意されています。
kana321 2014/12/19
アイコン

ui

ワイヤーフレーム

ボタン

wireframe

素材

webデザイン

デザイン

フリー素材

ベクター
リンク
コードレビューさせないようにコミット - Qiita
対象開発フローの中でコードレビューを実施しているひと git add -p や git rebase -i でコミットの分割や統合ができるひとレビュー無しにマージしてもらうために同僚をいかに抱き込むか。という話ではなく、レビュワーのコードレビューの負荷を下げることを意図しています。無視できるコミットを増やすどうすればレビュワーがより短時間で自分の書いたコードをレビューできるか。この問に対して、レビューの妨げとなるものを排除する、というアプローチがあると思っています。そのための良い方針だと考えている無視できるコミットを増やすことについて書きます。前提コミットどのコミットにおいてもテストが通るようにするコミットメッセージちゃんと Git のスタイルで記述する (Gitのコミットメッセージの書き方の原則を守る) Git の操作雑にコミットしても、後できれいにコミッ
kana321 2014/12/19
*dev

git

あとで読む

UI

web

programming

development

management

アプリ

Develop
リンク
在宅勤務始めました - Line 1: Error: Invalid Blog('by Esehara' )
この記事についてこの記事はHeartRails Advent Calendar3日目の筈でした。趣旨 HeartRailsに入社した。そこで、リモートを通じて受託開発などを行っている。ちょうど1ヶ月ほど経ったので、リモートワークに関しての所感をメモしておこうというのが今回の記事の趣旨。なぜリモートワークをやろうと考えたの? 割と働き方で体調を崩すことが多くあったので、「これは自分の働き方を見直さないとマズイな」と思い、あまり一般的な働き方に囚われず、自分にあった働き方を見つけようと思ったのがきっかけ。そうなると、現状として二つの働き方があって、「リモートワーク」か、あるいは「短時間勤務」になるかなと考えたので、そのあたりを中心に見直した結果、HeartRailsの働き方がマッチしているかなと思ったので、そういう経路で働き始めたという経路。リモートワークを中心にすることに関して不安は
kana321 2014/12/18
work

blog

リモートワーク

エンジニア

在宅勤務

remote

働き方

あとで読む

働く

UI
リンク
Git活用法ーコードはいつも1行ごとにドキュメント化されている | POSTD
コードには1行ごとに隠しドキュメントがあります。次のコードスニペットの4行目を書いた人は、何か理由があってDOMノードの clientLeft プロパティにアクセスしたのでしょうが、結果的に何もしていません。これはかなり不可解です。なぜこうしたのか、あなたは説明できますか？　今後、この呼び出しを変更したり削除したりしても安全でしょうか？ // ... if (duration > 0) this.bind(endEvent, wrappedCallback) this.get(0).clientLeft this.css(cssValues) 私ではなく他の人があなたにこのコードを見せたとして、誰がこの行を記述したのか、どんな理由があったのか、このままの状態にしなければいけないのか、あなたはおそらく説明できないでしょう。ただし、プロジェクトを進めているときは大抵の場合、バージョン管理シス
kana321 2014/12/17
()

git

programming

あとで読む

management

UI

Develop
リンク
https://jp.techcrunch.com/2014/12/17/20141215how-to-speak-startup/
kana321 2014/12/17
必読！　最新シリコンバレー・スタートアップ用語解説

start-up

スタートアップ

marketing

ネタ

startup

UI

あとで読む

SiliconValley

悪魔の辞典

idiom
リンク
Yahoo!ニュースの見出し行間「5ピクセルの差」に見えた光～ヒートマップでUI改善
社長の宮坂がゲスト出演した、11月27日放送のテレビ東京系「カンブリア宮殿」。Yahoo!ニュースの裏側にも触れられており、ご覧になった方もいらっしゃるかもしれません。（放送バックナンバー：爆走する国民的サイト！これがネットの底力だ！－テレビ東京）公式ブログ新コーナー「news HACK」ではこれまで、Yahoo!ニュースにおけるスマホ利用の成長などをお伝えしてきましたが、今回は、同番組の中でも登場したYahoo!ニュースのUI改善事例について、番組で触れられなかった部分も加えて詳しくお伝えしたいと思います。これからご紹介するのは、スマホブラウザ版Yahoo! JAPANトップページのA/Bテスト事例（※Yahoo!ニュースのアプリ版との違いなどについては、こちらの記事をご参照ください）。テスト結果は現在のスマホ版トップページに使用されているものと同様ですが、まず具体的な説明に入
kana321 2014/12/17
japan

webdesign

UI

Webデザイン

ux

yahoo

design

ABテスト

Yahoo!

デザイン
リンク
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
2014年、チェックしておきたいUIデザインをdribbbleから紹介します。高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています。お天気アプリのコンセプトで、一日の天気をアコーディオン型のパネルで楽しく見せます。
kana321 2014/12/17
参考資料

app

Webデザイン

対応

ui

デザイン

あとで読む

Web

まとめ

UIデザイン
リンク
「IT系の人に質問、今までで1番ひどかったPCサポートの相手はどんな人？」笑っちゃうけど笑えない実体験いろいろ : らばQ
「IT系の人に質問、今までで1番ひどかったPCサポートの相手はどんな人？」笑っちゃうけど笑えない実体験いろいろコンピューターやインターネットの知識がそれほどない人でも、初心者のサポートをして苦労した経験があるかと思います。 IT系を職業としている人に、「今まで体験した、最もITをわかっていない相手だったという、ひどい体験を教えてください」と、海外掲示板に質問がありました。笑うに笑えない苦労話をご紹介します。 ●アメリカだけど、普通の電源コンセントについて説明しなくちゃいけなかったことがある。電源コンセントだよ！「お客様、パソコンのコンセントを差し込んでください」「普通のコンセントです。他の電源入れる時に差しこむようなやつです」「ほら、電気スタンドとか、ドライヤーとか、掃除機とか差すじゃないですか」（全くわからなさそうな、ため息が聴こえてくる）「長方形が2つ縦になった穴があって
kana321 2014/12/16
大変そうだね

funny

marketing

ネタ

pc

programming

UI

インターネット
リンク
[JS]動作が軽快なパネルを水平・垂直にスライドするスクリプト -Easy Slider
リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。 Easy Slider 1.5 demo パネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用することができます。 demo 1（スタイルは無し） demo 2（スタイルを適用） demo 3（スタイル無しで垂直方向に） demo 4（スタイル適用、自動スライド） demo 5（複数のスライダーを設置）スクリプトのオプションでは、スライドのスピード、スライドの自動・手動、ポーズの時間などを調整することができます。 Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。
kana321 2014/12/16
jquery

plugin

javascript

スライド

ajax

スライドショー

webdesign

ui

library

画像
リンク
よくあるWebデザインにSVGで一手間加え、さまざまな要素がアニメーションで楽しくなる -Elastic SVG Elements
ボタンがぷるるんと弾けたり、サイドバーがゴムのようにびよ～んとスライドしたり、フォームがぶるったりと、Webページのさまざまな要素に柔軟性を加え、操作が楽しくなる「Elastic SVG Elements」を紹介します。
kana321 2014/12/16
マニュアル

svg

アニメーション

デザイン

webデザイン

画像

ui

小技

ソースコード

*Web制作
リンク
こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修
シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される
kana321 2014/12/16
UI

marketing

フォーム

*UX

web

usability

javascript

シニア

Interface

ユーザビリティ
リンク
Xcodeコメントの基本 - Toyship.org
これはiOS Advent Calendar 2014の12日目の記事です。年の瀬もだんだん押しせまってきました。年末年始のお休みの後に、「あれ、このメソッドどんな目的で作ったんだっけ？こっちのメソッドとの関係はどうだったんだっけ……」など無駄に悩まないために、このあたりでソースコードのコメントを見直してみましょう。 Xcodeでのコメントそもそもソースコードにコメントを書いた方がいいかどうかは長い議論がありまして……。コメントによりコードの理解は深まるので、あったほうがいいという意見もありますが、コメントを書いたあとにコードを変更してしまうと、コメントとコードの内容が違ってしまい、かえってバグを生んでしまうためコメントを強制するのは害悪だ、という考え方もあります。また、適切な命名規則を守ればソースコードを読むだけで理解できるという考え方もあります。実際には、プロジェクトのライ
kana321 2014/12/15
xcode

Advent Calendar

iOS

programming

あとで読む

UI

開発

iOS開発

*あとで読む

management
リンク
UI Sounds • Sound Effects • SoundKit
SoundKit is a UI sound library designed for all of your interface needs. Featuring 300 professional, royalty free sound effects, designed for use in mobile and desktop app design. Each sound has been custom crafted for UI applications. Designed to sound great on mobile devices as well as high end speakers. Alerts Alerts include warning sounds, alarms, confirmations, and everything in between. Musi
kana321 2014/12/14
app

free

sound

ui

design

素材

+ディレクション

webdesign

webservice
リンク
ロイヤリティフリーで300種類のUIの動きに合わせて使える効果音源キット「SoundKit」
スマートフォンやタブレットのアプリのUIデザインの動きに合わせた、通知音・スライド音・楽器サウンドなどの300種類の効果音を集めたキット「SoundKit」が登場しました。ロイヤリティフリーで使用可能で、CDレベルの高音質WAVファイルによるプロフェッショナル音源キットとなっています。 UI Sounds • Sound Effects • SoundKit https://soundkit.io/ SoundKitはUI プロジェクトのために作られたプロ品質の音源集。スマートフォンやタブレットなどのデバイスや、デスクトップアプリケーションの効果音としてロイヤリティフリーで使用でき、ハイエンドスピーカーによる出力にも対応しているとのこと。どんな効果音があるのかというと、警告音や通知音などの「アラート音」、ギター・ピアノ・チャイム・などの楽器で奏でる「楽器音」、クリック音やビープ音などを集め
kana321 2014/12/14
ロイヤリティフリーで300種類のUIの動きに合わせて使える効果音源キット「SoundKit」

フリー素材

sound

音源

ui

free

プログラミング

あとで読む

ux

音

アプリ
リンク
JavaScript フレームワーク - ペパボテックブログ
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。この項目の担当 @hadashiA どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離 (2) SPA（シングルページアプリケーション）流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う？どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離まずこちらの画面を見てください。 ©任天堂スーパーマリオワールドスーパーマリオが右にダッシュすると、マ
kana321 2014/12/11
DOM

(1)

javascript

js

フレームワーク

framework

あとで読む

AngularJS

UI

HTML
リンク
デザイニング・マルチデバイス・エクスペリエンス
TOPICS Web , Design 発行年月日 2014年12月 PRINT LENGTH 388 ISBN 978-4-87311-708-9 原書 Designing Multi-Device Experiences FORMAT PDF アプリケーション開発はいまやスマートフォン、タブレット、テレビでの使用も考慮して設計する必要があります。本書ではGoogleの現役UXデザイナーである著者が、複数のデバイスにまたがるUXをどのようにデザインすればよいか、独自の「3C」（Consistent、Complementary、Continuous――一貫性、補完性、連続性）フレームワークに基づき解説します。大手からベンチャーまで、さまざまな事例が取り上げられており、それを参考に実際に試して自分のものとして取り入れることもできるでしょう。また、現状のみならず将来を見据えた視点から書かれてお
kana321 2014/12/11
デザイニング・マルチデバイス・エクスペリエンス――デバイスの枠を超えるUXデザインの探求

marketing

japan

あとで読む

UI

UX

デザイン

books

web

software-engineering

開発
リンク
無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」
同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indispensable Web Font Icon Pack http://glyphpack.com/ GlyphPackは無料で商用利用も可能、どんなデバイスでも劣化せずに簡単に使えるSVGアイコンパック。今後のアップデートで新しいアイコンが追加されることもあるとのこと。さまざまな用途に対応可能な「アプリケーション」「エラー」「メディア」「ファイルタイプ」「ナビゲーション」「SNS＆ブランド」のア
kana321 2014/12/11
無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」

ui

svg

アイコン

webデザイン

icon

素材

web制作

デザイン

あとで読む

無料
リンク
デジタル化、小型化の次は？　時代に求められる文字を提案する　「AXIS Font」、15年目の挑戦
Appleの日本向けWebサイトなど、企業サイトなどで多く採用されている「AXIS Font」が、リリースから15年を前に大幅アップデートされた。文字を取り巻く環境やデバイスが大きく変化するなか、「時代の流れを先読みして社会に必要となるフォントを提案するのがフォントデザイナーの仕事」――タイププロジェクトの鈴木功社長とデザイナーの両見英世さんに話を聞いた。「AXIS Font」はデザイン雑誌「AXIS」の専用フォントとして2001年に誕生した。日英併記の横組みの同誌に合わせ、和文・欧文の統一感を重視したバイリンガルフォントであることが特徴だ。採用当時から読者や企業から利用したいという問い合わせが多く、03年に一般向けに発売。発売から10年以上経つ今も人気が高い。 Appleやポーラ、カンペール・ジャパンなどデザイン志向の強い企業を中心にブランディングツールとしてWebサイトやカタログなど
kana321 2014/12/10
次の50年を見据える今、フォント制作に対する思いを聞いた

デザイン

ニュース

programming

ITmedia ニュース

UI

font

フォント

書体

AXIS Font

marketing
リンク
AppleとGoogleのマップアプリに見るUXデザイン思想の違いを徹底比較
スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置これはGoogle Mapsのレイアウト。右の図は、ユーザー
kana321 2014/12/10
AppleとGoogleのマップアプリに見るUXデザイン思想の違いを徹底比較

アイコン

デザイン

UX

あとで読む

apple

アプリ

design

google

ui

android
リンク
Website flowcharts: download free wireframes in PSD, AI, SKETCH
Meet UI Tiles, 72 Website Flowcharts for any purpose! Professional flowcharts within minutes, it is possible if you have proper assets in your designer toolbox. Build sit emaps, demonstrate interactions and engineer magnificent projects, saving lots of time and energy. Whether you're a developers, designer or any other person involved in Web Design related projects, you can freely use UI Tiles sinc
kana321 2014/12/09
チュートリアル

wireframe

テンプレート

WEBツール

picked

レイアウト

webデザイン

UI

UI-kit

materials
リンク
前のページ 4 5 6 7 8 9 10 11 12 13 次のページ