[B! スクリプト] larsson9のブックマーク

larsson9 id:larsson9

スクリプトに関するlarsson9のブックマーク (3)

[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js
Mediumで採用されているような画像拡大のエフェクトに、より使いやすくなるように工夫が加えられたスクリプトを紹介します。アニメーションがより洗練され、スマホなどの小さいサイズではクロップして画像を表示します。 enhance.js -GitHub enhance.jsの特徴とデモ enhance.jsの使い方 enhance.jsの特徴とデモ「enhance.js」は「zoom.js」にアニメーションのエフェクトと画像のクロップを加えたもので、img要素にdata属性を加えるだけで簡単に画像拡大のエフェクトが実装できます。参考: 画像を拡大表示するシンプルなスクリプト -Zoom.js
larsson9 2016/03/02
JS

画像

スクリプト

エフェクト

webデザイン
リンク
フォントのリガチャ（合字）やスワッシュの正しい使い方
ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ（合字）やスワッシュを使って、文字のデザインを楽しみましょう！質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。フォント: TheSecret 最近のお気に入りフォント「TheSecret」を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。リガチャ（合字）とは、スワッシュとはリガチャ（合字）とスワッシュの使い方リガチャ（合字）とは、スワッシュとはリガチャ（合字）とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
larsson9 2016/02/02
フォント

スクリプト

デザイン

リガチャ
リンク
#Illustrator 自作スクリプト小物16個 2015秋
キャッチーな機能はないけれど、地味に役立ちそうな小物スクリプトをまとめてアップしました。それぞれをぼくらのワークフローに沿って、しっかりと記事を書きたかったのですが、強烈にめんどくさくなってしまったので、16個のスクリプトをまとめてかる〜く紹介させていただきますね。今回のスクリプトは内容が軽めなので、バイナリ化（スクリプトをテキストエディタで編集できない状態）していません。ですのでテキストエディタで開いて自分好みにカスタマイズしちゃってください。イラレのスクリプト！アートボード系 Artboard Capture – アートボードキャプチャアートボードキャプチャウェブサイトやアプリの画面をデザインを作る場合、現状の画面デザインにダイアログやドロップダウンメニューのような追加要素を上乗せしていく作業が発生すると思います。デザインカンプとして各画面を書き出すときに、その追加要素が置
larsson9 2015/11/18
デザイン

illustrator

script

スクリプト
リンク
1