ドットインストール代表のライフハックブログ
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
タイポグラフィを主としたモーショングラフィックスな動画を集めてみました。 話し言葉に合わせて文字が出現するもの、歌詞にあわせて動くものなど、アイデアに満ちあふれたものばかりなのでぜひご覧下さい。 また、動きの中に組み込まれたエフェクトは静止画にしても綺麗なのでデザインの参考にも。 ちなみに、これらのような動画はAdobe After Effectsで作成するのが主流のようです。(触ったことありませんが。) 残念ながら日本語のものはあまり集まらなかったのでまた集まったら記事にします。
/// モーショントラッキング 映像のあるモノに合わせて、素材を動かしたい。っていうときは、モーショントラッキングを使用すれば簡単に作成できます。 白鳥の動画に合わせて、”ここです”の素材を動かしたいので、ここでは動画素材とイラスト素材をコンポジションに入れました。 動画のレイヤーを選択し、[アニメーション]→[モーションをトラック]を選択します。 するとコンポジションパネルが動画素材のプレビューに切り替わり、「トラックポイント1」が表示されました。 この「トラックポイント1」を追いかけたいポイントまでドラッグし、設定します。 ドラッグ中は虫眼鏡のように拡大して表示してくれます。 「トラックポイント」の設定ができましたら、次は「トラッカー制御パネル」で、トラックを追いかけるターゲットの指定をします。 「ターゲットを設定...」をクリックします。 ターゲットを選択し、「OK」をクリックします
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
這是由台灣藝術大學 多媒體動畫藝術學系 95級的三位畢業生所製作的畢業短片 故事是敘述一位小女孩因為被搶劫而離開原本熟悉的道路,在穿過籬笆後的未知世界,靠著視覺以外的感官展開一場大冒險。 全片採取水彩繪製的背景與手繪動畫搭配的製作方式,以繪本式的用色和簡單的人物造型呈現小女孩想像中的世界。 This is a graduation Production made by three students graduated from the National Taiwan University of Arts. The main character of little girl in the story confronts a robbery and strays from the road she is familiar with. After passing a
偶にはゲーム以外の話題で記事を書いてみましょう(`・ω・´)シ この記事は、今まで自分がニコマスPとしてやってきた中で色々と参考にさせていただいた サイトに関して代表的な所をいくつか挙げてみようかと思います。 現在活動中、もしくはこれからニコニコなどでの活動をされる皆様の参考になれば幸いです。 ◆動画制作、AE初心者が見るべきサイト個人的まとめ。 以下、格納。 ●After Effects Style AEの初歩の初歩から学べるチュートリアルサイト。 入門書辺りの内容ならば大体このサイトを眺めていれば説明されていると思う。 ●Adobe TV Adobe公式のチュートリアルサイトです。 各製品毎に動画での説明がされています。親切に日本語での説明なのでわかりやすい。 ●EDIUS.jp CREATIVE LAB.PIMOPIC こちらは、動画編集ソフトというよりは動画編集の流れに重点を置いた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く