『アマゾン転売屋ブラックリスト』はボタン一つでブラックリストの作成から共有までできます。かんたん解説漫画つき。転売屋はこの世から駆逐してやりましょう(´･ω･`)ｂ はいこんばんわ。 実は今腹痛で死にそうになりながらノートを書いています。 予告ではスマホ対応のつもりだったのですが、どうもうまくリンクが動かないので、今回はデスクトップ版を使いやすくまとめました。 2020/09/26 メルカリ、楽天、ヤフオクにも暫定対応しました 2020/09/23 iPhone にも対応しました 2020/09/27 androidにも対応していました。使い方はこちら 前回まで５つに分かれていたブックマークレットですが、これを一つにまとめました(｀・ω・´)ｖ 緑で囲った５つが前回までのブックマークレット、それで、赤い丸で囲ったものが今回統合したブックマークレットです(｀・ω・´)ｖ 2020/09/27

[レベル: 上級] Chrome 81 の安定版を Google はリリースしました。 Chrome 81 に追加された新機能の 1 つに、リンク先の特定の場所に直接スクロールし指定したテキストをハイライト表示する機能があります。 #:~:text= で移動&ハイライト Chrome 80 で実装したと Google はアナウンスしていましたが、実際に利用できるようになったのは Chrome 81 です。 ページの URL に #:~:text=○○○ を追加します。 ○○○ は、リンクをクリックしたユーザーをダイレクトに連れていきたい場所のテキストです。 たとえば、次のような URL としてリンクします。 https://webmaster-ja.googleblog.com/2020/04/how-to-pause-your-business-online-in.html#:~:tex

Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認

個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送

cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版RoundedCornr / 角丸のHTML・CSSコードを生成してくれるCSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できるCSS Builder / オンラインでスタイルを生成可能Spiffy Box / cssによる角丸を簡単に生成The Box Of

これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa　システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter

ドットインストール代表のライフハックブログ

2009年03月05日02:30 カテゴリLightweight Languages javascript - クリックジャック殺しなbookmarklet 意外な盲点。 主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは しかし、 クリックジャック - 素人がプログラミングを勉強するブログ FirefoxユーザはNoScriptを使うか、about:configからpermissions.default.subdocumentを3にしましょう。 というのはあまりに厳しく悲しい。対策しようは果たしてないのでしょうか？ その結果が、こちら。 clickUnJack javascript:(function(d,u){var s=d.createElement('script');s.charset='UTF-8';s.src=u;d.body.appendChild(s)})(do

CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色

アクセスランキング sponsored スマホ専門家が3ヵ月使って悟った。スマホは「AQUOS sense8」で大満足な12の理由 トピックス 昔はまったく売れなかった「電気の要らない自動ドア」が人気を集めているらしい トピックス 楽天スーパーセール、お得な買い方徹底解説　楽天モバイルを実質1年4ヵ月無料で使う方法も紹介 iPhone アップル「iPhone 17」全モデル常時表示ディスプレー搭載か Apple アップル、新型iPad Proなど新製品を今週発表か AI 「ExcelでChatGPTを再現するシート」が想像以上に素晴らしかった トピックス 組み立て式の一眼レフカメラ「Konstruktor F Camera」を組み立ててみた！ トピックス 樹木希林さんが亡くなった後、内田也哉子さんが考えたこと Apple 【実機レビュー】M3搭載でMacBook Airはどれだけ進化したの

既に各所で報じられているように Ver.8.65 BETA 以降の Oprea Mobile では、Bookmarklet の機能が削られてしまいました。 その代わりとして Ver.8.65 BETA 以降からアドレスバー検索の機能が付きました。 Ver 8.7 では正式採用されました。 また一方で、以前からデスクトップ版の Opera にもアドレスバーから検索できる機能が有り、さらに、新たな検索エンジンを追加できる GUI を備えています。 少々乱暴な話なのですが、デスクトップ版の Opera でカスタマイズしたサーチエンジン設定ファイル（search.ini）をそのまま W-ZERO3 の Opera 8.65 BETA 用の search.ini に上書きしてみると Opera Mobile でもデスクトップ版と全く同様にアドレスバー検索ができました。 つまり、ファイルのバージョン番