pjaxでスムーズなページ遷移（静的サイトでも手軽にpjax！） | Cubix
ダウンロード デモ jQuery.pjax.jsの使い方 複数のエリアを設定する 静的サイト、またはサーバー処理をしないで実装する 切り替えエフェクトの付け方 ページ読み込み時の処理 パラメータとイベント ダウンロード jQuery本体と、jquery.pjax.jsをダウンロードします。 配布元のReadmeはかなり内容が濃いです。情報量が多いためパラメータなどの項目はこれからfalsandtru版ライブラリを使用する方向けにまとめています。 デモ MODXを使ったサーバーサイド処理をしてpjaxリクエスト時に本文、ページタイトルを更新させています。 ※MODX用のpjax説明ページの共用のデモページなのでパンくずからこのページへ戻れません。 動作デモページ（別窓で開きます） jQuery.pjax.jsの使い方 サーバーサイドの処理にPHPを使った場合の遷移は以下の様な感じになります。
Shumway
Shumway is an HTML5 technology experiment that explores building a faithful and efficient renderer for the SWF file format without native code assistance. Try it out! Install the latest Shumway extension. (Read more about configuring the extension). Examples (via Shumway Inspector): Racing (AS2) (as in live demo) and Racing (AS3) Tiger (AS3) Pacman (AS2) and Pacman (AS3) Box2D (AS3) MP3 Player (AS
[Nodejs] Express+Log4jsで実践的なログ出力を行う - YoheiM .NET
こんにちは、@yoheiMuneです。 本日は、Log4jsを使ったログの出力やログローテーションをExpressで行う方法をブログに書きたいと思います。 Expressで一番簡単なログファイルの作成 Expressで出力しているコンソールログを一番簡単にログファイルに保存するには、以下のコマンドで実現で来ます。 $ node app.js >> app.log こうすればコンソール出力されてる内容が、app.logというファイルに書き込まれます。 ただ、開発中はこれくらいで良いのですが、リリースして運用する為にはログファイルを分けたり、フォーマットを指定したりしたいので、 ちょっと不十分です。 そこでlog4jsというログ出力モジュールを使って、ログ出力を行いたいと思います。 Log4jsの紹介 Log4jsは、JavaのLog4jのJavaScriptバージョンのモジュールで、柔軟なロ
![[Nodejs] Express+Log4jsで実践的なログ出力を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf5bb47a17b992de11383011ab7b1d9f85bed125/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F284.jpg)
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
animo.js • Labs by Big Room Studios
animo.js A powerful little tool for managing CSS animations Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic. August 13th, 2013 by Daniel Raftery You can easily install animo via the GitHub repo or using bower's package manager. Using First and foremost, animo includes the amazing animate.css library by Dan Eden which provides you with nearly 60 be
SlimerJS
A scriptable browser for Web developers Download SlimerJS 1.0 All operating systems - Version 1.0.0 Compatible with CasperJS 1.1 Release notes Slimerjs is only compatible with Firefox 59. Higher version of Firefox will not be supported because developments on SlimerJS have ceased since 2018. See FAQ > Opening a webpage, > Clicking on links, > Modifying the content... SlimerJS is useful to do funct
Medium.js
This is Medium.js Easy Medium.js keeps HTML code within contenteditable semantic, simple, and clean. Medium.js also supports placeholders, automatic HR (or BR, or P) creation, events, hotkeys, simple & complex element injection, and more! Compliant Medium.js is html5 compliant and has been tested in Firefox, Chrome, Safari, Opera, & IE8+. Browser support is constantly improving! Inspired This scri
Javascriptでフロー図や組織図、UML図などを簡単に表示できるライブラリ「JointJS」
JointJS Microsoft Visioを使って作成するようなタイプの図(ダイアグラム)ですね。 D3.jsを使って作成することもできますが、jointJSの方が用途に特化されている分簡単に作成することができます。 サクッと組織図やフローチャートなどを作成したいときに便利です。 サンプル 作成する図のタイプによってはプラグインを読み込む必要があります。 //graphモデルの生成 var graph = new joint.dia.Graph; //paper(グラフを表示するステージ)の生成 var paper = new joint.dia.Paper({ el: $('#myholder'), width: 600, height: 200, model: graph }); /* * shape生成 */ //rectシェイプオブジェクトの生成 var rect = new
リソース指向のWebアプリ 〜Nate Abele氏 来日講演〜 | Engine Yard Blog JP
AngularJSを使うとイベントに対応してインターフェースを更新する処理や、リモートのAPIを経由したリソースの操作をシンプルな実装で実現できます。例えばキー入力を検知してページに内容を反映するコードをJQueryで記述した場合は下記のようになります。 <input type="text" id="name"> <h1>Hello!</h1> <script type="text/javascript"> $(document).ready(function() { $('#name').keydown(function(e) { $('h1').html("Hello " + e.target.value + "!") }); }); </script> JQueryのサポートを受けているとはいえ、イベントを元にDOMに対して操作を行うという記述が必要になっています。ユーザーインターフ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
中規模開発のためのBackbone.js - webネタ
はじめに Backbone.jsを使って、管理画面を作ったときのことを備忘録も兼ねてまとめて記事にします。 Backboneは入門やHelloWorldはたくさん情報があるんですが、実際使うとなると色々と考えることが多くて大変です。少しでも役に立てればと思います。(･ω･ ) 開発メンバー 5人。JavaScript経験者2人。Backbone経験者0人。(･ω･`;).. 全員JavaやScalaの経験がそれなりにある。 まずはじめに 今回は、全員3日程度ですがBackbone.jsを勉強する時間がありました。 その間に自分がBackboneで一部分実装し、ベースを作成することに。 勉強に使ったのは、主に Backbone.jsガイドブック。 学習のとっかかりとしては、ドットインストールがいいんじゃないかと思います。 ベースの作成 コーディング規約 まずはJavaScriptのコーディン
Contract web dev by day & Indie hacker by night! | AaronLumsden.com
PureDigital I have a passion and thirst for learning new technologies to keep up-to-date with modern web development. Certified Laravel Developer I fuss over creating software that not only looks and feels great but that are user friendly and adaptable to changing user needs. I’ve been bringing web ideas to life in a planned and managed way since 2009. I'm also a certified Laravel developer by Lar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清
Charming Python: Functional programming in Python, Part 3
GitHub - arunoda/nodemock: Simple Yet Powerful Mocking Framework for NodeJs
GitHub - ctide/fakeweb: Testing tool to create dummy responses to HTTP requests, modeled after: https://github.com/chrisk/fakeweb
startapp.jp
grunt-pluginの作り方と解剖 - Qiita
html5
デブハゲ