jQueryで動くアコーディオンを作ってみました。 CSS3のtransitionを利用していますので、IE8以下は▲,▼の表示が表示されません。 IE9以降のブラウザで御覧ください。 サンプルの解説 「タイトル」をクリックすると「中身」がぬるっと出てきます。 「タイトル」の右側にある▼マークは「中身」が開くと▲に変わります。 三角部分はcssで作成しています。画像は使っていません。 アコーディオンの中身のlistは#にリンクしています。
jQueryで簡単アコーディオンのサンプルを作ってみた
jQueryで動くアコーディオンを作ってみました。 CSS3のtransitionを利用していますので、IE8以下は▲,▼の表示が表示されません。 IE9以降のブラウザで御覧ください。 サンプルの解説 「タイトル」をクリックすると「中身」がぬるっと出てきます。 「タイトル」の右側にある▼マークは「中身」が開くと▲に変わります。 三角部分はcssで作成しています。画像は使っていません。 アコーディオンの中身のlistは#にリンクしています。
井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips
出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。
Web制作のための、Illustratorの独学方法 - DESIGNMAP
まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどは覚えようとせず、さっと流そう。例えば、パスファインダであれば、［合体］、［分割］、［全面オブジェクトで型抜き］だけを理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け方、複製、グラデーション、回転、縮小・拡大、リフレクトなどベーシックな機能だけをおさえる。 一冊目として、おすすめなのは『Illustrator トレーニングブック』である。安定した内容で、これ以上分かりやすく解説するのは難しいくらいの構成になっている。
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
After Effects全エフェクトの解説
イメージコントロール エクスプレッション制御 オーディオ (一部のみ) キーイング (一部のみ) シミュレーション (一部のみ) スタイライズ (一部のみ) チャンネル (一部のみ) ディストーション (一部のみ) テキスト トランジション ノイズ&グレイン (一部のみ) ビデオ ブラー&シャープ ペイント (一部のみ) マットツール レンダリング (一部のみ) 遠近 時間 (一部のみ) 調整 (一部のみ) バージョンは6.5を基準にしています。 ……Standard版で使用できるものを表しています。 ……Proffesional版だけで使用できるものを表しています。 (一部のみ) ……そのエフェクト群の中にProffesional版のみで使用可能なものがあることを表しています。 エフェクト解説の見方 (1)アイコン Standard版とProffesional版のどちらで利用可能かを表し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
