タグ

2019年11月7日のブックマーク (5件)

  • How SVG Line Animation Works | CSS-Tricks

    UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. I bet all of you have seen that little trick where an SVG path is animated to look like it’s drawing itself. It’s super cool. Jake Archibald pioneered the technique and has a super good interactive blog post on how it works. Brian Suda wrote about it on 24 Ways. Polygon used

    How SVG Line Animation Works | CSS-Tricks
  • UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ - ICS MEDIA

    SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう(参考「SVGで始めるマイクロインタラクション入門」)。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。 今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSSVGアニメーションを実現する方法(コーダー向け) コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、

    UI改善にキラリと役立つ! SVGアニメーションの作り方まとめ - ICS MEDIA
  • PhotoShopの自動処理スクリプト JSXを作成するときの参考リンクをまとめておく |

    ここのところ、PhotoShopの自動処理スクリプト(JSX)を日々の業務のなかで作ることがあり、役に立つリンクがストックできてきました。 というわけで、何度も調べて同じ記事にたどり着いてしまう、自分のためにまとめておきます。 以前はJSXのリファレンス探すにしても、ソフトと同梱のPDF見なきゃいけなかったりで苦労したんですが、最近は良くなってきましたね! では、早速。 最も参考にしているサイト いま最も参考にしているサイトといえばやはり古籏一浩さんのサイト。メールマガジン、デジタルクリエイターズで、自動処理のススメ的な記事を数多く執筆されていて、そのナレッジを余すところ無く、サイトに貯めていただいています。 Adobe Photoshop CS6自動化作戦 もちろん、日語。用途から逆引きできる目次も使いやすく、親切なサンプルコードつき。ありがたや。ありがたや。 家のリファレンス Go

    PhotoShopの自動処理スクリプト JSXを作成するときの参考リンクをまとめておく |
  • Apex テスト 備忘録 - Qiita

    @isTest private class XXXXXXTest { @testSetup static void setup() { // 各テストメソッドで使用できるテストデータを作成する } @isTest static void XXXTest() { System.runAs(new User(ID = UserInfo.getUserID())) { /* ======テストデータ準備====== */ // 各SObjectデータ作成 // テストデータ:取引先 Account testDataAccount = TestDataFactory.getTestDataAccount(); insert testDataAccount; /* ======テストメソッド起動====== */ Test.startTest(); // 対象メソッドを呼び出す Test.stopT

    Apex テスト 備忘録 - Qiita
  • 超最低限の Chrome エクステンションを開発しウェブストアで公開するまでの手順 - Qiita

    つい最近、初めて作った Google Chrome エクステンション「Feedly をはてブ対応させる Chrome エクステンション」をブログで紹介したので、その時の技術的なメモなどを Qiita に残しておきたいと思います。まあ検索すればすぐに集まる程度の情報ではあるものの、一箇所にまとまってなかったので、自分用の備忘録でもあります。 全てのソースコードは github 上で公開しているので、気になる方は参考にしてみて下さい。実際に書いたスクリプトの簡単な解説もこの記事の最後に付録として付けています、 超最低限な Chrome エクステンションの作成 Chrome エクステンションは基的に、一つのフォルダに保存された複数のファイルからなります。エクステンションのルートに必要な最初のファイルは、manifest.json というファイルで、これがエクステンションの基的な情報を含んでい

    超最低限の Chrome エクステンションを開発しウェブストアで公開するまでの手順 - Qiita