<btn open />こんにちは。Kohei / @axross といいます。カナダ・バンクーバー在住で、アメリカのSaaS企業でソフトウェアエンジニアとして働いています。 このブログでは、ソフトウェアエンジニアリングや海外生活について発信しています。
グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i
Webアプリでモーダルダイアログ - e-learningやってる社長のブログ
2006/06/05 21:22 | 1 Comments 昨日、lightbox使えばモーダルダイアログが簡単に使える、というエントリを書いたのだけど、lightboxのソースを見ると、ただのモーダルダイアログを出すのは簡単みたい。サンプルはこれ。（prototype.jsを使っているけど、ラクして$を使ってるだけだから、必須というわけではないです。） サンプルのソースを見てもらえば分かると思うけど、要するにやっていること3つ。 ・黒い下敷きを作成 ダイアログ以外のコントロールを触れなくするためのレイヤー。positionをabsolute、高さと幅を100%にして、z-indexを5000くらいにしておく。見た目を考えて、透過処理もしておく。 ・ダイアログを作成 z-indexを9999くらいにしておくことで、黒い下敷きより前面に配置する。 ・イベントハンドラを設定 黒い下敷きとダイア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
T4T5
