JavaScriptに関するh201110のブックマーク (2)

  • JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた! - paiza開発日誌

    どうも、まさとらん(@0310lan)です! 今回は、ドラッグ&ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です! そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発&公開できるという面白い特徴があります。 現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください! 【 GrapesJS 】 ■「GrapesJS」の使い方! それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう! トップページにある「Webpage Demo」というボタンからアクセスすることができます。 登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。 この画面上で、自分の好きなようにWebサイトを製作することができ

    JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた! - paiza開発日誌
  • high-performance-sticky-sidebar.html

    サイドバーをスクロールに合わせて、ぴたっとくっつける快適に動作する超軽量スクリプトを紹介します。 コンテンツが長い・短い場合はもちろん、サイドバーが長くてビューポートをはみ出す場合にも期待通り完璧に対応します。スクリプトは単体で動作し、jQueryのプラグインとして動作させることも可能です。 スクロール時にすべてのサイズを計算するのではなく、必要なサイズだけを再計算。 スクロール時のラグやジャンクを発生せず、リフローを起こさずにスムーズに動作。 サイドバーとコンテナのサイズが変更された時は、それらのサイズを正確に再計算。 特定の状況下でフックするために、イベントトリガーを用意。 コンテナが長くても短くてもサイドバーを扱うことができます。 他のスクリプトへの依存はなく動作。 jQueryやZeptoのプラグインとして利用することも可能。 実装はスーバー簡単! Sticky Sidebarのデ

    high-performance-sticky-sidebar.html
  • 1