GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
エルカム・セカーさんがパンデミックの最中に作ったのは世界のさまざまな都市をバーチャルにドライブできるウェブサイト「ドライブ＆リッスン」です。 世界中の有名な都市を地元のローカルラジオを聴きながらドライブしている気分になれます。あ、自分は運転できず助手席に乗っているイメージです。 エルカム・セカーさんはミュンヘン大学の修士課程に所属しているそうで、久しぶりに「おお！」って感じのウェブサイトに出会った気がします。 以下のURLからアクセスしてください。 https://driveandlisten.herokuapp.com 当Podcastでは毎月「月刊小山(@koyhoge)のこの映画を観た」という回を録音・公開しているのですが、毎年年の頭には小山さんが前年に観た映画の中からよかったものを10本選んで紹介してもらうということをしております。 小山さんが2023年に観た映画の本数は430本だ
Snoopy | View-source bookmarklet for iPad, iPhone and other mobile devices
Snoopy is a bookmarklet for snooping on web pages. It's intended for use on mobile browsers (such as Mobile Safari on the iPad) where you can't view-source to poke around under the hood of sites to see how they're built. You might find it useful for your desktop browser, too. Using the bookmarklet will give you an overlay featuring information that Snoopy can 'sniff' out of the page, such as the d
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
Google+ API Shutdown | Google+ Platform | Google Developers
Send feedback Google+ API Shutdown Stay organized with collections Save and categorize content based on your preferences. Legacy Google+ APIs have been shut down as of March 7, 2019. Developers should have received one or more emails listing recently used Google+ API methods in their projects. Whether or not an email was received, we strongly encourage developers to search for and remove any affec
CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3
CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。
Aardvark - soundscapeout (仮)
マウスオーバーで、要素、class、id を表示する Bookmarklet「Aardvark」。 Aardvark Firefox Extension Firefox 用のアドオン Aardvark :: Firefox Add-ons もありますが、インストールせずに使える Bookmarklet 版がおすすめ。 Bookmarklet は、右サイドバー中程の「Aardvark」リンクをブックマークバーにドラッグすれば使用できます。 いくつかのキーストロークが用意されていますので、例えば、要素が選択されている状態で、「R」キーを押すと、選択されている要素を削除でき、印刷用のレイアウトを作ることも可能です。
Jesse's Bookmarklets Site
Bookmarklets Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser. To use a bookmarklet from this site on another web page: 1. Drag the bookmarklet (e.g. zoom images in or zap colors) to your Bookmarks Toolbar or Links Bar. 2. While viewing a page you want to use the bookmarklet on, click the bookmarklet from your Bookmarks Toolbar. Bookmarklet cate
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
slayeroffice | tools | Mouseover DOM Inspector v2.0 Help
Mouseover DOM Inspector v2.0.2 Help Overview The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. Browsers currently supported are Firefox, Mozilla, Netscape 8, Opera 7.5+ and MSIE6+ on all of their respective Operating Systems. To begin using the Mouseover DOM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
viewsource.in
HTML/CSS/JavaScriptを改善してWebサイトのパフォーマンスを向上しよう·DOM Monster MOONGIFT
[Bookmarklet]CSSのオン・オフを切り替える![[Bookmarklet]CSSのオン・オフを切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)