タグ

jsに関するhatekun33のブックマーク (3)

  • WYSIWYGエディタのCKEditorが良い感じになってる!

    WYSIWYGエディタのCKEditorが良い感じになってる! WYSIWYGエディタはTinyMCEがWordPressにデフォルトで使用されているので有名ですが、CKEditorもプラグインで使用できるのでご存知の方も多いのではないかと思います。他にもいろいろ探してみたのですが、なんだかんだCKEditorが良さそうだったのでご紹介いたします。 投稿日2013年05月09日 更新日2013年05月09日 ダウンロード 下記URLからダウンロードします。 「CKBuilder」を選択すれば、プラグインをカスタマイズしてダウンロードすることができます。 ここでは「ckeditor_4.1.1_standard」を使用します。 Download | CKEditor.com 使い方 「Sample」フォルダ以外を自分の作業フォルダへコピーします。 ファイル構成は下記図のようにします。 作成し

    WYSIWYGエディタのCKEditorが良い感じになってる!
  • [JS]Appleのプロダクトページのように、スクロール時に各要素をさまざまなアニメーションで表示させるスクリプト -scrollReveal.js

    スクロールすると商品写真がアニメーションでスライド表示するAppleのプロダクトページのように、スクロールした時、ロードした時など、ページ内の要素がビューポートに表示した時に、各要素それぞれをさまざまなアニメーションで表示させることができる単体のスクリプトを紹介します。 デモのアニメーション scrollReveal.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして</body>の上あたりに記述します。 jQueryなど他のスクリプトは必要ありません。 <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML スクリプトをセットしたら、あとはアニメーションで表示させる要素に「data-scrollreveal」を追加するだけです。 <h1 data-scrollr

    hatekun33
    hatekun33 2014/01/27
  • なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita

    ちょうどいくつかプレゼン用の資料を作らなきゃと思っていてなんかいいテンプレートないかな〜って探していたらのでreveal.jsが超絶に良かったのでメモ reveal.js htmlで綺麗でカッコいいプレゼンテーションを作れるフレームワークです。 3Dでグィングィン動きます デモ画面見ればどんな風にグィングィン動くかわかります(開いたら右スクロールボタンを押してみてください) Escキー押すとプレゼンテーションのドキュメント一覧が見れます それがまたカッコよく3Dでみれます。 PDFへのエキスポートが楽チンです 書いたドキュメントをプリントしてメンバーに配布とかってシーンがあるとおもいますが reveal.jsなら綺麗にできます。 使い方 zipパッケージで落としてくる hakimel/reveal.jsにいって 「Download ZIP」をポチッと押します。 書きたい内容をindex.h

    なんかかっこいいプレゼンテーションテンプレートを探しているならreveal.js使ってみろって - Qiita
  • 1