UXに貢献。マイクロインタラクション10選
UXに貢献。マイクロインタラクション10選今回は、Webサイトの品質を高めるためにぜひこだわってみたい、マイクロインタラクションについてご紹介します。Googleが推奨するマテリアルデザインの出現によって、マイクロインタラクションを用いたWebサイトをよく見かけるようになりました。操作していて気持ちの良いWebコンテンツには、細部にマイクロインタラクションが使われています。 Dan Saffer氏の著書「マイクロインタラクション ー UI/UXデザインの神が宿る細部」によると、マイクロインタラクションについて以下のような記載があります。 マイクロインタラクションとは、単一のシナリオに基づいてひとつの作業だけをこなす最小単位のインタラクションのことです。 マイクロインタラクションを言葉通りに解釈するとは「細部のやり取り」と言えるでしょう。 ではマイクロインタラクションは実際にどんなことができ
元ヤフー執行役員・村上臣がお子さんに渡した「誓約書兼スマートフォン貸与契約書」がガチだった
※このページの末尾にダウンロード用のリンクを配置していますが、本記事では作成に至る想いをご紹介しておりますので、ご一読のうえでご利用いただければ幸いです。 ※本記事は、2018年2月に㈱フィラメントのコーポレートメディアで公開された記事の再掲です。2018年2月5日、LinkedIn日本代表であり、フィラメントCSOであり、電脳コラムニストである村上臣さんが、個人のFacebookに投稿した1枚の写真が話題になりました。 このコメント欄にて、弊社CEOの角が、 と依頼したところ…… と、快諾。すぐに「誓約書兼スマートフォン貸与契約書」の原本がFacebookメッセンジャーで送られてきました。 そしていきなり目に飛び込んでくる「甲」と「乙」の文字、小学6年生を相手に、ガチの「誓約書兼スマートフォン貸与契約書」です。 とはいえ、中身は大人の世界にあるような難解なものではなく、 「一度インターネ
CSS Gridはレスポンシブ対応のよく使うレイアウトにも便利！効果的に使用するポイントのまとめ
CSS Gridは今までに出来なかったレイアウトを実装するだけでなく、既存レイアウトをより簡単に実装する能力も備えています。サポートブラウザも十分になり、そろそろ既存レイアウトの実装方法を見直すタイミングかもしれません。 CSS Gridを使用して、3カラムや画像ギャラリーやカード型など、レスポンシブ対応のレイアウトを実装するテクニックを紹介します。 Common Responsive Layouts with CSS Grid by @samsunginternet 下記は元記事のデモをピックアップしたものです。 ※作者様にライセンスを得て掲載しています。 CSS Gridで実装するヒーローイメージを備えた、3カラムのレイアウト CSS Gridで実装する画像ギャラリーのレイアウト CSS Columnで実装するカード型レイアウト CSS Gridで実装するヘッダ・フッタ付きの3カラムの
デザイナーが伸び悩まないためのスキル27分類 | CA BASE CAMP | CyberAgent Developers Blog
前回の記事で18分類までを紹介 前編 → https://developers.cyberagent.co.jp/blog/archives/4875/ 後編 → https://developers.cyberagent.co.jp/blog/archives/5038/ ケーススタディ CASE 01：可視化してフィードバック 以前の記事でも書かせていただいていますが、そもそも27分類のスキルの使い道はここにあります。日々の面談や評価のフィードバックなど、デザイナーメンバーとの対話の際に以下の様なシートを使っています。 シートには、各フェーズごとの9項目と “ よかった ” と “ 期待 ” の欄があります。 よかった → 成長した、達成できた 期待 → いま足りていない 「よかった」と「期待」は2〜3項目でづつピックアップして書くのがルールです。全て書いてしまうと結局どこが良くて、ど
平成29年分確定申告から、医療費控除の領収書が提出不要に
2018年（平成30年）提出分の確定申告から、医療費控除を受ける場合の手続きで「医療費の領収書」の提出又は提示が不要となったのをご存知でしたでしょうか？ 代わりに提出しなければならない書類があるのですが、それは一体なんでしょうか。 『医療費控除の明細書』 医療費控除については、医療費の領収書の提出・提示が必要でしたが、医療費控除の明細書を提出することにより、領収書の提出・提示が不要となりました。なお、医療費の領収書については、自宅で5年間保存する必要がありますので注意してくださいね。
確定申告お悩み相談広場
ビジネス 第67回 確定申告、源泉徴収表に引越し前の住所が書いてあったらどうすればいい？ 源泉徴収票記載の過去の住所と、引っ越して変わった現在の住所、どちらを書けばいいんですか？ 2019年01月30日 18時15分 sponsored 第66回 確定申告に必要なレシートをなくした！ どうすればいい？ 確定申告をするにあたり、領収書やレシートは経費計算するための証明としてとても大切なもの。しかし、なんらかのトラブルで紛失してしまった場合はどうすればいいですか?? 2019年01月29日 09時00分
jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
CSS3アニメーションを手軽に作成できるオンラインツール9選
はじめに こんにちは。デザイナーのウエモトです。 前回予告……からちょっとだけ趣向を変えて、今回はCSS3アニメーションを実装するオンラインツールを紹介したいと思います。“より手軽に使える”といったファクターにスポットライトを当て、JavaScript（jQuery）を利用しなくてもHTML/CSSだけでアニメーションを実装できるタイプのツールをピックアップしてみました。 ジェネレータ CSS3 Animation Generator – CSS3gen http://css3gen.com/css3-animation/ CSS3genは基本的なCSSアニメーションを簡単に作成できるツールです。スライドバー型のツマミで各種プロパティを編集でき、この手のツールには欠かせないプレビュー機能もあります。 ただしイージング（加速・減速のタイミング）はCSSのanimation-timing-fu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
