マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ:phpspot開発日誌
Style Your Image Links | Css Globe Mouse over behaviors have a certain significance when we're talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ マウスオーバーした時に次のように画像を重ねられるJSライブラリです。 JavaScriptのお陰で、画像部分のマークアップ自体は次のようにクリーン <p><a href="http://cssglobe.com"><img class=
技術系ブログの運営者にはよい収入源になるかもしれないドリコムジョブボード:phpspot開発日誌
ドリコムジョブボード 技術系ブログの運営者にはよい収入源になるかもしれないドリコムジョブボード。 今回の950px、3カラム化に伴い、このブログの右側、サイドバーにJobBoardというのをお試しで掲載してみました。 JobBoardでは、「ITエンジニア向けジョブボード」、「Ruby on Railsエンジニア向けのジョブボード」、「Macデベロッパー／デザイナー向けのジョブボード」など、IT・デジタル系にの転職／求人情報という、技術系ブログにとっては関連性の高い広告として表示させることが出来ます。 掲載価格は自分で設定可能(月額300円〜100万円)で、ブログパーツとしてブログに掲載することが可能です。 有名ブロガーの、GIGAZINEさん、ネタフルさん、Geekなページさん、デザインウォーカーさんのサイト等で既に導入されています。 当ブログのジョブボードでは、まだ広告出向数が少なく、
ブラウザ上で簡単にホームページが作れる「Roxer」:phpspot開発日誌
Roxer - The easiest way to make a web page ブラウザ上で簡単にホームページが作れる「Roxer」。 ドラッグアンドドロップして要素を再配置したり、リアルタイムに編集したり色々と出来るようです。 ブラウザによってはエラーがでてうまく動作しなかったりするのですが、なかなか便利そうですね。 関連エントリ Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」 ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications』
PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」:phpspot開発日誌
PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」 2008年01月23日- PhpDelicious - a wrapper class for the del.icio.us API PhpDelicious is a PHP 5 library for accessing the del.icio.us API.PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」。 AddPost, DeletePost などによってブックマークの投稿、削除が出来、GetPostsによって投稿を取得したり出来るようです。 若干ドキュメントが不備な状態ですが、Pearレスで簡単にdel.icio.us の APIを使う場合には便利かもしれませんね。
PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス:phpspot開発日誌
HTTP Class for PHP (supports both cURL and fsockopen) | Md Emran Hasan aka phpfour This is a wrapper HTTP class that uses either cURL or fsockopen to harvest resources from the web. PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス。 次のようにPEARレスでシンプルに使えます。 <?php include_once('class.http.php'); $http = new Http(); $http->useCurl(false); $http->setMethod('POST'); $http->addParam('user_name', 'emran'); $http->addPa
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail 1～3カラムのシンプルなレイアウト、ブラウザ幅600, 800, 1000に設定 Fortes ブラウザ幅600, 800, 1000, 1200, 1400に設定 fil-ter ブラウザ幅600, 1000に設定 Dynamic Layoutの設置方法は、body直下に外部ファイルとして指定します。 <textarea name="code" class="html" cols="60" rows="5"> <body> <script src="http://static.fortes.com/projects/dynamiclayout/dynamiclayout-1.0
MOONGIFT: » JavaScriptとCSSの融合「Dynamic CSS via JavaScript」:オープンソースを毎日紹介
JavaScriptを使ってCSSを変更というのは良くあることだ。例えばクリックで表示を消す場合やフェードアウトさせるような類のイフェクトがある。$("hoge").style.display="inline";のような指定をするだろう。 しかしこれではCSSとJavaScriptの距離が遠い。もっとダイナミックにCSSを操作しよう。 今回紹介するオープンソース・ソフトウェアはDynamic CSS via JavaScript、JavaScriptによるCSS操作ライブラリだ。 まさにダイナミック。CSSというオブジェクトを生成し、そこにルール（CSS指定）を追加していくという形式で描かれる。スタイルタグを動的に生成し、描画を変化させられる。 利点は何だろうか。まず、CSS上の指定を変数にまとめられるようになる。また、タグクラウドのような状態によってフォントサイズを変更するようなものを、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prototype.js 1.6.0 用チートシート:phpspot開発日誌
HTML5.JP - 次世代HTML標準 HTML5情報サイト