Web パフォーマンスのための HTML 最適化 | メルカリエンジニアリング
Merpay Advent Calendar 2019 の2日目は @1000ch (id:hc0001) がお送りします。この記事は2019年11月16日に福岡で開催された Frontend Conference Fukuoka 2019 のセッション、HTML Optimization for Web Performance の書き起こし記事です。 docs.google.com なぜ HTML の最適化が重要なのか 先日公開された Chromium Blog: Moving towards a faster web をご覧になられたでしょうか。Google は Web ページのパフォーマンスの重要性を様々な形で啓蒙してきましたが、この記事では Chrome のもとになっている Chromium に、Web ページのパフォーマンスをブラウザ UI として表示する機能を追加し、ユーザーが
セグメントをきれいに対称にするIllustratorのスクリプトを作りました（CS6以降） - saucer
精密なトレースや作図において、セグメント両端の方向線（ハンドル）を対称にしてカーブのバランスを整えることはよくあります。しかし、Illustratorには方向線をコントロールする機能が少ないため、正確な対称のカーブを作るのに工夫が必要です。この作業を楽にするためのスクリプトを作りました。セグメントの左右どちらか一方の方向線を基準として、もう一方を対称します。わかる人にはわかるニッチな機能ですが、便利そうと思ったらぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS6 〜 CC 2018ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「セグメントを対称にする.jsx」をコピーします。Windows版ではお使いのIllustratorの種類によって保存する場所が異なります
【イラストレーター 環境設定 Web DTP 切り替え】やっとできた！イラストレーター環境設定の保存 : GOROLIB DESIGN #はやさはちから
◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。
SPAi | macOS • Illustrator • Script
ダウンロード Illustratorのスクリプトを 手軽に実行する Illustratorのスクリプトを手軽に実行できる環境を提供します。 ダブルクリックするだけでスクリプトを実行。 よく使うスクリプトはキーボードショートカットで快適に。 ダウンロード 念のためブラウザを再読み込みして表示を更新してください。 SPAi 3.7.6 2024.4.16 Mojave 10.14.x 以降 更新履歴 SPAi 3.6.4 2022.11.26 Mavericks 10.9.5 以降 未公証版をお使いください。 未公証版 ダウンロードページ 使い方 詳細な説明をkinさんとhamkoさんがしてくれました。 作者が説明するより分かりやすいので、ぜひこちらをご覧ください。 祝！ SPAi公開 〜Illustrator強化作戦スーパーSpecial〜 - kinさん Illustratorでスクリプト
背景にひと手間加えたい時に便利なスクリプト 10+ - NxWorld
ウィンドウいっぱいの背景に画像や動画を配置したり、ランダムなパーティクルやラインを表示させるなど、主に背景周りで使えそうものや「この領域に何かもうひと手間加えたい...」というときに便利そうだと思うスクリプトを幾つかまとめてみました。 jQueryプラグインが多めですが単体で動かすことができるものもあり、実装方法などに関しても容易にできるものが多いと思います。 背景に画像や動画のスライドショーを実装できる「Vegas」 背景にブラウザいっぱいのスライドショーを実装することができるjQueryプラグインで、画像だけでなく動画を埋め込むこともできます。 また、オプションを変更することでスライドの動きにアニメーションを付けたり、用意されているパターンをオーバーレイで表示させたりすることもできます。
タクトシステム作成Script一覧| カタログ制作のご相談はタクトシステム
タクトシステムで活用しているスクリプトは、その一部を無料でダウンロード公開しています。 InDesign・Illustrator用のDTP向けスクリプトから、FinderやExcel用のスクリプトもいくつか公開しています。 今後も随時リリースしていきますのでチェックしてみてください！
素早く画像書き出しできるillustrator向けスクリプト - Two hats
12/11追記・・・JPEG書き出し追加とファイル名の拡張子が重なる場合のバグを修正しました。 9/10追記・・・保存先指定と、オブジェクト名からファイル名を付ける機能を追加しました 以前、画像切り出し用のスクリプトを作成しましたが、スクリプトの宿命というか実行するたびに「ファイル＞スクリプト＞何々スクリプト」という操作の手間があってビミョーに使いにくい操作性になっていました。 なんとかもっと簡単に書き出しできるようにならないか・・・と色々と調べていくうちに、スクリプトだけでもExtensionのような常駐型のウィンドウで作れるということが分かり、これを使ってより使いやすいスクリプトとして作り直しました。 このスクリプトのコンセプトは「とにかく、手間なく素早く書き出す！！」です。設定や書き出す前の下準備などは最小限に抑え、ワンクリックで書き出せる！ぐらいの気持ちで設計しました。UIもかなり
どれもオシャレ！英語の筆記体フリーフォントまとめ
数多くあるフォントのなかでも、筆記体フォントは特に人気のスタイルです。取り入れるだけでオシャレな印象になる筆記体フォントをよく使われている方も多いのではないでしょうか。単に筆記体フォントといっても、リアルな手書き風のものから、そのままロゴとして使えそうなものまで幅広いデザインのものが存在します。 今回は、豊富な英語のフリーフォントの中から、無料でデザインに使いやすい筆記体フォントをまとめて紹介します。 ▼ノンデザイナーでも使える！デザイン簡単ツール みんなが使えて導入しやすい！デザイン・動画・サイト制作の【簡単ツール特集】 専門職でなくても使いこなせるデザイン制作関連のツールを特集。弊社のマーケター・営業メンバーや総務・人事担当も実際に使えているツールを、1カテゴリにつき1つピックアップしてご紹介します。 英語の筆記体フリーフォント AggstockGravid AggstockGravi
illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats
illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでアプリの全体を俯瞰しつつ１つ１つの画面を作成していくことができます。 但し、単に画面が並べてあるだけなので画面遷移図のような並びにできたら便利だろうなと思いついてスクリプトを作成してみました。 画面遷移図.jsx Githubにもアップしてみました。github.com 使い方 例として、画面検討するためにワイヤーフレームの画面構成図をillustratorで作ったとします。 単に作っただけだと下図のように並んでいるだけです。 1.アートボードに画面遷移図用のタグをつける 「パネル>アートボード」でアートボードパネルを開き、名前にタグを埋め込んでください。タグと言っても難しいことはあ
preferences keeper (AI preferences 2) - 手抜きLab＠DTPの現場
とうとうマルベリーの収穫が始まりました。毎朝ボール抱えて手詰みしますが、やはり毛虫さんもつかんでしまいますw毒は無いようなので気にしてはいませんが、あの独特の感触がwww で、先日のプレファレンスなのですが、以下の部分訂正しておきます。 インド言語に関するキーがありました。 showAsianTextOptions : Boolean・・・東アジア言語 AI WorldReadiness Dict Key Boolean インド言語 今回は適当preferenceKeeperってスクリプト付けときますね。 今回は単位から始めます。単位については大半がInteger属性です。特にunit絡みは単位の定義が０〜６の整数となっています。対応は以下のをご覧下さい。 ０：inch １：mm ２：pt ３：pica ４：cm ５：Q/H ６：px ■単位 rulerType : Integer(0-
Group Layer Renaming
Hey! I made a script. Again. This time (I hope) it will help you with group layer renaming. Script can append, prepend or replace layer name with entered text. Should be useful if you are layer organization geek or if you use applications like Slicy or new Photoshop CC feature called Image Assets, that can export layers using tags in their names. Download Requires Adobe Photoshop CS5, CS6, CC2014
GA フォーラム | Googleアナリティクスの情報サイト | Google Analytics Keywords Report
レポート作成するときには、EXCELでカスタマイズしている人も多いと思います。そんな方にオススメなスクリプトを紹介します。 Google Analytics Keywords Report は、Googleドキュメントのスプレッドシートで使えるスクリプトです。Googleドキュメントの表計算であるスプレッドシートでは、スクリプトを組み込み自動処理をさせることが可能です。EXCELでいうマクロやVBAみたいなものと考えて下さい。 使い方はとても簡単です。 Googleドキュメントでスプレッドシートを作成し、ツール＞スクリプトギャラリーを選びます。表示された検索欄で「analytics」などと検索して下さい。Google Analytics Keywords Reportがヒットしますので、あとは「install」ボタンをクリックするだけ。これであなたのワークシートにプログラムが組み込まれます
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
Free and Useful Adobe Illustrator Scripts | Envato Tuts+
You have a unique opportunity to expand the functionality of Adobe Illustrator. There's nothing easier than using Illustrator scripts: just select the object and run the script you need! The scripts presented in this post will save you plenty of time and will make your work more pleasant and efficient. Believe me, it's worth your attention. If you need premium-quality Illustrator add-ons, then we
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ガーリーデザインなんかに良く合うカリグラフィーやスクリプトのフリーフォント ｜https://wp.yat-net.com/name