無料でウェブページの更新通知＆更新した部分だけをハイライトで一目でわかるようにするFirefox拡張機能「Update Scanner」
RSS で更新情報を配信されないウェブページの更新をチェックしたり、更新頻度の高いページで「どこが更新されたのか」を把握したりするのは至難の業。「Update Scanner」はウェブページの更新を最短5分ごとにチェックしてくれるだけではなく、「どの部分が更新されたのか」を一目でわかるようにしてくれるFirefox拡張機能です。 Update Scanner – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/update-scanner/ FirefoxでUpdate Scannerの配布ページにアクセスし、「Firefoxに追加」をクリック。 FirefoxにUpdate Scannerの追加を許可するかを聞かれるので、「追加」をクリックして、Update ScannerをFirefoxにインストール
ウェブページに簡単にカスタムCSSを適用できる拡張機能「Amino」
CSSはウェブページにおいてレイアウトやスタイルを決めるための言語ですが、「Amino」はそのCSSを簡単に書き加えることができ、サイトを自由にカスタマイズできるというChromeの拡張機能です。 Amino: Live CSS Editor for Chrome https://aminoeditor.com/ Amino: Live CSS Editor - Chrome ウェブストア https://chrome.google.com/webstore/detail/amino-live-css-editor/pbcpfbcibpcbfbmddogfhcijfpboeaaf Chromeウェブストアのページを開き、右の「Chromeに追加」ボタンをクリックします。 アクセスするウェブサイトへの権限を求められます。確認して「拡張機能を追加」をクリック。これでインストールは完了です。 C
Print.js - Webで任意のコンテンツを印刷できます MOONGIFT
Webが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。また、ごく一部だけ印刷したいのにそれもままなりません。 そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。 Print.jsの使い方 一例です。PDFファイルを指定すると見ているHTMLと全く違うPDFが印刷できます。 <button type="button" onclick="printJS('docs/printjs.pdf')"> Print PDF </button> さらにフォームの印刷も。 <form method="post" action="#" id="printJS-form"> ... </form> <button type="button" onclick="printJS('printJS-form
フォントファイルから使いたい文字を抜き出してコマンドラインでWebフォント化するfontminが便利だった - Qiita
Webページで日本語のWebフォントを使いたいんだけどフォントファイルのサイズが大きくて諦めたなんて経験ないですか？ 例えばIPAゴシックだと6.2MBほどのファイルサイズがあるので、さすがにそのままWebフォントとして使うのには抵抗がありますよね。 じゃあ使いたい文字だけ引っこ抜いてフォントファイルを再構築すればいいじゃね？という考え方を元にした手法としてフォントのサブセット化というものがあります。 fontminはWebフォントフレンドリーなフォントのサブセット化をサポートするツールです。 nodeモジュールであり、CLIもサポートしているのでビルドプロセスに組込みやすいという点ではフロントエンダーには嬉しいところではないでしょうか。 出来ること 具体的に出来ることは下記になります。 フォントファイルを指定した文字でサブセット化したフォントファイルに変換 出力できる形式はwoff、tt
「日本語Webフォントで世界観を」小説サイト実装の舞台裏
小説サイトの日本語タイプグラフィをどう実装するか？ ユーザー体験をコード、実装でアプローチする技術コミュニティ「UX CODE」による勉強会「UX CODE IN GSS #2」が2月29日、ドワンゴで開かれた。 ドワンゴは、2月、中日本高速道路と共同で設立したIP製作委員会「NEFCO（ネフコ）」によるプロジェクトの第1弾作品として、芝村裕吏氏によるWeb小説「幻想交流』をスタート。スマホ、PCで見られる専用サイトを公開している。 この小説サイトでこだわったのが、小説の世界観を表現するフォントだ。ドワンゴの藤村拓也さんは、「あらゆるユーザーに小説を届けたい」と考えたときに、「Androidには明朝体がない」「MS明朝にアンチエイリアスが効かない」など、デバイスフォントの限界を感じたという。 そこで導入したのがWebフォントだ。最近は欧文をWebフォントで表現するサイトは珍しくないが、日本
Webページを印刷する時に便利！不要な部分を除いたりスタイルを最適化して印刷できる -The Printliminator
Webページを印刷する時に、うまく収まらず残念な思いをしたことはありませんか？ 縮小したり、紙のサイズを変えたりも手ですが、不要な部分を除いてしまうのも手です。 ページ上の不要な部分をクリックで簡単に削除して、印刷できるブラウザの機能拡張・ブックマークレットを紹介します。 下のように2枚目にちょっとはみ出してしまうのも、すっきり1枚に印刷できますね。 The Printliminator The Printliminator -GitHub The Printliminatorの対応ブラウザは、下記の通り。 Chromeの機能拡張: The Printliminator Operaの機能拡張: The Printliminator ブックマークレット: The Printliminator ブックマークレットは、IEをはじめ各ブラウザの最新バージョンで動作します。
【Google＋の投稿もできる！】Twitter,Facebook,Google＋の投稿をブログなどのWebサイトに貼り付ける方法｜今村だけがよくわかるブログ
【Google＋の投稿もできる！】Twitter,Facebook,Google＋の投稿をブログなどのWebサイトに貼り付ける方法 2016/06/17追記SocialDittoはいつの間にか閉鎖されたみたいです。残念・・・。公開当時の情報を以下に残しています。 「Twitter,Facebook,Goole+で投稿した内容を『そのまま』ブログなどWebサイトに貼り付けたい！」と思ったことはありませんか。私は最近特に、Google+で投稿した内容をブログに貼り付けたくなってきました。それで、いろいろ調べると、やり方がありましたのでご紹介します。 「おー、ちょっと興味あるかも」といった方は、是非ともご参考ください。 海外でそんなサービスがありましたやり方を調べていたんですが、海外に「SocialDitto」というサイトがありますここを利用します。使い方は難しくないです。に説明すると、下の画像
URLを入力してサイト全体や一部のスクリーンショットを保存するフリーソフト「WebShot」
サイト全体のスクリーンショットを撮りたい場合などに、コマンドラインでの操作が可能で、サイトのURLを入力し、スクリーンショットのサイズと保存するときのサイズを指定して、JPG・GIF・PNG・BMPで保存できるフリーソフトが「WebShot」です。Windows XP・Vista・7・Server 2008で起動できます。 ダウンロード、インストール、操作方法については以下から。 WebShot http://www.websitescreenshots.com 上記サイトの「DOWNLOAD」をクリック。 ダウンロードした実行ファイルを起動。 「Next」をクリック 上にチェックを入れて、「Next」をクリック。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック 「Finish」をクリック。 操作画面が表示されます。 ここではこのサイト
[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 デモページ：ズームインしたキャプチャ ズームアウト（縮小）するにはもう一度クリックするか、[ESC]キーを押します。 [ad#ad-2] 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="js/zoom.js"></script> HTML/CSS HTMLとCSSは通常通りで構いません。 特定のエリアに適用する場合は、そのエリアが指定できるようにidなどを設けます。 JavaScript 特定の要素（例：img）のみ適用する場合は下
スクロール制御系のjqueryプラグイン「Jquery Waypoints」 | バニデザノート
主要な動きは４つ。 ・[ Infinite Scroll ] 永遠にスクロールしてくれる （先頭の要素をもう一度読み込んでくるくる回転しているようにみえる） ・[ Sticky Elements ] 一部のエレメントだけ、スクロールしても動かなくする ・[ Scroll Analytics ] スクロールした任意のポイントで、ページビューカウント ・[ Dial Controls ] ダイアル状の要素をスクロールさせると、他の要素が変化する ダウンロード＆解説はこちら Jquery Waypoints ご参考にどうぞ。 関連記事 やさしい時間と音楽の流れるサイト「hanging up the moon」 2011/11/09 完成度の高いフリーのアイコンセット「iconSweets2」 2011/11/08 可変グリッドで斜めなアイデアが素敵なサイト「ARNAUD BEEN」 2011/1
不必要な箇所は印刷しない！必要なページだけ印刷が（割付印刷も）できるフリーソフト -iPrint
ウェブページなどを印刷する際、不必要な箇所を指定して除いて印刷したいと思いませんか？ また、一枚の用紙に複数のページを印刷したい！ という人にぴったりなフリーソフトを紹介します。 iPrintは、複数のページを一枚の紙に印刷する割付印刷の機能をどのプリンターでもどのソフトでも利用できるようにし、不要箇所を印刷対象外にできるWindows XP, Vista, 7用のソフトウェアです。 iPrint -Print Multi-Up Eco-Friendly Printing [ad#ad-2] 割付印刷はプリンタのドライバやアプリケーションによって備わっているものもありますが、このソフトウェアを使用すると不必要な箇所を除いて割付したり、PDF書き出しと併用することもできます。 iPrintの主な特徴 iPrintのダウンロード iPrintのインストール iPrintの主な特徴 まずは、iP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
任意のWebサイトや要素に設定されたCSSを解析するChromeエクステンション・「CSS Peeper」
友人にウェブページのそこだよ、を的確に伝えることができるオンラインサービス -inFocus.cc