z1a2nhのブックマーク / 2015年3月4日

z1a2nh id:z1a2nh

2015年3月4日のブックマーク (2件)

[JS]操作が気持ちいいさまざまなアニメーションでモーダルウインドウを表示させるスクリプト -animatedModal.js
最近のUIの傾向として、ユーザーが操作して楽しくなるようなアニメーションは大切なポイントです。そんな気持ちいいCSS3のアニメーションでモーダルウインドウをページ全体に表示するjQueryのプラグインを紹介します。横からアニメみたいにひゅっとスライドさせたり、ぼい～んとバウンドさせたり、気持ちよくて面白いものが簡単に実装できます。 animatedModal.js animatedModal.js -GitHub animatedModal.jsのデモ animatedModal.jsの使い方 animatedModal.jsのデモデモでは、3種類のアニメーションを使ったモーダルウインドウを試せます。アニメーションはanimate.cssを利用しているので、80種類以上のエフェクトが利用できます。デモページ：Demo 3 In: bounceIn, Out: bounceOut a
z1a2nh 2015/03/04
操作が気持ちいいさまざまなアニメーションでモーダルウインドウを表示させるスクリプト -animatedModal.js

JS
リンク
【Photoshopの文字加工術】5分で水面に刻印加工するチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。最近頭の中で「それ全然わかんない意味が伝達してこない君が僕の隣にいないこと I can’t forget you」という言葉がひたすらリピートしてて悩む日々を送っています。さて、僕の主な仕事の一つに、日々更新されるLIGブログのアイキャッチ画像をデザインする仕事があります。今後はアイキャッチをデザインする上で加工したチュートリアル記事をお送りできればなと思います。（これならブログネタに困ることもない……！）今回は、タイトルどおり「水面に刻印加工する」チュートリアルをご紹介させていただきます。そんなに活用する機会のない加工技術ですが、非常に簡単で、5分もあればできるチュートリアルですのでPhotoshopをお持ちの方は実際に自分の手で作ってみましょう。 Photoshopを起動させ、新規作成まずはPhoto
z1a2nh 2015/03/04
Photoshopを使って5分で水面に刻印加工をするテキストエフェクトのチュートリアル

Photoshop
リンク
- 2015年3月5日
- 2015年3月4日
- 2015年3月3日