abcjs JSで楽譜を描画して再生までできる「abcjs」 あまり音楽の知識はありませんが、なんかすごい感じがします 関連エントリ 超カッコいいスクロールエフェクト実装「lax.js」 リッチでカッコいいカラーピッカー「iro.js」 ホバー時にボーダーをアニメーションさせる「Nicebord.js」
abcjs JSで楽譜を描画して再生までできる「abcjs」 あまり音楽の知識はありませんが、なんかすごい感じがします 関連エントリ 超カッコいいスクロールエフェクト実装「lax.js」 リッチでカッコいいカラーピッカー「iro.js」 ホバー時にボーダーをアニメーションさせる「Nicebord.js」
GitHub - Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code. JSのコードをSVG形式のフローチャートにして見やすくする「js2flowchart」 ソースコードの解析や学習等、ビジュアライズして初心者でも見やすく表示できます。普通のコードの色分けよりも分かりやすいですね 関連エントリ SVGベースの要素が移動可能なフローチャート描画ライブラリ「SimpleFlowchart」
PHP snippets 使えるPHP等のコードスニペット(配列をランダマイズ,16進カラーを反転など)が一杯のサイト 16進カラーを反転 2つの文字列の類似性を調べる 配列をランダマイズ ディレクトリパスをノーマライズ array_walk のデバッグ例 配列の空エントリ削除 バイナリファイルをテキスト形式のPHPコードに変換 ディレクトリのリカーシブ処理 FTPでファイルアップロード HexをRGB値に変換 PHPでMingの使用例 などなど(ほかにも) その他、当ブログで紹介した便利なPHP機能スニペット集など PHPとMecabでキーワード自動リンクを実装 PHPを使ってたった2行で絵文字を取り除く方法 PHPで絵文字を壊さずに文字コードや全角半角変換を行う方法 PHPやPerlでQRコードを超簡単に作れるサンプルスクリプト CDドライブを開ける等、Windows上で動作する面白&
jqzoom | allows you to realize a small magnifier window close to the image or images on your web page easily.画像のマウスポインタ上をズームしてくれる「jqzoom」。 次のように、マウスポインタ上の画像を右部分でズームしてます。 小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。 jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。 サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、IEにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 IEでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
PHPから他の言語に、または他の言語からPHPに移行する際に便利な他言語とに比較資料をまとめてみました。 PHPとRubyの文法面での比較 PHPと他の言語(php.net) PHP Comparison to JS - PHPとJavaScriptで計算機プログラム Perlとphp比較表 PHP vs ASP.net - PHPとASP.net比較記事 スクリプト言語の比較 その他、言語比較の関連記事 mod_perlとmod_phpのパフォーマンス比較の記事 PHPと他言語の比較 : Web 2.0トーナメント 2006年プログラミング言語人気ランキングTOP20 ソースコード変換/埋め込み PHPのソースコードをC++のコードに変換する PHP5のソースをPHP4に変換 ASPのコードをPHPに変換する Perl内にPHPを埋め込む PiP - PythonをPHPコードの中に埋め
Online CSS Scrollbar Color Changer The CSS for the scrollbars that you create is displayed automatically below. Copy it into your HTML page to easily change the scrollbars for your website. CSSでスクロールバーのデザインをする際に非常に便利なWEBツール「Online CSS Scrollbar Color Changer」 次のようにスクロールバーのデザインをWYSIWYGで確認しつつデザインできます。 使い方が直感的で分かりやすく、誰にでも使えますね。 設定後、即座にページ下部にCSSコードが反映されるので、コピペで簡単にページに反映することが可能です。
【PHPウォッチ】第35回 Yahoo!はどうPHPを使っているのか--PHPカンファレンス2007レポート:ITpro PHPユーザ会が開催する日本最大級のPHPイベント[「PHPカンファレンス2007」が2007年9月1日,開催された。今回のPHPウォッチでは,カンファレンスで行われた講演内容を基に,最近のPHPの動向について紹介する。 PHPウォッチのPHPカンファレンス2007特集記事。 PHPカンファレンス2007の概要について書かれています。 PHPカンファレンス関連まとめエントリ PHPカンファレンスでのYahoo!JAPANスライドショー「PHP at Yahoo! JAPAN」 PHPカンファレンス2007記事まとめ 関連エントリ PHPカンファレンス2007のプログラム概要が公開 PHPカンファレンス2007
Smart Image Resizing while Preserving Transparency With PHP and GD Library | Medium eXposure Also, you want it to preserve transparency damn it! Surprisingly, I was unable to find a good function that does all that, so I decided to attempt writing it. This should do it. PHPでPNG画像の透過部分を保持したままリサイズするサンプル。 PHP+GDで透過PNG画像をリサイズしようとすると、透過部分が黒くなってしまったり、ちゃんとやらないとうまくリサイズできなかったりします。 ということで、便利な関数を公開されているページを紹
reflex.js (with IE 6/7 support) reflex.js 1.1 allows you to add a Cover Flow effect (including reflection) to images on your webpages. 画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」 次のような画像の映り込みエフェクトを付けることができます。 使い方は、必要なライブラリを読み込んで class を付与するだけのようです。 他にもいろいろあります。 Corner.js - 角丸効果や、シャドウ効果を画像に与える Glossy.js - 画像にガラス風の光沢を与える Instant.js - インスタントカメラ風エフェクトを与える Slided.js - スライドのフレーム風にエフェクトを与える Filmed.js - 映
How to make custom avatars with php In this tutorial I'm going to show you how to create customizable avatar icons with php. PHPとPhotoShopでアバターの仕組みを作る方法。 PHPのイメージ関数を使って、PhotoShopで作ったPNG画像を合成するサンプルスクリプトが公開されています。 PhotoShopでアバター自体を作成する方法についても掲載。 モバゲータウンなど、アバターが注目されていますが、あなたのサイトでもアバターの仕組みを導入したい、という場合はこの記事を参考にすることも出来るでしょう。 関連エントリ PHPで使えるCAPTCHA画像作成ライブラリまとめ カタカナでCAPTCHAをつくるPHPライブラリ 携帯サイト作成のためにも使えるPHPのラ
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
Ext JS Blog - Ext v1.1 Released The Ext team is proud to announce the immediate availability of Ext v1.1 for download. 超クールJavaScriptライブラリ「Ext v1.1」正式版リリース。 次の点が更新され、ますます強力さを増しているようです。 YUIやprototype.jsを必要とせず、スタンドアロンでExtが動作するようになった WYSIWYGなHTMLエディタ カレンダー Ext.Ajax というAJAXの機能を追加 特定のエレメントに対するイベントハンドラの付与を簡単にできる、Behaviors 関連エントリ JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み&フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ&ドロップなショッピングカート ドラッグ&ドロップなソート可能リスト JavaScriptのロギング&デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム&スライドショー スライドダウン&アップアニメーシ
JavaScriptのコードはクライアントサイドで動作し、誰にでもコードが読めてしまいます。 あまり自分の書いたコードは読まれたくないもので、せめてコードを読みにくく、ということで難読化のツールが多数公開されてます。 最近のJavaScriptブーム以前よりそういったツールは当然ながら存在するようで、ちょっとまとめてみました。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等除去。サイト上で変換前、変換後のサンプルが見れます JavascriptZIP - JAVAで書かれたJavascriptコード圧縮ツール JSC (JavaScript Compressor) - EXE形式でコマンドラインで使える圧縮ツール オンラインで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く