[JS]縦長ページやスマホページに便利な機能や面白い仕掛けを実装する最近のチェックしておきたいスクリプトのまとめ
縦長のランディングページ、レスポンシブなスマホ対応ページなどに便利な機能や面白い仕掛け、気持ちいいインタラクションやエフェクトなどのアニメーションを実装できるスクリプトやjQueryのプラグインを紹介します。 Popper.js Popper.js -GitHub ポッパーはツールチップとポップオーバーを組み合わせたスクリプトで、今までのツールチップとは一味も二味も異なります。指定したエレメントに表示させるだけでなく、スクロールするコンテナ、ドラッグで移動可能な要素、ビューポートのよる方向の制御など、縦長ページ・スマホ時代のツールチップです。
![[JS]縦長ページやスマホページに便利な機能や面白い仕掛けを実装する最近のチェックしておきたいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/63a1314d511ba3f16af07815026a8e0a870e8098/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016041101.jpg)
#Illustrator でフォントを変えるのが面倒くさい
Illustrator で、選択したテキストのフォントを変更する場合、書式メニューや文字パネル、コントロールの文字をカーソルで操作すると思います。 このフォントを変更する行為って、地味にクリック数が多かったり、やたらと長いプルダウンメニュー（ドロップダウンメニュー）から選択しなければならなかったり、フォントを絞り込むためにフォント名を入力したり… 何かとめんどくさいです。 それらの不満を解消するために、ぼくらは自作のフォント変更スクリプトを導入しています。このスクリプトを使うことで、面倒なドロップダウンメニューを表示せずに、ダイアログでフォントを変更することができます。機能は極めてシンプルですが、いろいろな不満が解消できます。 不満点とともに、スクリプトの機能を軽く説明させていただきます。 プルダウンメニューがとにかく使いづらい 書式メニューや文字パネルなどで導入されているプルダウンメニュ
Ai_端が切れないパターン状の柄を作る
パターン状の柄がオブジェクトに合わせて半端に切れない方法です。 1月13日追記 高橋さんが後からオブジェクトをシンボルに変換するスクリプトを配布してくださいました。 1アクションでシンボルに変換できるのでおすすめです。 Illustratorのオブジェクトをシンボルに置き換えるスクリプトを作りました（CS5以降対応） Illustratorのグループを一気にシンボルへ変換するスクリプトを作りました（CS5以降対応） いつも素敵なスクリプトを配布してらっしゃるので、他のページもぜひご覧ください。 パターンを適用するとオブジェクトの端で半端にパターンが切れてしまいます。 あれがどうにかならないかなあと思ってシンボルに置き換える方法を考えてみました。 着物や帯の絞り柄のようなものを表現したい時や、ロゴ作成などにおすすめです。 ご報告と謝意 今回の記事は鈴木メモさんの記事、複数のオブジェクトを後か
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
![[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4df978511120c0727c18646f1d386ecdc2ab3a59/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png)
使いやすくて高機能なものが多数！スライダー実装時に便利なプラグインやチュートリアルまとめ - NxWorld
実際に使用して良かったものも含め、スライダー系のスクリプトやチュートリアルで覚えておきたいと思ってメモしてたのが溜まってきたので備忘録兼ねてまとめました。 とにかく高機能なものから動きがユニークなものまで様々なタイプがあり、ほとんどが最近実装する機会が多いと思うレスポンシブやタッチ・スワイプといった動きにも対応しています。 Slider Pro プラグイン名にProとついているのでパッと見は有料かと思うのですが、無料で使用できるjQueryプラグインです。 とにかく高機能でレスポンシブやタッチ・スワイプといったものはもちろん、下記のように様々な設定や機能が用意されています。 modular architecture responsive touch-swipe CSS3 transitions animated layers (and static) infinite scrolling
パスの方向線を可視化するIllustrator用スクリプトを作りました - saucer
少し前に、「Illustratorプロフェッショナルの教科書 デザイン作成とパス・文字を正しく扱う技術 CC 2014/CC/CS6対応版」というIllustratorの書籍を執筆させていただきました。その際、パスや方向線などを図に表す必要があったのですが、これを作るのが意外と面倒でした。パス自体やアンカーポイントはまだいいのですが、方向線や方向点となると、スマートガイドを駆使しつつ1本ずつ作成しないといけません。なんとかこれを自動化できないかと思ってできたのが、このスクリプトです。選択したパスに、「方向線」、「方向点」、「アンカーポイント」をオブジェクトとして追加します。人によっては重宝すると思いますので、興味があればぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC2014ダウンロードスクリプトをを
グラフィックスタイルやイラストなど各種素材の無料配布サイト Illustrator Factory[選択したオブジェクトをランダムで配置するjavascript]
・記事 ・グラフィックスタイル ・フォント ・javascript ・イラスト ・テクスチャ・パターン ・ブラシ ・バックグラウンド ・ぼやき ・便利 ・サイト紹介 ・イメージ ・2019年09月 ・2016年11月 ・2016年07月 ・2016年05月 ・2016年02月 ・2016年01月 ・2015年11月 ・2015年10月 ・2015年09月 ・2015年07月 ・2015年06月 ・2015年04月 ・2015年03月 ・2015年02月 ・2015年01月 ・2014年11月 ・2014年09月 ・2014年07月 ・2014年06月 ・2014年04月 ・2014年02月 ・2014年01月 ・2013年11月 ・2013年10月 ・2013年09月 ・2013年08月 ・2013年07月 ・2013年05月 ・2013年04月 ・2013年03月 ・2013年02月 ・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ![[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe7aba32b3039602901d0b81d414d66c71a445ea/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016031405.png)
jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ
CGI-design 150種類のCGIスクリプト配布
2014年チェックしておきたいスタイルシートやスクリプトのスゴ技たち -Top Pens of 2014