タグ

JavaScriptとcss3に関するpokotanuのブックマーク (2)

  • CSS アニメーションの使用 - CSS: カスケーディングスタイルシート | MDN

    CSS初心者向けチュートリアル初めてのウェブサイト: コンテンツのスタイル設定CSS スタイル設定の基CSS とは何かCSS 入門課題: 経歴ページのスタイル設定基的な CSS セレクター属性セレクター擬似クラスと擬似要素結合子ボックスモデル競合の処理CSS の値と単位CSS におけるアイテムのサイズ設定背景と境界線オーバーフロー画像、メディア、フォーム要素表のスタイル設定CSS のデバッグ課題: 基的な CSS の理解課題: 美しいレターヘッド付きの便箋の作成課題: かっこいいボックスCSS テキストの装飾基的なテキストとフォントのスタイル設定リストのスタイル設定リンクのスタイル設定ウェブフォント課題: コミュニティスクールのホームページの組版CSS レイアウト入門浮動ボックス位置指定フレックスボックスCSS グリッドレイアウトレスポンシブデザインメディアクエリーの基課題: 基

    CSS アニメーションの使用 - CSS: カスケーディングスタイルシート | MDN
    pokotanu
    pokotanu 2016/08/31
    CSSアニメーションイベントのリスナーを追加する方法
  • impress.jsでド派手なスライドをつくろうぜ!

    HTML5アプリ作ろうぜ!”連載がスタートしました! デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは? CSS3を活用したオープンソース(ライセンスMIT)のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ

    impress.jsでド派手なスライドをつくろうぜ!
  • 1