Thank you for being patient. We are doing some work on the site and will be back shortly.
Thank you for being patient. We are doing some work on the site and will be back shortly.
Newツイッターの背景をデザインする時のサイズなどをガイド的にまとめてみました。サイドバーを透明にしたりして工夫すれば、ディスプレイサイズが小さい画面でも、メッセージを背景に掲載する事もできそうです。みなさんはNewツイッターの背景どうしてますか?先日、私のツイッターもやっとNewになりました。 嬉しい反面、ちょっと残念なことも…それは以前のツイッターに合わせて作った背景が全く見えなくなってしまった事。 新しいツイッターの画面は横幅が1,040px(小さいディスプレイ時は920pxの可変)もあって、1280pxのディスプレイでは背景がほとんど見えません… 過去記事:ツイッター入門:背景画像をデザインする時のルールが意外にアクセスが多いのですが、情報が古いのでNewツイッターの背景を作る時のガイドを考えてみました。 New ツイッターの画面 ツイッターの画面、背景の見え方はディスプレイの
Thank you for being patient. We are doing some work on the site and will be back shortly.
以下のスクリプトを他のすべてのスクリプトよりも前に読み込む。 var nativeSetInterval = window.setInterval; _setInterval = {}; window.setInterval = function(process, delay) { var entry; if(typeof process == 'string') { entry = new _setInterval.Entry(function(){eval(process);}, delay); } else if(typeof process == 'function') { entry = new _setInterval.Entry(process, delay); } else { throw Error('第一引数が不正です。'); } var id = _setInterv
※本ブログでは記事中に広告情報を含みます 最近、マスクをしている人を良く見かける管理人です。あまりにも多いと自分もマスクをしないと不安になります。 今回は、ブラウザサイズを変更できるアドオンです。 「Firesizer」は、ブラウザサイズを手軽に変更する Firefox アドオンです。 「Firesizer :: Add-ons for Firefox」 わざわざ、アドオンを入れなくても Sizer や Javascript で事足りるかなとも思います。 Javascriptブックマークツールバーに入れておくと便利です。Firefox では仕様により使用できないです。 640 x 480javascript:window.resizeTo(640,480); 800 x 600javascript:window.resizeTo(800,600); 1024 x 768javascript
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
GreyBoxとは? GreyBoxはAjax(非同期通信処理)を利用して画像やページを表示するライブラリです。ブログや自分のWebサイトで少し変わったテイストの画像表示やリンク先のWebページをボックスで表示するといった使い方ができます。似たようなライブラリにはThickBox(*1)があります。GreyBoxはprototype.js、jQueryなどのライブラリを必要としません。これらのライブラリが使用できない状況では便利です。GreyBoxは<a>タグのrel属性に必要なパラメータを記述するだけでスライド表示やページ表示の処理を行えます。 GreyBoxはこのURLにあるページからダウンロードできます(*2)。 GreyBox公式サイト 「Download GreyBox [v5.50]」のリンクをクリックするとGreyBoxで必要なファイル一式がダウンロードされます。 Downl
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
iBoxとは? iBoxはAjax(非同期通信処理)を利用して画像を表示するライブラリです。画像だけでなくページ内コンテンツや同一ドメイン上にあるHTMLファイルも表示することができます。iBoxは他のスライド表示系ライブラリと比べて軽量で他のライブラリに依存しません。ただし、基本的にはLightboxの以前のバージョン1を参考にしているため、見た目がいまいちよくないという面もあります。少ない通信コストで画像が表示できればよいというのであればiBoxを利用するのも良いでしょう。 また、他のスライド表示系ライブラリでは原寸大で画像を表示するものが多い中、iBoxはブラウザの横幅/縦幅に合わせて自動的に収まるように表示してくれます(スライド表示系ライブラリの1つであるThickBoxもブラウザのサイズに合わせて画像を表示してくれます)。iBoxもLightbox同様にHTMLの<a>タグのre
taggetに名前を変更し再始動しました。 http://tagget.bornneet.com/ LighediTorはJavaScript製のNot WYSIWYGなHTMLエディタです。 軽快なオートコンプリートが特徴です。 HTML、CSS、JavaScriptのキーワード(追加可能)、及び入力内容から補完候補を表示します。 「HTMLはタグ打ちに限る」という方に是非オススメします。 ※ 現状、LighediTorの動作にはjQueryが必要です。 サンプル http://ligheditor.sourceforge.jp/ ヘルプ http://ligheditor.sourceforge.jp/help.html 最新のソースはこちらから。 http://svn.sourceforge.jp/view/trunk/?root=ligheditor
ページ内のあらゆる要素をマウスでぐりぐりとドラッグできるようにする JavaScript コードです。 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/fukuwarai.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバーに貼り付けて実行すると、そのページのあらゆる要素がドラッグ可能になります(と言っても Flash などは無理です)。リロードすれば元に戻ります。普段見慣れたページを、自分の操作でバラバラにできるのはなかなか新鮮な体験です。 使いまわ
(追記 : 09/02/12) ソースはgithubでホスティングすることにしました。 タイトルのようなものを作りました。(SBMComment.js) 説明するより見てもらったほうが早いかも。faviconかえるやつのエントリーとかだとわかりやすいと思います。エントリーの下の方にはてブ、del.icio,us、Livedoor Clip、Buzzurlで書かれたコメントを拾ってきて、整形して表示しています。 経緯 masuidriveさんが、「ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js」なんてものを公開されてるのを見て「あーすごくいい!これ欲しかった!むしろやりたかった!」と思っていました。さっそく設置を行おうと思った矢先、どうせだったら他のSBMのコメントも一緒に表示したいなぁ、とも思いました。このあたりのSBMはそれなりのJSON API
ブラウザの上に、ウインドウをオーバーレイして各種機能を実現するブックマークレットWidgetをここに紹介していきます。今後新機能が追加された場合は、ここに追記していきます。 (2008/3/23にcodereposへの公開を機にソースコードの構造が変わりました。恐れ入りますが、それ以前にブックマークされた方は入れ替えていただけますでしょうか。今までのURLはいずれ削除する予定です。) WidgetというのはUIを伴った小さな部品という意味なのですが、ここで紹介しているものは、ブラウザ画面内をマウスドラッグで移動して、今見ているWebページに機能を追加するウインドウです。 以下のリンクをブックマークに登録したり、ブックマークバーにドラッグすることで使えるようになります。 どんな動作をするか?は試しにリンクをクリックしてみてください。 1.PHPの関数を調べる。 よくわからない関数名をコピペし
javascript:(function(l,t,s){var h=function(s){return s.replace(/[&<>"']/g,function(m){return ({"&":"&","<":"<",">":">",'"':""","'":"'"})[m];});},r='<a href="'+h(l)+'">'+h(t)+'</a>'+(s?'<blockquote cite="'+h(l)+'" title="'+h(t)+'"><p>'+h(s).replace(/(\r\n|\r|\n)+/g,'<br>')+'</p></blockquote>':'');prompt(r,r);})(location.href,document.title,String(getSelection())); makelink <a href="${url}">${title}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く