[コピペで使える！CSSだけでアニメーションつきハンバーガーメニューアイコンを作ろう] 他 海外のCSS情報 | WEBデザインすーぷ

2015/05/06 84 users CSS コピペ 呼び名 エフェクト ハンバーガーアイコン

今でも三本線（スリーラインアイコン）などと呼ばれることもありますが、ハンバーガーメニューアイコン（ハンバーガーアイコン）という呼び名もある程度浸透したこのアイコン、コピペでさくっとサイトに取り入れてみましょう。目次 アニメーションするCSSのみのハンバーガーメニューアイコン あなたがCSS3のボックスシャドウで作ることができる18の驚くべきエフェクト 30のCSSページプリロードアニメーション イ... 続きを読む

[イラレの基本！ブラウザで気軽にペンツールの練習ができるサイト、The Bézier Game] 他 海外のIllustrator情報 | WEBデザインすーぷ

2015/03/03 53 users イラレ shade Inkscape ベジェ曲線 目次

思い通りにベジェ曲線を扱えない初心者さん必見のサイトです。ペンツールはPhotoshopやShade、Inkscapeなどでも使いますが、Illustratorの場合これを使わないと始まらない！というぐらい重要なツールです。このサイトは最初にお手本を見せてくれるので、まずはそのまま真似してみてください。目次 ベジェゲーム Adobe Illustratorで立体の雨のしずくデスクトップ壁紙イラスト... 続きを読む

[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ

2015/02/15 45 users ローディング 反動 意味合い GIFアニメーション 目次

動きのあるUIのサンプルをgifアニメーションで見ることができます。画面を下に引っ張る動きからの反動でプログレスサークルが生まれる動きや、検索窓のぽこん、くるくるからしゅるんの流れが気持ち良いです。このような動きのあるUIにはローディングの為の時間を感じさせない意味合いもあります。目次 RamotionによるUI/UXアニメーション HTML5＆CSS3 WEBサイトのデザイン（25の新しい例) ... 続きを読む