jQueryで指定されたイベントの定義場所を取得する方法
jQueryで指定されたイベントの定義場所を取得する方法 セミナー時にHTML上のイベントが指定されている要素から、実際にイベントを指定したコードが書かれているJavaScriptファイルや場所を知りたいと質問を受けました。 調べたところ良さそうな方法があったのでシェアしておきます。 ちょっと動画に取ってみたので、動画でご確認ください。 なにをやっているかというと、まず、デベロッパーツールを開き、検証したい要素を選択します。 次に右クリックして「Add attribute」から適当なidを指定します。今回は「js_debug」というidを指定しています。 次にデベロッパーツールの右上のアイコンからコンソールを開き以下のコードを入力しEnterを押します。 $._data($("#js_debug").get(0), "events"); Object->click->0の順番に開いていき、
スタイリッシュで使いやすいUI制作の参考になるWebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 つい先日大雪が降ったと思えば、もう春一番が吹いたと聞いて、時間の流れは早いなとしみじみしています……まだこたつを仕舞いたくない！ さて、今回はスタイリッシュで使いやすいUI制作の参考になるサイトを6つご紹介します。 スタイリッシュで使いやすいUI制作の参考になる4つのサイト UYI https://useyourinterface.com/ ※現在はサービスを終了しています。 インタラクティブなUIを集めたtumblrページ。左メニューのArchiveから今まで投稿されたものを一覧で見る事が出来ます。 サムネイルにGIFアニメを使用しており、実際の動きを確認しながら見られるのが良いですね。 UNHEAP https://www.unheap.com/ 綺麗で実用的なUIが作成できるjQueryプラグインを多数紹介しているサイト。 フラットデザインで
ECサイトのUXデザイントレンド： 追随すべきもの3つと敬遠すべきもの3つ
最新のeコマース調査で明らかになったのは、商品画像が大きくなり、レビューが充実して、割引が使いやすくなるなど、ショッピングサイトのユーザーエクスペリエンスが改善したということである。しかし、新しいデザインは、商品情報の非表示、サイトからの貧弱なフィードバック、カスタマーサービスエリアの情報過密といった問題も抱えている。 Ecommerce UX: 3 Design Trends to Follow and 3 to Avoid by Amy Schade on January 26, 2014 日本語版2014年3月11日公開 最近、eコマースユーザーエクスペリエンスレポートのシリーズをアップデートしているのだが、デザインの改善が見られることに我々は勇気づけられている。その一方、従来からの問題がまだ残っていることや、新たな問題も出てきていることにはがっかりした。 前回のeコマース調査の結果
autocomplete=offと人の主体性
少し前に「autocomplete=offするのやめて、ブラウザーのパスワード管理を使わせて欲しい」という記事を読んだ。autocomplete=offはブラウザー内蔵のパスワード管理機能を壊すことが多いので、結果として覚えやすいとか使い回しのパスワードにしたくなってしまうみたいな悪循環を引き起こすんじゃないかなどという様に読めた。僕はもう長いことブラウザーの管理機能使ってないので、autocomplete=offそのものについてはどっちでも良いやという感じではあるけど、それでもちょっと考えるところはある。 この問題はtarget=_blankやuserscalable=noする問題とかと同じで、ブラウザーが内蔵している機能を破壊して良いのかということになる。ユーザーに選択肢を与えるべきだという観点では、もちろん破壊してはならない。戻す方法がないので、ユーザーの行動を開発者の都合によって制
今更聞けない人の為の Vagrant 再入門
2013年に爆発的に流行った Vagrant は非常に便利なツールで使ってる人にとっては無くてはならない存在になっています。 また、最近既にバズワード感のある「Immutable Infrastructure」では「VagrantにDockerを入れて。。」などと知ってる前提で話が進んでいきます。 一方でそもそも Vagrant ってなに？って声もちらほら聞くので、今回は再入門ということで簡単に紹介したいと思います。 Vagrant ってそもそも何？ Vagrant (ベイグラント) とはMitchell Hashimoto（ミッチェル ハシモト）氏が開発したRuby製スクリプトで仮想マシンをCUIから簡単に操作できるツールです。 Vagrant のどこが便利なの？ Vagrant を利用すると下記のようなメリットが挙げられます。 ・プロジェクト毎に開発環境を分けることが出来る。 ・開発環
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
複数の背景画像とCSSグラデーション
伊勢丹の新しいタータンのような矩形模様の繰り返しに過ぎないものは、多数の背景画像を気軽に扱える時代になったので、CSSグラデーションで簡単に作ることができる時代になった。最近あまりCSSグラデーションを書いてなかったので、今時のグラデーション文法の復習も兼ねて作った。 Demo: New Isetan Tartan チェックを構成する線をそれぞれ背景画像として定義し、特定の順番で重ねるという方法で行う。新タータンの場合は上から順にのような重なりになっている。 赤の縦線 赤の横線 黄の縦線 黄の横線 ベースの緑 background-imageプロパティーで複数の背景画像を重ねた場合は先に書いた画像が手前に来るので1から4に順にグラデーションとして書いていく。それぞれのグラデーションはtransparentキーワードを使って綺麗に切り替わるように調節してやれば良い。 .test { back
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Platform Status - Microsoft Edge Developer
Responsive jQuery Masonry by Osvaldas Valutis
