Blinky
👻 Blinky - Web thumbnail service with Ruby and Webkit Technical demo to take screenshot of any URL, powered by PhantomJS, Poltergeist and Ruby. Blinky API compat with old service (MozShot) currently. Currently, no documentation except really simple usage. However, all source code has provided under ruby lisence. You can refer and modifiy this source freely.
Custom Field GUI Utility 3.2 - WordPress プラグイン | かたつむりくんのWWW
Movable Type, Craft CMS, Drupal, HTML, CSS, JavaScript, jQuery etc. Custom Field GUI Utility 3.2 は、WordPress 3.3以降用です。3.4でも使えると思います。 このページは、Custom FIeld GUI Utility 3.2 のドキュメントです。過去のバージョンのドキュメントは、以下のページにあります。 ver 2.x ver 3.0x 〜 3.1x Custom Field GUI Utility とは このプラグインは、WordPress のカスタムフィールドを、色々な数種類のフォーム要素として使えるようにするプラグインです。 当プラグインの元となっているプラグイン「Custom Field GUI」は、「投稿」の編集画面にカスタムフィールドを入力するフォームを生成するもので
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
getElementsByClassNameメソッド - JavaScript ライブラリー - HTML5.JP
このライブラリーは、HTML5で規定されている getElementsByClassName メソッドを組み込みます。このライブラリーを script 要素でロードするだけで、あたかもブラウザに getElementsByClassName メソッドが組み込まれていたかのように振舞います。 ダウンロード Release Date Size (byte) Download 使い方 dom_getElementsByClassName_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そして、getElementsByClassName メソッドを利用したいHTMLのhead要素内に、次のJavaScriptコードを記述してください。 <script type="text/javascript" src="../html5jp/dom/getE
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。 さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。 ブラウザ依存 まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
jQuery Easing Plugin
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
jQuery Easing - jQuery 日本語リファレンス
Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。（下記サンプル参照） そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ
http://で始まる文字を自動リンクしよう
【jQueryのプラグインを作ろう！】 第8回「http://で始まる文字を自動リンクしよう」 ＊これはascii.jpで連載した記事の続きです。このため、このページを読む前にあらかじめascii.jpで連載した記事をお読み下さい。 text : 古籏一浩 ■URLがあれば自動リンク ページ内にhttp://www.openspc2.org/などのURLがある場合、自動的にリンクしてくれると便利です。そこで、今回は文章内にhttp://で始まる文字列があればURLとみなして自動的にリンクするプラグインを作成しましょう。 ■正規表現で置換 今回はURLを自動的にリンクに置換します。このような場合、JavaScriptの正規表現を使うと簡単に処理できます。JavaScriptでの正規表現の置換処理を行うのはreplace()です。最初のパラメータに検索したい正規表現を、2番目のパラメータに置換
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
jQueryでリストをリンクに変える方法 - ひがやすを技術ブログ
こんな感じのリストがあったとします。 <ul> <li>http://www.google.co.jp</li> <li>http://www.yahoo.co.jp</li> </ul>もちろん、リストをクリックしてもなにもおきません。これをjQueryを使って、リンクに変えてみましょう。 each()とwrapInner()を組み合わせます。 <html> <head> <title>sample08</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $("li").each(function(i){ $(this).wrapInner( "<a href=\"" + $(this).text() + "\"></a
PHPで日本語メールを送る – 基本編 - EC studio 技術ブログ
PHPなどのWebシステム開発において、メール送信は 切っても切れないものだと思います。 ですが、現在のメールはもともと海外で考えられたものなので、 日本語などのマルチバイト文字を送ろうとすると エンコードなど複雑な処理をする必要があり、 なかなか一筋縄ではいきません。(メールは奥が深い！) このメーラーではうまく表示されるけど、あのメーラーでは 文字化けしてしまう。。 なんて経験をされた方も 多いのではないでしょうか。 私自身、日本語メールでは大変苦労させられました。 今回は、備忘録と情報共有も兼ねて、その経験をもとにした PHPにおける日本語メール送信のまとめを記事にしたいと思います。 今回は日本語メール基本編という事で シンプルな日本語メールの送り方です。 シンプルな日本語メールの送り方 PHPには簡単にメールを送るmail関数がありますが この関数では日本語のメールはそのままでは送
メールの送信 | PHP Labo
メールの送信方法 PHPではメール送信用の関数が用意されているため、メール送信プログラムを簡単に作成することができます。 多くのプロバイダでは、迷惑メールが大量に送信されるのを防ぐための対策が行われています。その影響で、WindowsにインストールしたPHPからはメールが送信できないことがあります。このページのプログラムを実行した際に以下のようなメッセージが表示される場合、メールの送信に失敗しています。 Warning: mail() [function.mail]: Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() プロバイダから回避方法が告知されていることもありますが、環境によって設定
deferloader – 株式会社ウフル技術ブログ
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
Skype | Free calls to friends and family
Celebrating Skype’s 20 Year Journey Embrace a legacy of communication as Skype marks two decades of connecting hearts across borders to bring smiles and, enabling conversations that transcend miles. Join the global celebration of human connections that have shaped our world. Celebrating Skype’s 20 Year Journey Embrace a legacy of communication as Skype marks two decades of connecting hearts across
CSS3のtransform:rotateおぼえがき -
tableと文字回転でもって将棋盤を再現しようとして <table> <tr> <td><span class="offence">金</span></td> <td><span class="defence">角</span></td> ... </tr> ... </table> みたいに書いたのね。 で、CSSで span.defence { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } という風に書いたら、Firefoxでは文字回転したけどSafariではしなかった。 span.defence { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); tran
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
モダンブラウザとIEに対応したopacity指定 | PAOLOG
cssで要素の透明度を指定する「opacity」プロパティの書き方をメモしておきます。 IE以外のモダンブラウザ 要素に透明度を与えるにはcssのopacityプロパティを使います。たとえば透明度を半分の50%にしたいときは次のように指定します。 opacity: 0.5; ですがこのプロパティはIE以外のモダンブラウザと呼ばれるものしか対応していません。IE6～IE8では独自拡張のfilterプロパティを使うことで同様の表現ができます。 IE6とIE7 IE6またはIE7では次のように指定します。 filter: alpha( opacity=50 ); opacity=50は透明度が50%の意味。opacityプロパティとは数値の指定が違うので注意です。 IE8 IE8では独自実装や、先行実装のプロパティを使うときは接頭辞「-ms-」を使わないといけなくなりました。さらに「:」以降の部
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About![2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
innerShiv
footerの高さをページに合わせて一番下に配置するコードメモ