ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
「Google Scribe」は、Googleサジェスト機能をどこでも利用できるサービスです。 もちろん、Google Scribe上でも動きますが、用意されているブックマークレットが非常に便利。これを利用すれば、どんな場所でもGoogle Scribeが使えます。 以下に使ってみた様子を載せておきます。 Google Scribeにアクセスして、文字を入力してみましょう。現在は、英語しか対応していません。 このように次の候補や、入力している単語を自動的に補完してくれます。かなり高速で、もたつかないところは流石ですね。 補完してくれる内容は、英単語だけでなく、HTMLなどのコードも対応しています。また、Googleアカウントにログインしている状態だと、ユーザ履歴にもとづいて候補がでてくるようです。 Google Scribeの下部にブックマークレットがあります。こちらをブックマークに保存し
Webサイトを巡回したり、Bookmarkletを利用して独自の機能を利用するブックマークは不可欠な存在。多くのブラウザにはショートカット機能が実装されており、キーボードだけで指定のブックマークを利用することも可能ですが、どれにどのようなショートカットを指定したのかを管理するのも面倒です。特にWebサイトの制作をしている方にとって、開発やデザインに便利なBookmarkletは欠かせません。 しかし、それらをツールバーに並べるにもスペースの限界がありますし、フォルダで管理してしまうと手が行き届き難くなり結果的に使わなくなることも考えられます。ショートカットやBookmarkletを管理することなく、様々な機能やサイトサービスの利用にQuixが便利です。 ホームページ右上にある「Quix App」というボタンをそのままツールバーへドラッグ＆ドロップするだけで利用出来ます Quixが提供するB
上記を、ひとつのブックマークレットでやりますよ、for iPhone Safari。 画面イメージはこんな感じ（※うっすら、下のサイトが透けて見えます） 。 黒い部分をクリックすると、画面が閉じます。 ・hateb.iPhone（Safariで登録するかた用） ・hateb.iPhone（iPhoneで登録するかた用） ご要望があれば、はてなRSSの登録ボタンの追加なり、なんなりする用意はありますよ！こちらには！どんと来やがれ、こんちくしょう。できる範囲で、こんちくしょう。 手前ミソですが、なかなか手放せないツールになりつつあります。 はてブコメントが画面遷移なしで見れるのが良い！ちなみにiPhoneがすぐ再読み込みに行くの、なんとかならんかのぅ。 ※追記 関連ブックマークレット「ブックマークレットをまとめたブックマークレット for iPhone / iPod touch」も公開しました
ブックマークレットを簡単に作れるブックマークレットを作ってみた。 ■これをブックマーク ブラウザから任意のページでブックマークレットを実行すると、↓のようなエディタが出現します。 ここにJavaScript書けば、直接ページに対してスクリプトをインジェクトできます。 ・RunボタンでページにJavaScriptを適用 ・一応タブエディタ ・エディタに書いたコードはページをまたいで持ち越せるよ。 ・Copy as Bookmarkletボタンで、javascript:(function()～みたいな形のワンライナーに整形してくれる。 そんな感じ。Flexアプリケーションをブックマークレットから起動するってコンセプトは、ちょっとこれから流行るんじゃないかと思ってるのですが、誰もやらないのでとりあえず作ってみました。 もうちょっと完成度高めたかったのだけど、最近忙しくて１ヶ月以上放置してるのでも
Webサイトをデザインをしていて、どうにもサイズがずれる事があるかも知れない。そうした時、いちいちソースを表示してCSSのクラスを確認して、CSSファイルと照らし合わせていないだろうか。非常に手間ひまのかかる作業だ。 表示されているそのものを確認できれば便利だ。そしてそれを実現するソフトウェアがこれだ。 今回紹介するフリーウェアはXRAY、CSSレイアウトの情報をフローティング表示するソフトウェアだ。現在ライセンスは明記されていないが、将来的にはオープンソース化される予定との事だ。JavaScriptなので、ソースは現状でも見ることが可能だ。 XRAYはBookmarkletとして導入するソフトウェアで、公式サイトのブックマークをツールバーに登録すればインストール完了だ。後は任意のサイトでBookmarkletを実行すればいい。 Bookmarkletを実行すると、ブラウザ上にフローティン
del.icio.usにポストするブックマークレットです。 ページを見ながらポストできます。 注意 フレームのページはふつうのと同じ動作をします（del.icio.usのページへ移動します） MacのFireFoxでしか確認してません。 IE6はposition:fixedが使えないのでうまく動かないと思います。 version 0.0.2 (2007/01/30 21:19) IFRAMEがある場合、フレームのページのように処理していたのを修正 複数回実行したときに、実行しないように変更 ちょっとリファクタリング version 0.0.2 0){location.href=url}else{var dummy=document.createElement('div');dummy.style.height=(layerHeight+bottomMargin)+'px';var div
This shop will be powered by Are you the store owner? Log in here
日本語で上手いプレゼンをしている映像が見れるサイトを教えてほしいです。
はてなブックマークのBookmarklet Safariでの文字化けを直す Safari 1.3でescape関数には日本語部分が%uNNNNになってしまうバグがあって、はてなブックマークなどのbookmarkletが気分よく使えない。そこでbookmarkletのコードの「escape」を「encodeURIComponent」に変えてみた。 javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href),%20'_blank',%20'width=520,height=600,resizable=1,scrollbars=1,statusba
posted by nano on February 27, 2006 19:45 tohatenacssbookmarklet はてなブックマークの、デザイン編集ページで編集できるCSSを覗き見したい人のためのブックマークレットです。 ?B CSSをのぞく （Firefox1.5でのみ動作確認しました。） 誰かのはてなブックマークのページで押せば、CSSのファイルが新しいウィンドウで開きます。ファイルの下のぶぶんにそのユーザーが追加したスタイルが載ってるはずです。（はてなが用意したデザインテーマとかだったら表示されません） カッコイイデザインに出会ったら、このブックマークレットで覗いてみてパク参考にできるかもしれません。 (03.01.2006) ブックマークレットの中身は以下のような感じです javascript:url=location.href;urn=url.match(/ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く