はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ WEBデザインすーぷ

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

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

2015/05/06 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ 呼び名 エフェクト ハンバーガーアイコン

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

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

2015/03/03 このエントリーをはてなブックマークに追加 53 users Instapaper Pocket Tweet Facebook Share Evernote Clip イラレ shade Inkscape ベジェ曲線 目次

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

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

2015/02/15 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip ローディング 反動 意味合い GIFアニメーション 目次

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

 
(1 - 3 / 3件)