ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 2012年06月17日 18:17 カテゴリ:iphoneの小技 ツイート ども!ともぞう(@tomozo_1975)です。 今日はiPhoneのブラウジングを快適にしてくれるブックマークレットをご紹介したいと思います。 見ているページのツィートや英語サイトの翻訳など便利なブックマークレットが盛り沢山ですよ。 その1 見ているページをつぶやく Twitterで共有したい記事を見つけたらこれらの⇓ブックマークレットの出番です! 公式Twitter用ブックマークレット Echofon用ブックマークレット Tweetbot用ブックマークレット ではEchofon用ブックマークレットを例に使い方を解説してみますね。 Echofon用のブックマークレットのリンクを開くと、 Googleのページが開くので、そのままブックマーク
こんにちは、ほぼiPhoneだけでblog書いている、iPhone大好き @kuracyan です。 今日は私が毎日blogを書く時に使っているアプリとBookmarkletをご紹介します。 エディタ 基本的にDraftPadで書きます。 アシストという補助機能が全てを支えています。 書きながらブラウザ表示を確認したり、書きあがったらそのままアップローダに送ったりします。 自動保存してくれるので、途中でぱっと閉じても気にせずにすみます。 DraftPad 1.4(無料) カテゴリ: 仕事効率化, ユーティリティ 販売元: Manabu Ueno – Manabu Ueno(サイズ: 2.8 MB) 全てのバージョンの評価: (336件の評価) iPhone/iPadの両方に対応 入力支援 htmlタグを使ったりする時にこのアプリが必須です。 TextExpander 1.2.2(¥450)
ウェブサイトで気になる情報を見つけたとき、みなさんはどのようなツールで、どのように対応していますか? ブックマークするもよし、ツイートするもよしですが、自分にメールをする、というのも一法ですね。 「cc:to me」は、ウェブ記事、画像、テキストの切り抜きなど、あらゆるウェブコンテンツを自分にメール送信できるブックマークレット。ブックマークレットにドラッグして、「Send(送信)」ボタンをクリックするだけなので、お手軽です。 まずは、こちらのウェブサイト右上にメールアドレスを入力し、ユーザ登録します。すると、固有のアカウントページへのリンクが送信されます。もちろん、メールアドレスを変更したり、複数のメールアドレスを追加することも可能です。 ブックマークレットをブックマークバーにドラッグしておけば、自分にメールしたいサイトがある都度、ドラッグアンドドロップで送信できます。元のフォーマットは維
WhatFont ToolはWeb上のテキストがどのフォントを使っているか調べるためのツールです。ブックマークレット、Google Chrome/Safari機能拡張があります。 Webサイトではあまりフォント指定が行われていません。それはローカルにフォントがあるかどうか分からないためです。しかしWebフォントを使えば問題はある程度解決します。そこでWebフォントが使われている現場でのフォントチェックに使えるのがWhatFont Toolです。 アイコンクリックで起動します。エスケープキーまたはExit WhatFontをクリックすると終了します。 フローティングでフォント名を表示します。 クリックするとフォントの詳細が表示されます。 右下にフォントの色が表示されます。 クリックするとRGB表示が切り替わります。 フォントの出元も表示されます。こちらはTypeKitから読み込まれたフォント
iPhoneやiPadで利用するSafariのブックマークレットはとても便利。でも、一つだけ欠点があります。それは、 登録するのが超面倒くさい! という点。 でも、iCloudを使ってMacのSafariでブックマークレットを登録すれば、iPhoneへのブックマークレットも超簡単に出来てしまいます。以前からMobileMeで出来てたようですが、全ての人がその恩恵を受けられるのは、喜ばしいことでしょう。 てことで、以前作ったブックマークレットの中から厳選して、MacのSafariからiCloud経由で登録する用に整理してみました。 iPhone、iPad向けブックマークレットソースコードテキストエリアの高さを変更するブックマークレットjavaScript:num=prompt('','300');var a=document.getElementsByTagName('textarea');
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
cxxさんが作られた超絶reblog用bookmarkletであるReblogletを主にMac OS XのSafariで愛用しています。 これを使えば一分間に100reblogも夢でありません。 Reblogletについては[Rebloglet]iPhone/iPod touchのSafari + Dashboardで1タップだけでreblogできるようにするbookmarklet、Reblogletが一次情報になります。 これをSafari extenstionにしてみました。Rebloglet.safariextz 元のReblogletでlikeが効かない不具合を修正したものを入れてます。https://github.com/iyoda/Rebloglet 変更履歴 2010-12-05 Rebloglet for Safari 1.0を公開2011-06-12 Rebloglet
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
「Mail」や「Googleマップ」に対応した新ファームウェアが発表され、ますます便利になった「iPod touch」。そのiPod touchのウェブブラウザーである「Safari」は、指で画面を操作して直感的にウェブブラウズできる一方で、文字列検索ができないなど不便な点もある。そこで注目したいのが「ブックマークレット」だ。 ブックマークレットとは、JavaScriptで記述されたプログラムのこと。ブックマークから呼び出して実行し、文字列検索やウェブ検索といった処理を行なってくれる。今回、筆者が愛用している、とっておきのブックマークレットを紹介するのでぜひ活用してほしい。 なお、すべてのブックマークレットは、ファームウエアがバージョン1.1.3のiPod touchでテストして、動作したものになる。ブックマークレットが動作しない場合は、ブックマークレットのURLが正しいかどうか、「設定」
YouTubeが高画質版をこっそり提供しており、その動画を見る方法があることを先日紹介した。その高画質版は映像がMP4(H.264)形式、音声がAAC形式になっている。その高画質版のYouTube動画を手軽にダウンロードする方法を紹介しよう。 YouTubeの高画質版を見る方法は簡単で、URLの後ろに「&fmt=18」とつければいい。例えば「IDOLM@STER - Go My Way!!」の「http://www.youtube.com/watch?v=ap-yX7LKZLg」であれば「http://www.youtube.com/watch?v=ap-yX7LKZLg&fmt=18」とすればいい。 YouTubeの動画をダウンロードする方法はいろいろあるが、ブックマークレットを使う方法が手軽だ。ブックマークレットをブラウザのお気に入りに登録しておき、YouTubeのページでそのお気に入
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く