google codeのホスティングを使ってslim3の勉強はじめました - かたるほどでもない技術系ブログ
slim3の勉強を始めたのですが、勉強した内容のアウトプットにgoogle codeのホスティングを使うことにしました。 google codeのホスティングは初めてつかってみたのですが、すごく簡単にはじめられるし、wikiも使えるのでかなり便利ですね。 やっているのことはGoogle App Engine をはじめてみようのコードをChapterごとにslim3におきかえながら勉強するってこと。 Chapter3まで終わったので、ブログでも紹介します。誰得？って感じですが、昨日ググったら一人だけチェックしてくれている人がいたのでやる気になって、Chapter3まで終わらせてブログまで書いてみました（笑）。 google labに参加して、slim3をさわっていないという人は「へー、こんな感じなんだ」って思えるかもしれないので、のぞいてもらえるとうれしいです。 トップページ https:/
jQueryをよく使う人に使えそうな７つのチートシート:phpspot開発日誌
jQueryをよく使う人に使えそうな７つのチートシートがまとまっています。 内容が被ってしまう部分もあると思いますが、７種類の中から自分が使いやすいものを組み合わせて置いておくと便利ですね。 ajaxブームの2005年から4年。すっかりjQueryが地位を確立してしまった感がありますね。 以下のエントリを参照してください。 7 jQuery Cheatsheets For Every Designer & Developer to Have | TutZone 関連エントリ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」 少ないスペース内でコンテンツをグリグリスクロールさせられるjQueryプラグイン「Flips」 jQuery用のGUIコンポーネントプロジェク
画像を配列で指定すると紙芝居のように表示してくれるjQueryプラグイン「jQuery UI FlipBook」:phpspot開発日誌
画像を配列で指定すると紙芝居のように表示してくれるjQueryプラグイン「jQuery UI FlipBook」 2009年12月18日- 画像を配列で指定すると紙芝居のように表示してくれるjQueryプラグイン「jQuery UI FlipBook」。 次のように配列でデータを渡してあげると、指定したブロック内を画像の配列でアニメーションさせられます。 サイト上では、世界の天気の移り変わりを画像で動画っぽく表示しているデモが公開されています。 複数ある画像でアニメーションさせたい場合に使えそうですね。 使い方も簡単なので簡単に実装できます。 以下のエントリを参照してください。 jQuery UI FlipBook
jQuery UI FlipBook
Overview Junior high was spent doodling in the top left corner of my school notebooks making little flipbook animations. These mostly involved stick figures running, falling, and some red ink for the splatters. Here is the web 2.0 incarnation of these junior high doodles - with more science and less splatter. FlipBook will take a sequential time series of images and animate them. Each image is sho
複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」:phpspot開発日誌
複雑な数式を出力したい際に使えるjQueryプラグイン「jsLaTeX」。 <div class="latex"> int_{0}^{pi}frac{x^{4}left(1-xright)^{4}}{1+x^{2}}dx =frac{22}{7}-pi </div> のようなブロックがあったとします。 で、次のJavaScripコードを書くと数式として表示できます。 <script> $(".latex").latex(); </script> LaTeXの表記で書けば画像にしてくれるようです。 JavaScript で描いているわけではなく、バックエンドの画像にリクエストして出力しているだけですが、その分画像も綺麗に出力されてます。 以下のエントリを参照してください。 Knowledge-aholic: jsLaTeX: A jQuery plugin to directly embed
黔南纺织业服务中心
来源：技术 时间：2022-02-07 03:10 黔南纺织业服务中心zobcp,黄南涂料经销部,阜新毛皮营运部,北京制鞋总公司,杭州食品机械营运部 作为一款MOBA类手游，AOV在美术视觉效果上的不断深耕，被看作是其生命线延展的重磅武器。 近日，《Arena of Valor》在全球完成了“AOV 3.0”的大版本更新。AOV这次更新的美术视觉优化效果显着，在英雄模型、整体UI、战场场景等方面都进行了设计升级。AOV上线即将满三周年，从最初的1.0版，到去年2.0版本 升级，AOV不断进行大改版，优化视觉效果。 多方数据显示，AOV正成为出海游戏中的“常青树”。那么，一款手游是如何在一个较长的生命周期中，不断给用户带来新鲜的游戏体验，历久常新?AOV此次美术大改版又带来怎样的生命力?优质的画面视觉效果该如何打造…… 带着系列疑问，我们采访了AOV美术总监刘东。在刘东看来，AOV一直在坚持
jsLaTeX: A jQuery plugin to directly embed LaTeX into your website or blog
jsLaTeX is the latest plugin I developed for jQuery and I wrote it so that I could easily be able to embed LaTeX directly into my blog but anyone can use it for their site. You can download the normal, unpacked version for development or the packed version for production. Click here to view a demo Here is a link to the jQuery plugin page, where you can find all the releases. Usage Instructions 1.
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」:phpspot開発日誌
Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」 2010年01月08日- jQuery 'Notify bar' Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」。 ページの上部にアニメーションされながら表示されるあの通知バーです。 時間がたつとアニメーションしながらスマートに消えてくれます。ページデザインがどんなものであろうと影響を受けません。 色を変えて、エラーモードにしてみたり、成功モードにしてみたり自由にできます。 実装は超簡単で、次のように初期化するだけです。 $(function () { $.notifyBar({ html: "メッセージ", delay: 2000, // 表示するミリ秒数 animationSpeed: "norm
画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」:phpspot開発日誌
画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」 2010年01月13日- PanoScroll 画像を縦・横にゆっくりスライドさせたい場合に使えるjQueryプラグイン「PanoScroll」。 横に長い画像などをゆったりスライドさせることができるみたいです。 ページヘッダー部分に動きを入れたい場合に使えるかもしれません。 次のような１行で簡単にスクロール機能を実装できます。 $('#demo1').panoScroll({name: "demo1"}); 動作確認ブラウザは以下だそうです。 Internet Explorer 7 & 8 Firefox 3+ Chrome 3+ Safari 4+ いざ実装するとなると大変かもしれないこの機能もこれさえ覚えておけば一瞬で実装できますね。
複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」:phpspot開発日誌
複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 2010年02月04日- jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」が公開されています。 デザインもいいのですが、こうした機能は標準のHTMLではないので、こうしたUIが必要な局面は助かりそうですね。 選択すると、何個selectしたかという表示や、クリックの際のイベントハンドラも設定できます。 すべて選択、すべて解除もついてて細かいところにも気が利いてますね。 毎度ですが、必要なJS/CSSを読み込んだら次のように実装は１行
jQuery MultiSelect Plugin by Eric Hynds
This plugin turns an ordinary HTML select control into elegant drop down list of checkboxes, stylable with ThemeRoller. The CSS of this demo page sets all select elements to 200px wide, but examples 2 and 6 override the default width in two different ways. Latest version 0.3 (2/4/2010) Download the source or the minified version, and the CSS file. Follow on GitHub Documentation, blog post, and com
jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer
I’ve been working on a multiple select plugin on and off for the past couple months and finally have it stable enough for a first release. When I started this project my intentions were only to re-factor Cory LaViska’s MultiSelect implementation, but it quickly turned into a complete re-write with a focus on speed and ThemeRoller support. This plugin turns an ordinary HTML select control into an
クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ:phpspot開発日誌
jQuery Horizontal Menu Style 05 (Dark Green) クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ。 次のようなデザインでカーソルを変えるとアニメーションしながらフォーカスし、ドロップダウンメニューを表示させたりすることが出来るメニューのダウンロードが可能です。 ドロップダウンが表示される部分 メニューのカラーは全部で６種類から選べます 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 クールにアニメーションする色合い様々なjQueryメニューサンプル色々 縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」
jQuery Horizontal Menu Style 05 (Dark Green)
Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized Clear unordered list (LI and UL HTML tags) structure Easy to setup and update Fantastic animation and transition effects Multiple pre-desinded color schemes Completely customizable styling with CSS Powered by jQuery Extremely small - 3kb uncompressed
Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン:phpspot開発日誌
jQuery Photo Tagger Plugin For Flickr-Style Photo Tagging Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグインがあるみたいです。 その名もPhoto Tagger プラグイン。画像内をドラッグ＆ドロップして枠を作成すると入力ダイアログが現れるのでメッセージを入れるとコメントを入れられます jQueryプラグインということで比較的実装は簡単なものになっています ただし、サンプルはサーバサイドがColdFusionという若干マニアックな構成になっていますのでPHPerやPerlerな方は受け先を自分で書く必要があります。 送られてくるものを保存して出力の際に似たような出力をするだけなのでそれほど大変そうでは無いかもしれませんがすぐ使いたい方はご注意下さい。
jQuery Photo Tagger - Providing Flickr-style Photo Tagging
Skip to main content nav#close" data-nav-open-class="open" class="m-sl-nav-bar m-sl-nav-bar--no-photo"> The jQuery Photo Tagger plugin allows you to add Flickr-style photo tagging to your images. You can create box-like overlays on top of your image and assign messages to each box. The plugin communicates with the server using the supplied API URLs such that the photo tags can be saved, persisted,
jQuery Form Plugin を利用したファイルアップロードの注意点 – 1/4dot Blog
form プラグインを利用したファイルのアップロードで嵌ってしまった。最初からきちんとドキュメントを読んでおけば良かった…。 まず、嵌った点としてはリクエスト時に INPUT 要素に type=”file” が空かどうかで挙動が異なること。ファイルが参照されており、リクエストのファイルデータに含まれていれば iframe を利用したリクエストが行われるのだが、ファイルデータが含まれていない場合は iframe を利用しないリクエストが行われるためだ。 ここで iframe を利用したリクエストと iframe を利用しないリクエストに対するレスポンスを返してやらなければならない。この点はよく調べて無いので理由はわかっていないのだが、レスポンスの Content-Type が text/javascript だと iframe を経由する際に、もれなく <pre> タグが付いてデータが返って
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
jQuery Countdown
A jQuery plugin that sets a div or span to show a countdown to a given time. The current version is 2.1.0 and is available under the MIT licence. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations. Download now Defaults Formats 1 Formats 2 Layouts Significant Count Up Relative Pause/Lap Time Zones Callbacks Localisa
クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」:phpspot開発日誌
jDigiClock - Digital Clock (HTC Hero inspired). クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」。 次のようなデジタル時計を簡単に設置することが出来ます。元となっているのはHTCのHero ClockというAndroidアプリケーションらしいです。 jQueryなので次のように簡単に実装できます。 $('#digiclock').jdigiclock({ // 設定 }); 面白いですね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 自由な位置にalert表示できるjQueryプラグイン「Feedback UI Plugin」 ajaxファイルアップロードに使えるjQueryプラグインいろいろ シンプルな紙芝居を実装できるjQueryプラグイン「sexyCycle」
radoslavdimov.com - radoslavdimov リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryベースのカラーピッカー 「Farbtastic」
jQueryベースのカラーピッカー 「Farbtastic」 Check Tweet 配布元：Farbtastic: jQuery color picker plug-in ライセンス: GPL FarbtasticはjQueryベースのカラーピッカー作成用のJavaScriptライブラリです。 Farbtasticの使い方 jQueryをhead要素などで読み込みます。 <script type="text/javascript" src="../js/jQuery.js"></script> Farbtasticの配布サイトよりダウンロードしてきた、farbtastic.jsとfarbtastic.cssをhead要素などで読み込みます。 ダウンロードしたファイルに同梱されている画像はCSSファイルと同じ階層においておきます。 <script type="text/javascript
Farbtastic Color Picker — Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
ブロックレベル要素の高さを揃える「Equal Heights」-JavaScript Library Archive
ブロックレベル要素の高さを揃える「Equal Heights」 Check Tweet 配布元：The EqualHeights jQuery Plugin ライセンス：不明 EqualHeights jQuery Pluginはブロックレベル要素の高さを揃えるJavaScriptライブラリです。 Equal Heightsの使い方 head要素などでダウンロードしたjquery.equalheights.jsとjquery.jsを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.equalheights.js"></script> その後に高さを揃えたい要素、CSSセレクタで指定しequalHeights()を実行します。
The EqualHeights jQuery Plugin
After I wrote and published my last article on writing a function to equalize heights in jQuery, I realized that the function would probably make a really useful jQuery plugin. This is that plugin. This is also my first attempt at a jQuery plugin, so I apologize in advance if I’ve done something painfully stupid (and painfully obvious) to any and all plugin veterans out there. Luckily, the functio
jQuery Rounded Corners with Canvas element
jQuery Plug-in to make rounded corners on your DOM objects using <canvas> element Tested in IE7 and FF3
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」
角丸を簡単に表現する「 jQuery Canvas Rounded Corners」 Check Tweet 配布元：jQuery Canvas Rounded Corners ライセンス：GNU Lesser General Public License jQuery Canvas Rounded CornersはjQueryで簡単に角丸を実装するためのJavaScriptライブラリです。 Canvasで作成されているため、様々な表現が可能だ。 使い方 最新のjQueryファイルとダウンロードしたファイルに含まれる「jquery.corners.js」、「newExcanvas.js」をhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascrip
非常に美しいLightBoxスクリプト「Sexy LightBox」
非常に美しいLightBoxスクリプト「Sexy LightBox」 Check Tweet 配布元：Sexy LightBox ライセンス：MITライセンス Sexy LightBoxは非常に美しい動きをするLightBox系のJavaScriptライブラリだ。 ベースエンジンはMootoolsを利用するか、jQueryを利用するか選択できる為、現在利用しているライブラリに合わせて柔軟に利用することができる。 利用方法 mootoolsを利用する場合はmootools本体と配布サイトからダウンロードした「sexylightbox.v2.2.mootools.js」と「sexylightbox.css」をhead要素などで読み込む。配布ファイルに同梱されている「sexyimagesフォルダ」も利用したいファイルと同じ階層に配置しておこう。 <script type="text/javasc
» Sexy Lightbox 2
Hosting on legacy fx on our shared hosting web hosts plans may be a very easy task, and if you carefully follow all the instructions provided below, you ought to have your website up and running in but 10 minutes. This tutorial has been written for and tested on Linux servers with DirectAdmin and cPanel. In order to attach your website like ForexBrokersSouthAfrica on a shared web hosting account,
スタイルシートを切り替えるjQueryプラグイン「Switch stylesheets with jQuery」
スタイルシートを切り替えるjQueryプラグイン「Switch stylesheets with jQuery」 Check Tweet 配布元：Switch stylesheets with jQuery ライセンス：クリエイティブコモンズAttribution, Share Alike License Switch stylesheets with jQueryはユーザー操作により簡単にスタイルシートを切り替えることができるjQueryプラグインだ。 クッキーにも対応している為、一度選択されたスタイルシートはこのライブラリが読み込まれているすべてのページで優先的に表示されるようになります。 使い方 変更したいスタイルシートをhead要素などで読み込みます。デフォルトのスタイルシート以外はrel属性をrel=”alternate stylesheet”としデフォルトのスタイルシートはre
jquery styleswitcher toggle - kelvinluck.com
Stylesheet switcher using jQuery - toggle example This is an extended version of my original stylesheet switcher for jQuery. It is slightly more fully featured than the original version (which was written back in 2006!) as it includes the option to toggle stylesheets (which will loop between the available stylesheets one after the other). It is also more reusable as you can now trigger the stylesh
Switch stylesheets with jQuery | kelvinluck.com
Update: I’ve released an updated version of this code which is more flexible. Please check it out. I’ve just discovered jQuery which is an awesome JavaScript library. From the horse’s mouth: jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery acheives this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Domain Details Page
Nextcloud
Flickr-Style Photo Tagging With jQuery And ColdFusion
CSS Newbie Example: equalHeight jQuery Plugin in Action
coders.me