[B! UI][svg] alcusのブックマーク

alcus id:alcus

UIとsvgに関するalcusのブックマーク (3)

複雑GUIの会を主催した - No Regrets in Bathing
「GUIの雑談を無限にしたいなぁ」と思い、会を開催しました。 twipla.jp 上記のイベントページを立てて、Twitter上で募集をかけたところ、この内容だけでピンと来てしまったガチ勢が9人も集まりました。ドローツールやマインドマップ、作曲ツール等を自作するフルスクラッチマンたちです。予約したルノアールの会議室は過密状態になってしまいました。（もう少し広い部屋にしておけば…と後悔しました）（ルノアールです） #複雑GUI会 pic.twitter.com/XDGWs3EwZd— みやおか (@miyaoka) May 2, 2019 職人タイプの方が多かったので終始和やかな雰囲気でしたが、やはり実装に深入りしていくことが多く、あまりの情報密度に私も話についていくのが大変だったと自白しておきます。あと、なぜか開催前に「バウンディングボックス大会」が行われる雰囲気が醸成され
alcus 2019/05/07
あとで読む

svg

ui
リンク
簡単で便利すぎる！UI用のシンプルなSVGアイコンをカスタマイズしてダウンロードできる -ICONSVG
Webサイトやスマホアプリに使用する、UI用のSVGアイコンをカスタマイズしてダウンロードできるICONSVGを紹介します。デザインは非常にシンプルで、使い勝手がよいと思います。 ICONSVG ICONSVGは登録など、面倒なことは一切不要。簡単にアイコンをダウンロードできます。アイコンの利用にあたっては、明記されていないので作者様に尋ねたところ、個人でも商用でも完全に無料で、商用のプロジェクトに利用しても無料、とのことです。まずは、カスタマイズの紹介。アイコンを選択し、右パネルで、アイコンのサイズやストロークを調整できます。
alcus 2019/02/22
ui

svg

素材
リンク
[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js
デモページ物理法則に基づいたさまざまな動きは、ブルーのプルダウンからいろいろ試すこともできます。 Dynamics.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="dynamics.js"></script> </body> Step 2: JavaScript 適用するエレメントを指定し、アニメーションを設定します。 elは要素、el内のプロパティはアニメーションさせるプロパティと値、typeはアニメーションの種類、frequency, frictionはアニメーションの細かい設定、durationはタイミングです。 var el = document.getElementById("logo") dynamics.animate(el, { translateX: 350,
alcus 2015/06/30
UI

svg
リンク
1