iPhoneのSafariが10倍便利になるブックマークレット10個
ども！ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日本語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します！ Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日本語翻訳す
samulife.com - このウェブサイトは販売用です！ - samulife リソースおよび情報
このウェブサイトは販売用です！ samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
iPhoneがグッと便利になる！ Safariに登録しておきたいブックマークレットまとめ | カミアプ
どうもハンサムクロジです。 ウェブサイトの閲覧にとっても便利なiPhoneですが、Safariやその他のブラウザアプリだけでは機能が物足りないと感じることも多いと思います。 そんなブラウザの機能を拡張するのに便利なのが「ブックマークレット」！ お気に入りに登録してすぐに呼び出せるようにしておけば、普通では使えない便利な機能を利用することができるのです！ 今回は数あるブックマークレットたちの中から、便利そうなものをまとめてご紹介したいと思います！！ ブックマークレットとは？ ブックマークレットは、ウェブブラウザで作動するJavaScriptプログラムのことを指します。 通常のお気に入りは登録しておいたURLのページを開くというものですが、そのURLの代わりにJavaScriptのコードを登録しておくことで、ページに移動する代わりに様々な機能が実行されるというものです。 ブックマークレットの登
Sugarbox Networks - Internet of the Future
Sugarbox is building the backbone for the Internet of the future CDNs have been the backbone of the internet for the last 2 decades, but the current Tech can’t cope up with the bandwidth & latency demand. Sugarbox is reimagining data delivery by getting the Cloud right down to the user. Sugarbox embeds Edges deep within the Service Provider and User Networks Sugarbox is solving both sides of the c
ベビー服を送ろう！
�お祝いにベビー服を！ お祝に喜ばれる物はなんでしょうか？ 赤ちゃんの出産祝いには何が喜ばれるのでしょうか？ 出産祝いには何を送ればいいのか。 その中でも最近、関心が高いのは気になる出産祝い。 というのも、出産祝いには何を贈っていいか困りますよね。 色んな出産祝いがあるかとは思います。 その中でもベビー服なんかはとても気になります。 ベビー服には色んな種類がありますが、個人的に気になるのは 動物の形をした着ぐるみ。 あの着ぐるみを着てチョコチョコ動いているだけでとても可愛いく感じるのですよね！ ヌイグルミみたいな風合いと可愛らしい着ぐるみが思わず、後ろから抱きしめたくなります。 出産祝いは色んな物がありすぎて困りますが、やはり定番の商品は強いのではないかと感じます。 ベビー服、候補の中に入れてみてはいかがでしょうか？ ベビー服には男性、女性用と色んな商品がありますが、色を中性的な色にしたら
Baseliner – keyes.ie
Baseliner Looking for an easy way to overlay a baseline grid on any webpage? Baseliner is a JavaScript tool that can do just that. How do I use it? The easiest way to use baseliner is the Baseliner bookmarklet, which always loads the latest code. If you prefer a custom baseline grid can be created directly: <script src="http://files.keyes.ie/things/baseliner/baseliner-latest.min.js"> </script> <sc
Use your browser as Notepad
We all uses notepad or sticky note or some editor to take immediate notes on something like code snippet, ideas, blog content, todo. Recently I came to know that we can use our browser just like notepad. The trick hacks around Data URI scheme and html contenteditable attribute. All you need to do is type the following code into the browser's URL bar: It will make your page as editable just like no
MIN · Examine the foundations of any site design.
Drag this button MIN into your bookmarks toolbar and start dissecting site designs! How it Works By stripping color and styles from designs, MIN can give a deeper insight into a design. It can help you evaluate typographic hierarchy, layout balance, grid structure, and the strength of brand presence in your typography. By blurring the layout, you can also glimpse the unique footprint of your conte
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
5 Bookmarklets to Test Responsive Layout
Introduction Responsive design is a big bomb in web industry. If you are developing a responsive layout, the most common testing method to preview your website is to resize browser width to make sure everything appears alright in different dimensions. I always do that, and then eventually, I discovered these useful bookmarklets to test responsive layout. Most of these bookmarklets come with predef
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet
DOM Monster is our answer to JavaScript performance tools that just don't give you the full picture. DOM Monster is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health. If there are problems, DOM Monster will point them out—and even make suggestions on how to fix 'em. Drag the DOM Monster! to your bookmarks b
【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 - アップス!!!-iPhoneの小技やiOS系ニュースを配信
【保存版】iPhoneのブラウジングが捗る鉄板ブックマークレット集 2012年06月17日 18:17 カテゴリ:iphoneの小技 ツイート ども！ともぞう(@tomozo_1975)です。 今日はiPhoneのブラウジングを快適にしてくれるブックマークレットをご紹介したいと思います。 見ているページのツィートや英語サイトの翻訳など便利なブックマークレットが盛り沢山ですよ。 その１ 見ているページをつぶやく Twitterで共有したい記事を見つけたらこれらの⇓ブックマークレットの出番です！ 公式Twitter用ブックマークレット Echofon用ブックマークレット Tweetbot用ブックマークレット ではEchofon用ブックマークレットを例に使い方を解説してみますね。 Echofon用のブックマークレットのリンクを開くと、 Googleのページが開くので、そのままブックマーク
ブログ更新を快適にブロガー必須のブックマークレット まとめ | nori510.com
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度
クックパッドのレシピで分量を自由に変更できるブックマークレット - P A R A G R A P H S
Cookpad Recipe Scalable - Hatena::Let 最近よくクックパッドのレシピを見て料理を作っているんだけど、作りたい分量が合わないとき頭で分量を計算しなおすのが面倒くさいので作りました。 ブックマークレットを起動すると「操作」エリアが追加され、テキストエリアに数字を入れて「倍」ボタンを押すと分量を変更してくれます。あと、おまけで「ヘルシーに」を押すと肉と油を減らしたり「うまそうに」を押すとその逆をやってくれたりする機能もつけてみました。 豚汁 100 人分とか巨大なケーキの分量を知ることができて便利だと思う (もちろん 0.5 とか入力して 4 人分を 2 人分に減らすこともできる)。ただ、レシピ掲載者のひとたちの表記ゆれを全部カバーできている自信が全然なくてうまく動かないことが多いかもです。 (サンプル画像としてプロの味！の豚汁 by Fumiaを使わせていた
iCloudを使って超面倒くさいiPhoneのブックマークレット登録を簡単に行う方法 - もとまか日記乙
iPhoneやiPadで利用するSafariのブックマークレットはとても便利。でも、一つだけ欠点があります。それは、 登録するのが超面倒くさい！ という点。 でも、iCloudを使ってMacのSafariでブックマークレットを登録すれば、iPhoneへのブックマークレットも超簡単に出来てしまいます。以前からMobileMeで出来てたようですが、全ての人がその恩恵を受けられるのは、喜ばしいことでしょう。 てことで、以前作ったブックマークレットの中から厳選して、MacのSafariからiCloud経由で登録する用に整理してみました。 iPhone、iPad向けブックマークレットソースコードテキストエリアの高さを変更するブックマークレットjavaScript:num=prompt('','300');var a=document.getElementsByTagName('textarea');
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BreakpointTester.com is for sale | HugeDomains
https://www.kernjs.com/
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
